.mp-article {
--mp-nuit: #081426;
--mp-nuit-clair: #10203b;
--mp-ivoire: #f4ead7;
--mp-papier: #f4f0ed;
--mp-papier-pub: #e9dfca;
--mp-or: #c8a45f;
--mp-or-clair: #ead8b1;
--mp-violet: #806693;
color: var(--mp-ivoire) !important;
background:
radial-gradient(
circle at 15% 10%,
rgba(128, 102, 147, 0.14),
transparent 30rem
),
var(--mp-nuit) !important;
} body.fp-ville-page .post-navigation,
body.fp-ville-page .navigation.post-navigation,
body.fp-ville-page .post-navigation-wrap,
body.fp-ville-page .post-navigation-sub,
body.fp-ville-page .entry-navigation,
body.fp-ville-page nav[aria-label="Navigation des articles"],
body.fp-ville-page nav[aria-label="Posts navigation"] {
display: none !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
overflow: hidden !important;
} .mp-article > .kt-row-column-wrap,
.mp-article .kt-row-column-wrap,
.mp-article .wp-block-kadence-column,
.mp-article .kt-inside-inner-col {
background-color: transparent !important;
background-image: none !important;
} .mp-masthead,
.mp-masthead * {
box-sizing: border-box;
writing-mode: horizontal-tb !important;
text-orientation: mixed !important;
}
.mp-masthead {
position: relative;
display: block;
width: 100%;
min-width: 0;
margin: 0;
padding:
clamp(50px, 6vw, 76px)
clamp(30px, 11vw, 150px)
clamp(30px, 4vw, 44px);
overflow: hidden;
color: var(--mp-ivoire);
text-align: center;
background:
radial-gradient(
ellipse at center,
rgba(128, 102, 147, 0.12),
transparent 68%
),
var(--mp-nuit);
border: 1px solid rgba(200, 164, 95, 0.78);
outline: 1px solid rgba(200, 164, 95, 0.30);
outline-offset: -10px;
transform: none !important;
} .mp-masthead::before,
.mp-masthead::after {
content: "";
position: absolute;
top: 15px;
width: clamp(75px, 12vw, 155px);
height: 72px;
opacity: 0.82;
pointer-events: none;
background:
linear-gradient(var(--mp-or), var(--mp-or))
0 0 / 100% 1px no-repeat,
linear-gradient(var(--mp-or), var(--mp-or))
0 13px / 78% 1px no-repeat,
linear-gradient(var(--mp-or), var(--mp-or))
0 26px / 57% 1px no-repeat,
linear-gradient(var(--mp-or), var(--mp-or))
0 39px / 36% 1px no-repeat,
linear-gradient(90deg, var(--mp-or), var(--mp-or))
0 0 / 1px 100% no-repeat,
linear-gradient(90deg, var(--mp-or), var(--mp-or))
13px 0 / 1px 78% no-repeat,
linear-gradient(90deg, var(--mp-or), var(--mp-or))
26px 0 / 1px 57% no-repeat,
linear-gradient(90deg, var(--mp-or), var(--mp-or))
39px 0 / 1px 36% no-repeat;
}
.mp-masthead::before {
left: 15px;
}
.mp-masthead::after {
right: 15px;
transform: scaleX(-1) !important;
} .mp-masthead-ornament {
position: relative;
display: flex;
justify-content: center;
align-items: flex-end;
gap: 5px;
width: 110px;
height: 25px;
margin: 0 auto 22px;
}
.mp-masthead-ornament::before,
.mp-masthead-ornament::after {
content: "";
display: block;
width: 29px;
height: 1px;
margin-bottom: 4px;
background: var(--mp-or);
box-shadow:
7px -5px 0 -0.25px var(--mp-or),
14px -10px 0 -0.25px var(--mp-or);
}
.mp-masthead-ornament::after {
transform: scaleX(-1) !important;
}
.mp-masthead-ornament span {
display: block;
width: 4px;
border: 1px solid var(--mp-or);
background: transparent;
}
.mp-masthead-ornament span:nth-child(1),
.mp-masthead-ornament span:nth-child(3) {
height: 13px;
}
.mp-masthead-ornament span:nth-child(2) {
height: 24px;
background: var(--mp-or);
} .mp-brand {
display: block;
width: 100%;
margin: 0 !important;
padding: 0;
color: var(--mp-ivoire) !important;
font-family:
"Limelight",
"Market Deco",
"Park Lane",
sans-serif !important;
font-size: clamp(3.1rem, 8vw, 7.8rem) !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 0.92 !important;
letter-spacing: 0.025em;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
transform: none !important;
} .mp-baseline {
display: flex;
align-items: center;
justify-content: center;
gap: clamp(10px, 2vw, 24px);
width: min(720px, 88%);
margin: clamp(17px, 2.5vw, 25px) auto 0;
transform: none !important;
}
.mp-baseline-line {
display: block;
flex: 1 1 auto;
min-width: 35px;
height: 1px;
background:
linear-gradient(
90deg,
transparent,
var(--mp-or) 24%,
var(--mp-or) 76%,
transparent
);
}
.mp-baseline-line:first-child::after,
.mp-baseline-line:last-child::before {
content: "";
display: block;
width: 7px;
height: 7px;
margin-top: -3px;
background: var(--mp-or);
transform: rotate(45deg) !important;
}
.mp-baseline-line:first-child::after {
margin-left: auto;
}
.mp-baseline-line:last-child::before {
margin-right: auto;
}
.mp-baseline-text {
display: inline-block;
flex: 0 0 auto;
margin: 0;
padding: 0 3px;
color: var(--mp-or-clair) !important;
font-family:
"Italiana",
Didot,
serif !important;
font-size: clamp(1.15rem, 2.2vw, 1.8rem) !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1 !important;
letter-spacing: 0.025em;
text-transform: lowercase;
transform: none !important;
} .mp-article .mp-issue {
display: flex !important;
align-items: center;
justify-content: center;
gap: 16px;
width: min(760px, 92%);
margin: 18px auto 8px !important;
padding: 0 12px 8px;
color: var(--mp-or) !important;
opacity: 0.88 !important;
visibility: visible !important;
font-family:
"Poiret One",
sans-serif !important;
font-size: 0.74rem !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1.4 !important;
letter-spacing: 0.19em;
text-align: center !important;
text-transform: uppercase;
white-space: normal;
transform: none !important;
}
.mp-issue::before,
.mp-issue::after {
content: "";
display: block;
flex: 1 1 auto;
min-width: 25px;
height: 1px;
background:
linear-gradient(
90deg,
transparent,
rgba(200, 164, 95, 0.62)
);
}
.mp-issue::after {
transform: scaleX(-1) !important;
} .mp-title-block {
max-width: 1050px;
margin: 0 auto;
padding:
clamp(55px, 8vw, 105px)
15px
clamp(40px, 6vw, 72px);
text-align: center;
box-shadow: none;
}
.mp-product-title {
max-width: 1000px;
margin: 0 auto !important;
color: var(--mp-ivoire) !important;
font-family:
"Italiana",
Didot,
serif !important;
font-size: clamp(3.7rem, 8vw, 8rem) !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 0.94 !important;
letter-spacing: -0.035em;
text-align: center;
}
.mp-product-deck {
max-width: 780px;
margin: 24px auto 0 !important;
color: var(--mp-or-clair) !important;
font-family:
"Italiana",
Didot,
serif !important;
font-size: clamp(1.4rem, 2.8vw, 2.3rem) !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1.3 !important;
text-align: center;
} .mp-hero-grid {
margin-top: 0;
box-shadow: none;
}
.mp-hero-grid > .kt-row-column-wrap {
align-items: start;
column-gap: clamp(28px, 4vw, 56px);
} .mp-art-frame {
position: relative;
margin: 0;
padding: 10px;
background: var(--mp-papier);
border: 1px solid rgba(200, 164, 95, 0.85);
outline: 1px solid rgba(200, 164, 95, 0.30);
outline-offset: -8px;
box-shadow: none;
}
.mp-art-frame::before {
content: "";
position: absolute;
z-index: 2;
inset: 19px;
pointer-events: none;
border: 1px solid rgba(200, 164, 95, 0.25);
}
.mp-art-frame figure,
.mp-art-frame .wp-block-image {
position: relative;
z-index: 1;
margin: 0;
}
.mp-art-frame img {
display: block;
width: 100%;
height: auto;
}
.mp-art-frame figcaption {
margin: 13px 8px 5px;
color: #4d463e;
font-family:
"Poiret One",
sans-serif;
font-size: 0.76rem;
line-height: 1.5;
letter-spacing: 0.045em;
text-align: left;
} .mp-intro-card {
position: relative;
padding:
clamp(28px, 4vw, 43px)
clamp(23px, 3vw, 37px);
background:
linear-gradient(
145deg,
rgba(128, 102, 147, 0.18),
rgba(8, 20, 38, 0.12) 65%
) !important;
border-top: 1px solid rgba(200, 164, 95, 0.80);
border-bottom: 1px solid rgba(200, 164, 95, 0.80);
box-shadow: none;
}
.mp-label {
margin: 0 0 21px !important;
color: var(--mp-or-clair) !important;
opacity: 1 !important;
font-family:
"Poiret One",
sans-serif !important;
font-size: 0.73rem !important;
font-weight: 400 !important;
line-height: 1.4 !important;
letter-spacing: 0.23em;
text-transform: uppercase;
}
.mp-label::after {
content: "";
display: block;
width: 52px;
height: 1px;
margin-top: 13px;
background: var(--mp-or);
}
.mp-chapo {
margin: 0 !important;
color: var(--mp-ivoire) !important;
font-family:
"Libre Baskerville",
Georgia,
serif !important;
font-size: clamp(1.03rem, 1.55vw, 1.23rem) !important;
font-weight: 400 !important;
line-height: 1.85 !important;
}
.mp-chapo::first-letter {
float: left;
margin: 0.12em 0.13em 0 0;
color: var(--mp-or);
font-family:
"Italiana",
Didot,
serif;
font-size: 5.2rem;
line-height: 0.72;
} .mp-pullquote {
position: relative;
margin: 42px 0 0 !important;
padding: 25px 18px 5px 27px;
color: var(--mp-or-clair) !important;
font-family:
"Italiana",
Didot,
serif !important;
font-size: clamp(1.45rem, 2.5vw, 2.1rem) !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1.36 !important;
border-left: 2px solid var(--mp-or);
}
.mp-pullquote::before {
content: "“";
position: absolute;
top: -33px;
left: 11px;
color: rgba(200, 164, 95, 0.25);
font-family: Georgia, serif;
font-size: 5.6rem;
line-height: 1;
}
.mp-article .mp-pullquote-large {
margin-top: 48px !important;
padding: 32px 28px 14px 34px !important;
font-size: clamp(2rem, 3.5vw, 3.15rem) !important;
line-height: 1.25 !important;
border-left-width: 3px;
}
.mp-article .mp-pullquote-large::before {
top: -38px;
left: 15px;
color: rgba(200, 164, 95, 0.27);
font-size: 7rem;
} .mp-article .mp-medallion-row .mp-copy p.mp-pullquote-large,
.mp-article .mp-medallion-row p.mp-pullquote-large {
margin-top: 42px !important;
padding: 25px 18px 5px 27px !important;
font-size: clamp(2rem, 2.5vw, 2.1rem) !important;
line-height: 1.36 !important;
border-left: 2px solid var(--mp-or) !important;
} .mp-article .mp-note {
display: block !important;
margin: 0 0 30px !important;
padding: 28px 24px !important;
background:
linear-gradient(
145deg,
rgba(200, 164, 95, 0.10),
rgba(128, 102, 147, 0.10)
) !important;
border: 1px solid rgba(200, 164, 95, 0.62) !important;
outline: 1px solid rgba(200, 164, 95, 0.18);
outline-offset: -7px;
}
.mp-article .mp-note .mp-note-title {
margin: 0 0 17px !important;
color: var(--mp-or-clair) !important;
font-family:
"Poiret One",
sans-serif !important;
font-size: 0.82rem !important;
font-weight: 400 !important;
line-height: 1.4 !important;
letter-spacing: 0.20em;
text-transform: uppercase;
}
.mp-article .mp-note .mp-note-title::after {
content: "";
display: block;
width: 42px;
height: 1px;
margin-top: 12px;
background: var(--mp-or);
}
.mp-article .mp-note p:not(.mp-note-title) {
margin: 0 !important;
color: var(--mp-ivoire) !important;
font-family:
"Poiret One",
sans-serif !important;
font-size: clamp(1rem, 1.35vw, 1.14rem) !important;
font-weight: 400 !important;
line-height: 1.72 !important;
letter-spacing: 0.025em;
}  .mp-article .mp-section-heading {
position: relative;
display: block !important;
width: 100%;
margin: 0 0 clamp(38px, 5vw, 60px) !important;
padding: 0 0 25px !important;
opacity: 1 !important;
visibility: visible !important;
background: transparent !important;
border: 0 !important;
}
.mp-article .mp-section-number {
display: block !important;
margin: 0 0 13px !important;
padding: 0 !important;
color: var(--mp-or) !important;
opacity: 1 !important;
font-family:
"Italiana",
Didot,
serif !important;
font-size: clamp(2.8rem, 4.5vw, 4.4rem) !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
text-align: left !important;
}
.mp-article .mp-section-heading-title {
display: block !important;
max-width: 1000px;
margin: 0 !important;
padding: 0 !important;
color: var(--mp-ivoire) !important;
opacity: 1 !important;
font-family:
"Poiret One",
"Italiana",
serif !important;
font-size: clamp(2.8rem, 5.4vw, 5.4rem) !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1.04 !important;
letter-spacing: -0.015em !important;
text-align: left !important;
text-shadow: none !important;
}
.mp-article .mp-section-heading::after {
content: "";
display: block;
width: 100%;
height: 1px;
margin-top: 27px;
background:
linear-gradient(
90deg,
var(--mp-or) 0%,
rgba(200, 164, 95, 0.32) 65%,
transparent 100%
);
}
.mp-article .mp-section-heading::before {
content: "";
position: absolute;
left: 52px;
bottom: 21px;
width: 7px;
height: 7px;
background: var(--mp-or);
transform: rotate(45deg);
} .mp-article .mp-section-head {
position: relative;
display: block !important;
opacity: 1 !important;
visibility: visible !important;
}
.mp-article .mp-section-head .mp-section-no {
display: block !important;
position: relative;
z-index: 2;
margin: 0 0 14px !important;
color: var(--mp-or) !important;
opacity: 1 !important;
visibility: visible !important;
font-family:
"Italiana",
Didot,
serif !important;
font-size: clamp(2.8rem, 4.5vw, 4.4rem) !important;
font-weight: 400 !important;
line-height: 1 !important;
text-align: left !important;
}
.mp-article .mp-section-head .mp-section-title,
.mp-article .mp-section-head h2 {
display: block !important;
position: relative;
z-index: 2;
max-width: 950px;
margin: 0 !important;
color: var(--mp-ivoire) !important;
opacity: 1 !important;
visibility: visible !important;
font-family:
"Poiret One",
"Italiana",
serif !important;
font-size: clamp(2.8rem, 5.4vw, 5.4rem) !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1.05 !important;
letter-spacing: -0.015em;
text-align: left !important;
text-shadow: 0 2px 20px rgba(0, 0, 0, 0.18);
}
.mp-article .mp-section-head::after {
content: "";
display: block;
width: 100%;
height: 1px;
margin-top: 25px;
background:
linear-gradient(
90deg,
var(--mp-or),
rgba(200, 164, 95, 0.28) 65%,
transparent
);
} .mp-double-plate > .kt-row-column-wrap {
align-items: start;
column-gap: clamp(28px, 4vw, 48px);
}
.mp-plate-column {
min-width: 0;
}
.mp-image-card-dark {
background: var(--mp-nuit-clair) !important;
}
.mp-article .mp-subtitle {
position: relative;
margin: clamp(28px, 4vw, 42px) 0 22px !important;
padding-top: 18px;
color: var(--mp-or-clair) !important;
font-family:
"Italiana",
Didot,
serif !important;
font-size: clamp(1.8rem, 3vw, 2.8rem) !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1.15 !important;
letter-spacing: -0.015em;
}
.mp-article .mp-subtitle::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 58px;
height: 1px;
background: var(--mp-or);
}
.mp-article .mp-subtitle::after {
content: "";
position: absolute;
top: -3px;
left: 53px;
width: 7px;
height: 7px;
background: var(--mp-or);
transform: rotate(45deg);
}
.mp-double-plate .mp-image-card figcaption {
margin: 14px 8px 6px;
color: #4d463e;
font-family:
"Poiret One",
sans-serif !important;
font-size: 0.76rem;
line-height: 1.55;
letter-spacing: 0.04em;
}
.mp-double-plate .mp-image-card-dark figcaption {
color: var(--mp-or-clair);
} .mp-medallion-row > .kt-row-column-wrap {
align-items: center;
column-gap: clamp(36px, 5vw, 72px);
}
.mp-medallion {
position: relative;
width: min(100%, 470px);
aspect-ratio: 1;
margin: 0 auto;
padding: 10px;
overflow: hidden;
background: var(--mp-papier);
border: 1px solid rgba(200, 164, 95, 0.85);
border-radius: 50%;
outline: 1px solid rgba(200, 164, 95, 0.30);
outline-offset: -8px;
}
.mp-medallion::before {
content: "";
position: absolute;
z-index: 3;
inset: 19px;
pointer-events: none;
border: 1px solid rgba(200, 164, 95, 0.35);
border-radius: 50%;
}
.mp-medallion figure,
.mp-medallion .wp-block-image {
width: 100%;
height: 100%;
margin: 0;
}
.mp-medallion img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
.mp-medallion-row .mp-copy p {
font-size: clamp(1rem, 1.42vw, 1.16rem) !important;
line-height: 1.85 !important;
} .mp-stole-layout > .kt-row-column-wrap {
align-items: center;
column-gap: clamp(32px, 5vw, 70px);
}
.mp-stole-layout .mp-copy {
padding: clamp(10px, 3vw, 35px) 0;
}
.mp-accessories {
margin-top: clamp(48px, 7vw, 85px);
}
.mp-accessory-labels {
margin-top: 18px;
}
.mp-accessory-labels > .kt-row-column-wrap {
column-gap: 15px;
}
.mp-accessory-labels p {
margin: 0 !important;
padding: 9px 5px;
color: var(--mp-or-clair) !important;
font-family:
"Poiret One",
sans-serif !important;
font-size: clamp(0.72rem, 1vw, 0.88rem) !important;
font-weight: 400 !important;
line-height: 1.4 !important;
letter-spacing: 0.14em;
text-align: center;
text-transform: uppercase;
border-top: 1px solid rgba(200, 164, 95, 0.45);
}
.mp-accessory-labels p::after {
content: "";
display: block;
width: 6px;
height: 6px;
margin: 11px auto 0;
background: var(--mp-or);
transform: rotate(45deg);
} .mp-closing {
position: relative;
margin-top: clamp(75px, 10vw, 130px);
padding:
clamp(42px, 6vw, 72px)
clamp(24px, 7vw, 90px);
text-align: center;
background:
radial-gradient(
ellipse at center,
rgba(128, 102, 147, 0.20),
transparent 72%
);
border-top: 1px solid rgba(200, 164, 95, 0.75);
border-bottom: 1px solid rgba(200, 164, 95, 0.75);
}
.mp-closing::before,
.mp-closing::after {
content: "";
position: absolute;
left: 50%;
width: 9px;
height: 9px;
background: var(--mp-or);
transform: translateX(-50%) rotate(45deg);
}
.mp-closing::before {
top: -5px;
}
.mp-closing::after {
bottom: -5px;
}
.mp-article .mp-closing p {
max-width: 920px;
margin: 0 auto 27px !important;
color: var(--mp-or-clair) !important;
font-family:
"Poiret One",
sans-serif !important;
font-size: clamp(1.5rem, 2.35vw, 2.15rem) !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1.58 !important;
letter-spacing: 0.025em;
text-align: center;
}
.mp-article .mp-closing p:last-child {
margin-bottom: 0 !important;
} .mp-article .mp-book-ad {
position: relative;
display: block !important;
margin-top: clamp(72px, 9vw, 115px) !important;
padding: clamp(20px, 3vw, 34px) !important;
color: var(--mp-nuit) !important;
background:
linear-gradient(
rgba(255, 255, 255, 0.10),
rgba(255, 255, 255, 0.10)
),
var(--mp-papier-pub) !important;
border: 1px solid var(--mp-or) !important;
outline: 1px solid rgba(8, 20, 38, 0.42);
outline-offset: -10px;
opacity: 1 !important;
visibility: visible !important;
}
.mp-book-ad::before,
.mp-book-ad::after {
content: "";
position: absolute;
width: 58px;
height: 58px;
pointer-events: none;
border-color: var(--mp-nuit);
border-style: solid;
}
.mp-book-ad::before {
top: 17px;
left: 17px;
border-width: 1px 0 0 1px;
}
.mp-book-ad::after {
right: 17px;
bottom: 17px;
border-width: 0 1px 1px 0;
} .mp-article .mp-book-ad > .kt-row-column-wrap,
.mp-article .mp-book-ad .kt-row-column-wrap {
align-items: center !important;
column-gap: clamp(30px, 5vw, 70px) !important;
padding:
clamp(28px, 5vw, 60px)
clamp(18px, 4vw, 50px) !important;
background: transparent !important;
}
.mp-article .mp-book-ad .wp-block-kadence-column,
.mp-article .mp-book-ad .kt-inside-inner-col,
.mp-article .mp-book-ad .mp-book-copy {
background: transparent !important;
background-image: none !important;
opacity: 1 !important;
visibility: visible !important;
} .mp-book-cover {
position: relative;
max-width: 360px;
margin: 0 auto;
padding: 8px;
background: var(--mp-nuit);
box-shadow:
13px 16px 0 rgba(8, 20, 38, 0.14),
0 22px 45px rgba(8, 20, 38, 0.24);
}
.mp-book-cover figure,
.mp-book-cover .wp-block-image {
margin: 0;
}
.mp-book-cover img {
display: block;
width: 100%;
height: auto;
} .mp-book-copy {
position: relative;
z-index: 2;
}
.mp-article .mp-book-ad .mp-book-copy,
.mp-article .mp-book-ad .mp-book-copy p,
.mp-article .mp-book-ad .mp-book-copy h2,
.mp-article .mp-book-ad .mp-book-copy h3,
.mp-article .mp-book-ad .mp-book-copy span,
.mp-article .mp-book-ad .mp-book-copy a {
opacity: 1 !important;
visibility: visible !important;
text-shadow: none !important;
}
.mp-article .mp-book-ad .mp-ad-label {
display: block !important;
margin: 0 0 20px !important;
color: var(--mp-violet) !important;
font-family:
"Poiret One",
sans-serif !important;
font-size: 0.85rem !important;
font-weight: 400 !important;
line-height: 1.4 !important;
letter-spacing: 0.24em !important;
text-transform: uppercase;
}
.mp-ad-label::after {
content: "";
display: block;
width: 65px;
height: 1px;
margin-top: 13px;
background: var(--mp-or);
}
.mp-article .mp-book-ad .mp-ad-title {
display: block !important;
margin: 0 0 25px !important;
color: var(--mp-nuit) !important;
font-family:
"Market Deco",
"Limelight",
"Park Lane",
sans-serif !important;
font-size: clamp(2.2rem, 4.2vw, 4.5rem) !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1.04 !important;
letter-spacing: 0.015em !important;
text-transform: uppercase;
}
.mp-article .mp-book-ad .mp-ad-text {
display: block !important;
max-width: 650px;
margin: 0 0 31px !important;
color: #252a32 !important;
font-family:
"Poiret One",
sans-serif !important;
font-size: clamp(1.05rem, 1.45vw, 1.2rem) !important;
font-weight: 400 !important;
line-height: 1.72 !important;
letter-spacing: 0.02em;
} .mp-article .mp-book-ad .mp-ad-button {
display: flex !important;
opacity: 1 !important;
visibility: visible !important;
}
.mp-article .mp-book-ad .mp-ad-button .wp-block-button__link {
display: inline-block !important;
padding: 14px 26px !important;
color: var(--mp-nuit) !important;
background: var(--mp-or) !important;
font-family:
"Poiret One",
sans-serif !important;
font-size: 0.88rem !important;
font-weight: 400 !important;
line-height: 1.3 !important;
letter-spacing: 0.16em;
text-transform: uppercase;
border: 1px solid var(--mp-or) !important;
border-radius: 0 !important;
box-shadow:
inset 0 0 0 1px rgba(244, 234, 215, 0.35),
4px 4px 0 rgba(8, 20, 38, 0.16);
opacity: 1 !important;
visibility: visible !important;
transition:
background 0.25s ease,
color 0.25s ease,
transform 0.25s ease,
box-shadow 0.25s ease;
}
.mp-article .mp-book-ad .mp-ad-button .wp-block-button__link:hover,
.mp-article .mp-book-ad .mp-ad-button .wp-block-button__link:focus {
color: var(--mp-ivoire) !important;
background: var(--mp-nuit) !important;
border-color: var(--mp-nuit) !important;
transform: translateY(-2px);
box-shadow:
inset 0 0 0 1px rgba(200, 164, 95, 0.45),
5px 6px 0 rgba(8, 20, 38, 0.14);
} .mp-footer {
margin-top: 28px;
}
.mp-footer > .kt-row-column-wrap {
align-items: center;
column-gap: 16px;
padding-top: 19px;
border-top: 1px solid rgba(200, 164, 95, 0.48);
}
.mp-footer p {
margin: 0 !important;
color: rgba(244, 234, 215, 0.66) !important;
font-family:
"Poiret One",
sans-serif !important;
font-size: 0.68rem !important;
line-height: 1.5 !important;
letter-spacing: 0.14em;
text-align: center;
text-transform: uppercase;
} @media (max-width: 767px) {
.mp-masthead {
padding: 48px 18px 30px;
}
.mp-masthead::before,
.mp-masthead::after {
width: 68px;
height: 52px;
}
.mp-brand {
font-size: clamp(2.7rem, 14vw, 4.5rem) !important;
line-height: 0.94 !important;
white-space: normal;
}
.mp-baseline {
width: 96%;
gap: 9px;
}
.mp-baseline-text {
font-size: clamp(1rem, 5vw, 1.35rem) !important;
}
.mp-baseline-line {
min-width: 20px;
}
.mp-article .mp-issue {
width: 96%;
font-size: 0.63rem !important;
letter-spacing: 0.11em;
}
.mp-title-block {
padding: 52px 5px 38px;
}
.mp-product-title {
font-size: clamp(3rem, 15vw, 5rem) !important;
}
.mp-product-deck {
font-size: clamp(1.25rem, 6vw, 1.8rem) !important;
}
.mp-hero-grid > .kt-row-column-wrap {
row-gap: 32px;
}
.mp-intro-card {
padding: 27px 21px;
}
.mp-chapo {
font-size: 1rem !important;
line-height: 1.75 !important;
}
.mp-chapo::first-letter {
font-size: 4.6rem;
}
.mp-article .mp-pullquote-large {
padding-left: 25px !important;
font-size: clamp(1.75rem, 8vw, 2.5rem) !important;
}
.mp-article .mp-section-heading-title {
font-size: clamp(2.5rem, 12vw, 4.2rem) !important;
}
.mp-article .mp-section-number {
font-size: 2.8rem !important;
}
.mp-double-plate > .kt-row-column-wrap {
row-gap: 55px;
}
.mp-article .mp-subtitle {
margin-top: 30px !important;
font-size: clamp(1.75rem, 8vw, 2.5rem) !important;
}
.mp-medallion-row > .kt-row-column-wrap {
row-gap: 38px;
}
.mp-medallion {
width: min(92vw, 430px);
}
.mp-stole-layout > .kt-row-column-wrap {
row-gap: 38px;
}
.mp-accessories {
margin-top: 55px;
}
.mp-accessory-labels > .kt-row-column-wrap {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
row-gap: 18px;
}
.mp-closing {
margin-top: 75px;
padding: 40px 22px;
}
.mp-article .mp-closing p {
font-size: clamp(1.3rem, 6.5vw, 1.8rem) !important;
}
.mp-article .mp-book-ad {
padding: 13px !important;
}
.mp-article .mp-book-ad > .kt-row-column-wrap,
.mp-article .mp-book-ad .kt-row-column-wrap {
row-gap: 38px !important;
padding: 35px 18px !important;
}
.mp-book-cover {
max-width: 280px;
}
.mp-article .mp-book-ad .mp-book-copy {
text-align: center;
}
.mp-ad-label::after {
margin-right: auto;
margin-left: auto;
}
.mp-article .mp-book-ad .mp-ad-title {
font-size: clamp(2rem, 10vw, 3.3rem) !important;
}
.mp-article .mp-book-ad .mp-ad-button {
justify-content: center;
}
.mp-footer > .kt-row-column-wrap {
row-gap: 9px;
}
}  .mp-article .mp-title-block {
padding-left: clamp(18px, 4vw, 64px);
padding-right: clamp(18px, 4vw, 64px);
}
.mp-article .mp-hero-grid,
.mp-article .mp-section,
.mp-article .mp-footer {
box-sizing: border-box;
width: 100%;
max-width: 1480px;
margin-left: auto;
margin-right: auto;
padding-left: clamp(18px, 4vw, 64px);
padding-right: clamp(18px, 4vw, 64px);
} .mp-article .mp-issue {
color: var(--mp-or-clair) !important;
font-size: clamp(0.84rem, 1.15vw, 1rem) !important;
line-height: 1.5 !important;
letter-spacing: 0.16em;
} .mp-article .mp-label::before {
content: "";
display: block;
width: 104px;
height: 32px;
margin: 0 0 16px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 36'%3E%3Cg fill='none' stroke='%23c8a45f' stroke-width='1.5' stroke-linecap='square'%3E%3Cpath d='M8 30h104'/%3E%3Cpath d='M60 30V5M48 30L40 10M72 30L80 10M36 30L20 18M84 30l16-12'/%3E%3Cpath d='M28 30Q60 0 92 30'/%3E%3C/g%3E%3Cpath fill='%23c8a45f' d='M60 25l5 5-5 5-5-5z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
} .mp-article .mp-pullquote,
.mp-article .mp-pullquote-large,
.mp-article .mp-medallion-row .mp-copy p.mp-pullquote-large,
.mp-article .mp-medallion-row p.mp-pullquote-large {
font-family:
"Market Deco",
"Limelight",
"Park Lane",
sans-serif !important;
letter-spacing: 0.015em;
} .mp-article .mp-note .mp-note-title {
color: var(--mp-or) !important;
font-size: clamp(0.94rem, 1.2vw, 1.08rem) !important;
line-height: 1.35 !important;
letter-spacing: 0.16em;
} .mp-article .mp-accessory-labels p {
color: var(--mp-or) !important;
font-size: clamp(0.88rem, 1.15vw, 1.05rem) !important;
line-height: 1.45 !important;
letter-spacing: 0.12em;
} .mp-article .mp-footer p {
color: var(--mp-or) !important;
font-size: clamp(0.80rem, 1vw, 0.95rem) !important;
line-height: 1.55 !important;
letter-spacing: 0.13em;
opacity: 1 !important;
}
@media (max-width: 767px) {
.mp-article .mp-title-block,
.mp-article .mp-hero-grid,
.mp-article .mp-section,
.mp-article .mp-footer {
padding-left: 18px;
padding-right: 18px;
}
.mp-article .mp-issue {
font-size: 0.78rem !important;
letter-spacing: 0.11em;
}
.mp-article .mp-label::before {
width: 90px;
height: 28px;
margin-bottom: 14px;
}
.mp-article .mp-accessory-labels p {
font-size: 0.84rem !important;
}
.mp-article .mp-footer p {
font-size: 0.78rem !important;
}
} body .mp-article {
box-sizing: border-box !important;
width: calc(100% - 36px) !important;
max-width: calc(100% - 36px) !important;
margin-left: 18px !important;
margin-right: 18px !important;
} .mp-cover,
.mp-cover *,
.mp-cover *::before,
.mp-cover *::after {
box-sizing: border-box;
}
.mp-cover {
--mp-cover-nuit: #081426;
--mp-cover-ivoire: #f4ead7;
--mp-cover-or: #c8a45f;
--mp-cover-or-clair: #ead8b1;
position: relative !important;
isolation: isolate !important;
display: block !important;
width: min(100%, 480px) !important;
min-height: 0 !important;
aspect-ratio: 3 / 4 !important;
margin:
28px
auto
55px !important;
overflow: hidden !important;
color: var(--mp-cover-ivoire) !important;
background-color: var(--mp-cover-nuit) !important;
background-image: none !important;
border: 1px solid rgba(200, 164, 95, 0.92) !important;
outline: none !important;
text-decoration: none !important;
cursor: pointer;
box-shadow:
0 22px 55px rgba(0, 0, 0, 0.25),
0 0 0 1px rgba(200, 164, 95, 0.18);
}
.mp-cover:hover,
.mp-cover:focus,
.mp-cover:visited {
color: var(--mp-cover-ivoire) !important;
text-decoration: none !important;
} .mp-cover__media {
position: absolute !important;
z-index: 0 !important;
inset: 0 !important;
display: block !important;
width: 100% !important;
height: 100% !important;
overflow: hidden !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: none !important;
}
.mp-cover__media img,
img.mp-cover__image,
.mp-cover__image {
position: absolute !important;
z-index: 0 !important;
inset: 0 !important;
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
object-fit: cover !important;
object-position: center center !important;
opacity: 1 !important;
visibility: visible !important;
transform:
scale(1.32)
translateX(12%)
translateY(6%) !important;
transform-origin: center center !important;
} .mp-cover__veil {
position: absolute !important;
z-index: 1 !important;
inset: 0 !important;
display: block !important;
pointer-events: none !important;
background:
linear-gradient(
90deg,
rgba(8, 20, 38, 0.88) 0%,
rgba(8, 20, 38, 0.78) 25%,
rgba(8, 20, 38, 0.48) 44%,
rgba(8, 20, 38, 0.16) 66%,
rgba(8, 20, 38, 0.02) 84%,
transparent 100%
),
linear-gradient(
180deg,
rgba(8, 20, 38, 0.43) 0%,
transparent 24%,
transparent 72%,
rgba(8, 20, 38, 0.52) 100%
) !important;
} .mp-cover__frame {
position: absolute !important;
z-index: 4 !important;
inset: 10px !important;
display: block !important;
pointer-events: none !important;
border: 1px solid rgba(200, 164, 95, 0.92) !important;
outline: 1px solid rgba(200, 164, 95, 0.28) !important;
outline-offset: -6px !important;
}
.mp-cover__frame::before,
.mp-cover__frame::after {
content: "";
position: absolute;
width: 58px;
height: 58px;
border-color: var(--mp-cover-or);
border-style: solid;
}
.mp-cover__frame::before {
top: 9px;
left: 9px;
border-width: 1px 0 0 1px;
}
.mp-cover__frame::after {
right: 9px;
bottom: 9px;
border-width: 0 1px 1px 0;
} .mp-cover__inner {
position: relative !important;
z-index: 2 !important;
display: grid !important;
grid-template-rows: auto 1fr auto !important;
width: 100% !important;
height: 100% !important;
padding:
34px
32px
29px !important;
} .mp-cover__header {
width: 100%;
text-align: center;
}
.mp-cover__brand {
display: block !important;
width: 100%;
margin: 0 !important;
padding: 0 !important;
color: var(--mp-cover-or-clair) !important;
font-family:
"Limelight",
"Market Deco",
"Park Lane",
sans-serif !important;
font-size: clamp(2.55rem, 4.3vw, 4rem) !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 0.92 !important;
letter-spacing: 0.025em;
text-align: center !important;
text-transform: uppercase;
text-decoration: none !important;
text-shadow:
0 3px 18px rgba(0, 0, 0, 0.38);
}
.mp-cover__baseline {
display: flex !important;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1px;
width: 92%;
margin: 13px auto 0 !important;
padding: 8px 14px !important;
color: var(--mp-cover-or-clair) !important;
font-family:
"Poiret One",
sans-serif !important;
font-size: clamp(0.48rem, 0.72vw, 0.62rem) !important;
font-weight: 400 !important;
line-height: 1.4 !important;
letter-spacing: 0.10em;
text-align: center;
text-transform: uppercase;
text-decoration: none !important;
border-top: 1px solid rgba(200, 164, 95, 0.70);
border-bottom: 1px solid rgba(200, 164, 95, 0.70);
}
.mp-cover__baseline span {
display: block;
} .mp-cover__body {
align-self: center;
width: min(49%, 245px) !important;
padding: 25px 0 16px !important;
}
.mp-cover__issue {
display: block !important;
margin: 0 0 14px !important;
color: var(--mp-cover-or-clair) !important;
font-family:
"Poiret One",
sans-serif !important;
font-size: 0.67rem !important;
font-weight: 400 !important;
line-height: 1.4 !important;
letter-spacing: 0.14em;
text-align: left !important;
text-transform: uppercase;
text-decoration: none !important;
}
.mp-cover__fan {
position: relative;
width: 70px;
height: 23px;
margin: 0 0 12px;
transform: scale(0.82);
transform-origin: left center;
}
.mp-cover__fan::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 70px;
height: 23px;
background:
linear-gradient(
90deg,
transparent 48%,
var(--mp-cover-or) 49%,
var(--mp-cover-or) 51%,
transparent 52%
),
linear-gradient(
72deg,
transparent 48%,
var(--mp-cover-or) 49%,
var(--mp-cover-or) 51%,
transparent 52%
),
linear-gradient(
108deg,
transparent 48%,
var(--mp-cover-or) 49%,
var(--mp-cover-or) 51%,
transparent 52%
);
border-bottom: 1px solid var(--mp-cover-or);
border-radius: 70px 70px 0 0;
}
.mp-cover__title {
display: block !important;
max-width: 225px !important;
margin: 0 !important;
padding: 0 !important;
color: var(--mp-cover-or-clair) !important;
font-family:
"Limelight",
"Italiana",
serif !important;
font-size: clamp(1.75rem, 2.85vw, 2.75rem) !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 0.98 !important;
letter-spacing: 0.01em !important;
text-align: left !important;
text-transform: uppercase !important;
text-decoration: none !important;
text-wrap: balance;
text-shadow:
0 3px 16px rgba(8, 20, 38, 0.70);
}
.mp-cover__deck {
display: block !important;
max-width: 230px !important;
margin: 14px 0 0 !important;
color: var(--mp-cover-ivoire) !important;
font-family:
"Italiana",
Didot,
serif !important;
font-size: clamp(0.83rem, 1.25vw, 1.05rem) !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1.3 !important;
text-align: left !important;
text-decoration: none !important;
text-shadow:
0 2px 12px rgba(8, 20, 38, 0.80);
} .mp-cover__teasers {
display: grid !important;
gap: 11px !important;
max-width: 240px !important;
margin: 21px 0 0 !important;
padding: 0 !important;
list-style: none !important;
}
.mp-cover__teasers li {
position: relative;
margin: 0 !important;
padding: 0 0 0 20px !important;
color: var(--mp-cover-or) !important;
font-family:
"Poiret One",
sans-serif !important;
font-size: clamp(0.96rem, 1.4vw, 1.22rem) !important;
font-weight: 400 !important;
line-height: 1.1 !important;
letter-spacing: 0.005em !important;
text-align: left;
text-decoration: none !important;
text-shadow:
0 2px 10px rgba(8, 20, 38, 0.74);
}
.mp-cover__teasers li::before {
content: "";
position: absolute;
top: 0.44em;
left: 3px;
width: 7px;
height: 7px;
background: var(--mp-cover-or);
transform: rotate(45deg);
} .mp-cover__footer {
display: flex;
justify-content: center;
align-items: center;
}
.mp-cover__cta {
position: relative;
z-index: 3;
display: inline-flex !important;
align-items: center;
justify-content: center;
padding: 8px 26px !important;
color: var(--mp-cover-or-clair) !important;
background: transparent !important;
font-family:
"Poiret One",
sans-serif !important;
font-size: 0.65rem !important;
font-weight: 400 !important;
line-height: 1.3 !important;
letter-spacing: 0.14em;
text-align: center;
text-decoration: none !important;
text-transform: uppercase;
border-top: 1px solid rgba(200, 164, 95, 0.70);
border-bottom: 1px solid rgba(200, 164, 95, 0.70);
transition:
color 0.22s ease,
background 0.22s ease,
transform 0.22s ease;
}
.mp-cover:hover .mp-cover__cta,
.mp-cover:focus .mp-cover__cta {
color: var(--mp-cover-nuit) !important;
background: var(--mp-cover-or) !important;
transform: translateY(-2px);
}
.mp-cover:focus-visible {
outline: 3px solid var(--mp-cover-or-clair) !important;
outline-offset: 4px !important;
} @media (max-width: 767px) {
.mp-cover {
width: min(calc(100% - 28px), 440px) !important;
margin:
20px
auto
50px !important;
}
.mp-cover__inner {
padding:
31px
27px
27px !important;
}
.mp-cover__body {
width: min(54%, 235px) !important;
}
} @media (max-width: 520px) {
.mp-cover {
width: calc(100% - 24px) !important;
min-height: 620px !important;
aspect-ratio: auto !important;
}
.mp-cover__inner {
padding:
32px
24px
25px !important;
}
.mp-cover__brand {
font-size: clamp(2.15rem, 11vw, 3.35rem) !important;
}
.mp-cover__baseline {
width: 100%;
padding-right: 8px !important;
padding-left: 8px !important;
font-size: 0.50rem !important;
}
.mp-cover__body {
align-self: end;
width: 100% !important;
padding:
26px
0
18px !important;
}
.mp-cover__veil {
background:
linear-gradient(
90deg,
rgba(8, 20, 38, 0.70) 0%,
rgba(8, 20, 38, 0.38) 100%
),
linear-gradient(
180deg,
rgba(8, 20, 38, 0.42) 0%,
rgba(8, 20, 38, 0.08) 30%,
rgba(8, 20, 38, 0.86) 100%
) !important;
}
.mp-cover__title {
max-width: 250px !important;
font-size: clamp(2rem, 10.2vw, 3.2rem) !important;
}
.mp-cover__deck {
max-width: 280px !important;
font-size: clamp(0.98rem, 4.6vw, 1.28rem) !important;
}
.mp-cover__teasers {
max-width: 290px !important;
gap: 13px !important;
margin-top: 25px !important;
}
.mp-cover__teasers li {
padding-left: 22px !important;
font-size: clamp(1.12rem, 5.3vw, 1.45rem) !important;
}
.mp-cover__cta {
padding:
8px
22px !important;
font-size: 0.63rem !important;
}
} .mp-cover__title {
width: 100% !important;
max-width: 255px !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
text-wrap: balance;
} .mp-cover__title--short {
font-size: clamp(2.45rem, 3.8vw, 3.35rem) !important;
line-height: 0.96 !important;
} .mp-cover__title--medium {
font-size: clamp(2.05rem, 3.25vw, 2.85rem) !important;
line-height: 0.98 !important;
} .mp-cover__title--long {
font-size: clamp(1.72rem, 2.75vw, 2.35rem) !important;
line-height: 1 !important;
} .mp-cover__title--extra-long {
font-size: clamp(1.42rem, 2.25vw, 1.95rem) !important;
line-height: 1.04 !important;
letter-spacing: 0.005em !important;
} @media (max-width: 520px) {
.mp-cover__title {
max-width: 290px !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
}
.mp-cover__title--short {
font-size: clamp(2.35rem, 10.5vw, 3.25rem) !important;
}
.mp-cover__title--medium {
font-size: clamp(2rem, 9vw, 2.75rem) !important;
}
.mp-cover__title--long {
font-size: clamp(1.7rem, 7.7vw, 2.3rem) !important;
}
.mp-cover__title--extra-long {
font-size: clamp(1.4rem, 6.4vw, 1.9rem) !important;
}
} .mp-cover__inner {
position: relative !important; padding-bottom: 78px !important;
}
.mp-cover__footer {
position: absolute !important;
z-index: 3 !important;
right: 28px !important;
bottom: 25px !important;
left: auto !important;
display: flex !important;
justify-content: flex-end !important;
align-items: center !important;
width: auto !important;
margin: 0 !important;
}
.mp-cover__cta {
white-space: nowrap !important;
padding:
8px
22px !important;
font-size: 0.62rem !important;
letter-spacing: 0.13em !important;
} @media (max-width: 520px) {
.mp-cover__inner {
padding-bottom: 72px !important;
}
.mp-cover__footer {
right: 20px !important;
bottom: 21px !important;
}
.mp-cover__cta {
padding:
7px
18px !important;
font-size: 0.59rem !important;
}
}  .fpfg-french-gazette {
--fg-ivory: #f4ead7;
--fg-paper-light: #f8f1e2;
--fg-paper-dark: #e7d9bd;
--fg-black: #181714;
--fg-black-soft: #3b382f;
--fg-navy: #081426;
--fg-navy-light: #10213a;
--fg-gold: #b89652;
--fg-gold-light: #ddc792;
--fg-rule: rgba(24, 23, 20, 0.58);
color: var(--fg-black);
background-color: var(--fg-ivory);
}
.fpfg-french-gazette .site,
.fpfg-french-gazette .site-main,
.fpfg-french-gazette .content-area,
.fpfg-french-gazette .content-container,
.fpfg-french-gazette article.entry,
.fpfg-french-gazette .entry-content-wrap,
.fpfg-french-gazette .entry-content {
background-color: var(--fg-ivory);
box-shadow: none;
}
.fpfg-french-gazette .entry-content-wrap {
padding: 0;
} .fpfg-french-gazette article.entry > .entry-header,
.fpfg-french-gazette .entry-content-wrap > .entry-header,
.fpfg-french-gazette .entry-hero,
.fpfg-french-gazette .entry-hero-container,
.fpfg-french-gazette article.entry > .post-thumbnail,
.fpfg-french-gazette .entry-content-wrap > .post-thumbnail {
display: none !important;
} .fpfg-shell,
.fpfg-shell * {
box-sizing: border-box;
}
.fpfg-shell {
position: relative;
isolation: isolate;
width: min(calc(100% - 36px), 1240px);
margin: 24px auto 54px;
padding: clamp(28px, 4vw, 48px) clamp(20px, 4vw, 48px) 66px;
overflow: hidden;
color: var(--fg-black);
background-color: var(--fg-ivory);
background-image:
radial-gradient(
ellipse at 11% 18%,
rgba(103, 79, 45, 0.045) 0%,
rgba(103, 79, 45, 0.018) 20%,
transparent 42%
),
radial-gradient(
ellipse at 84% 72%,
rgba(103, 79, 45, 0.038) 0%,
transparent 38%
),
linear-gradient(
101deg,
transparent 0%,
transparent 45%,
rgba(255, 255, 255, 0.12) 48%,
rgba(79, 61, 37, 0.022) 50%,
transparent 54%,
transparent 100%
),
repeating-linear-gradient(
0deg,
rgba(77, 59, 34, 0.012) 0,
rgba(77, 59, 34, 0.012) 1px,
transparent 1px,
transparent 4px
);
border: 1px solid rgba(87, 67, 39, 0.16);
box-shadow:
0 18px 48px rgba(48, 39, 25, 0.10),
inset 0 0 62px rgba(83, 63, 35, 0.045);
} .fpfg-shell::before {
content: "";
position: absolute;
z-index: -1;
inset: 11px;
pointer-events: none;
border: 1px solid rgba(184, 150, 82, 0.16);
} .fpfg-header {
margin: 0 0 36px;
text-align: center;
}
.fpfg-masthead {
display: grid;
grid-template-columns:
minmax(180px, 230px)
minmax(350px, 1fr)
minmax(180px, 230px);
align-items: stretch;
gap: clamp(18px, 3vw, 38px);
width: 100%;
margin: 0 auto;
padding: 0 0 18px;
} .fpfg-brand {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-width: 0;
padding: 15px 8px 13px;
color: var(--fg-black);
background: transparent;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
.fpfg-brand:hover {
color: var(--fg-black);
opacity: 0.76;
}
.fpfg-brand:focus-visible {
color: var(--fg-black);
outline: 2px solid var(--fg-gold);
outline-offset: 6px;
}
.fpfg-brand-small {
display: block;
margin-bottom: 8px;
font-family: "Limelight", Georgia, serif;
font-size: clamp(0.88rem, 1.35vw, 1.2rem);
font-weight: 400;
line-height: 1;
letter-spacing: 0.24em;
}
.fpfg-brand-main {
display: block;
font-family: "Park Lane", "Parklane", "Limelight", Georgia, serif;
font-size: clamp(2.7rem, 5.5vw, 5.3rem);
font-weight: 400;
line-height: 0.94;
letter-spacing: 0.025em;
white-space: nowrap;
} .fpfg-sidecart {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 7px;
min-height: 146px;
padding: 21px 17px;
color: var(--fg-ivory);
background:
linear-gradient(
145deg,
rgba(255, 255, 255, 0.035),
transparent 62%
),
var(--fg-navy);
border: 1px solid var(--fg-gold);
outline: 1px solid rgba(184, 150, 82, 0.42);
outline-offset: -7px;
font-family: "Libre Baskerville", Georgia, serif;
font-size: 0.76rem;
font-weight: 700;
line-height: 1.42;
letter-spacing: 0.09em;
text-align: center;
text-transform: uppercase;
} .fpfg-sidecart::before,
.fpfg-sidecart::after {
content: "";
position: absolute;
width: 22px;
height: 22px;
pointer-events: none;
border-color: var(--fg-gold);
border-style: solid;
}
.fpfg-sidecart::before {
top: 10px;
left: 10px;
border-width: 1px 0 0 1px;
}
.fpfg-sidecart::after {
right: 10px;
bottom: 10px;
border-width: 0 1px 1px 0;
}
.fpfg-cartouche-ornament {
display: block;
margin-top: 4px;
color: var(--fg-gold-light);
font-size: 0.9rem;
font-weight: 400;
line-height: 1;
} .fpfg-price {
display: block;
margin-top: 5px;
padding-top: 9px;
border-top: 1px solid rgba(221, 199, 146, 0.66);
color: var(--fg-gold-light);
font-family: "Libre Baskerville", Georgia, serif;
font-size: 0.77rem;
font-weight: 700;
line-height: 1.35;
letter-spacing: 0.09em;
text-decoration: none;
text-transform: uppercase;
}
.fpfg-price:hover,
.fpfg-price:focus-visible {
color: var(--fg-ivory);
text-decoration: underline;
text-decoration-color: var(--fg-gold-light);
text-underline-offset: 5px;
}
.fpfg-price:focus-visible {
outline: 1px solid var(--fg-gold-light);
outline-offset: 4px;
} .fpfg-tagline {
display: flex;
align-items: center;
justify-content: center;
gap: 13px;
margin: 3px 0 13px;
color: var(--fg-black);
font-family: "Limelight", Georgia, serif;
font-size: 0.9rem;
font-weight: 400;
line-height: 1.3;
letter-spacing: 0.22em;
text-align: center;
text-transform: uppercase;
}
.fpfg-tagline::before,
.fpfg-tagline::after {
content: "◆";
color: var(--fg-gold);
font-size: 0.46rem;
line-height: 1;
}
.fpfg-title-rule {
position: relative;
width: 100%;
height: 8px;
margin: 0 auto 30px;
border-top: 2px solid var(--fg-black);
border-bottom: 1px solid var(--fg-gold);
}
.fpfg-title-rule::after {
content: "*";
position: absolute;
top: 50%;
left: 50%;
padding: 0 9px;
color: var(--fg-gold);
background: var(--fg-ivory);
font-size: 0.55rem;
line-height: 1;
transform: translate(-50%, -50%);
} .fpfg-article-title {
max-width: 980px;
margin: 0 auto;
color: var(--fg-black);
font-family: "Libre Baskerville", Georgia, serif;
font-size: clamp(2.15rem, 4.5vw, 4.15rem);
font-weight: 700;
line-height: 1.1;
letter-spacing: -0.028em;
text-align: center;
text-wrap: balance;
} .fpfg-figure {
position: relative;
width: min(100%, 700px);
margin: 0 auto 36px;
padding: 8px;
background: rgba(248, 241, 226, 0.62);
border: 1px solid rgba(24, 23, 20, 0.74);
outline: 1px solid rgba(184, 150, 82, 0.38);
outline-offset: -6px;
}
.fpfg-main-estampe {
display: block;
width: 100%;
height: auto;
border: 1px solid rgba(24, 23, 20, 0.70);
filter: grayscale(1) contrast(1.08) sepia(0.07);
}
.fpfg-caption {
margin: 10px 3px 1px;
padding-top: 8px;
border-top: 1px solid rgba(24, 23, 20, 0.42);
color: var(--fg-black-soft);
font-family: "Libre Baskerville", Georgia, serif;
font-size: 0.78rem;
font-style: italic;
line-height: 1.55;
text-align: left;
} .fpfg-chapo,
.fpfg-article-content > p:first-of-type {
max-width: 920px;
margin: 0 auto 34px;
padding: 0 0 22px;
border-bottom: 1px solid rgba(184, 150, 82, 0.70);
color: var(--fg-black);
font-family: "Libre Baskerville", Georgia, serif;
font-size: clamp(1.12rem, 1.65vw, 1.28rem);
font-style: italic;
font-weight: 400;
line-height: 1.78;
text-align: center;
} .fpfg-article-content {
width: min(100%, 960px);
margin: 0 auto;
color: var(--fg-black);
font-family: "Libre Baskerville", Georgia, serif;
font-size: 19px;
font-weight: 400;
line-height: 1.82;
hyphens: auto;
overflow-wrap: anywhere;
}
.fpfg-article-content p {
margin: 0 0 1.42em;
}
.fpfg-article-content strong {
font-weight: 700;
}
.fpfg-article-content em {
font-style: italic;
}
.fpfg-article-content a {
color: var(--fg-black);
text-decoration-color: var(--fg-gold);
text-decoration-thickness: 1px;
text-underline-offset: 4px;
}
.fpfg-article-content a:hover,
.fpfg-article-content a:focus-visible {
color: var(--fg-navy);
text-decoration-color: var(--fg-navy);
}
.fpfg-article-content a:focus-visible {
outline: 2px solid var(--fg-gold);
outline-offset: 3px;
} .fpfg-article-content > p:nth-of-type(2)::first-letter,
.fpfg-text-columns > p:first-of-type::first-letter {
float: left;
margin: 0.08em 0.12em 0 0;
color: var(--fg-black);
font-family: "Limelight", Georgia, serif;
font-size: 4.05em;
font-weight: 400;
line-height: 0.76;
} .fpfg-article-content h2,
.fpfg-article-content h3,
.fpfg-article-content h4 {
break-after: avoid-column;
break-inside: avoid-column;
color: var(--fg-black);
font-family: "Libre Baskerville", Georgia, serif;
font-weight: 700;
line-height: 1.25;
}
.fpfg-article-content h2 {
position: relative;
margin: 2.1em 0 0.78em;
padding: 0 0 0.42em;
border-bottom: 1px solid var(--fg-black);
font-size: clamp(1.55rem, 3vw, 2.2rem);
}
.fpfg-article-content h2::after {
content: "";
position: absolute;
left: 0;
bottom: -4px;
width: 74px;
height: 1px;
background: var(--fg-gold);
}
.fpfg-article-content h3 {
margin: 1.8em 0 0.68em;
font-size: clamp(1.25rem, 2.3vw, 1.68rem);
}
.fpfg-article-content h4 {
margin: 1.5em 0 0.56em;
font-size: 1.12rem;
letter-spacing: 0.055em;
text-transform: uppercase;
} .fpfg-article-content blockquote {
position: relative;
break-inside: avoid-column;
margin: 2em 0;
padding: 20px 28px;
border-top: 1px solid var(--fg-gold);
border-bottom: 1px solid var(--fg-gold);
border-left: 0;
color: var(--fg-black);
background: rgba(255, 255, 255, 0.13);
font-size: 1.04em;
font-style: italic;
line-height: 1.72;
text-align: center;
}
.fpfg-article-content blockquote::before,
.fpfg-article-content blockquote::after {
content: "*";
position: absolute;
left: 50%;
padding: 0 8px;
color: var(--fg-gold);
background: var(--fg-ivory);
font-size: 0.5rem;
transform: translateX(-50%);
}
.fpfg-article-content blockquote::before {
top: -5px;
}
.fpfg-article-content blockquote::after {
bottom: -5px;
}
.fpfg-article-content img,
.fpfg-article-content figure,
.fpfg-article-content blockquote,
.fpfg-article-content table,
.fpfg-article-content ul,
.fpfg-article-content ol {
break-inside: avoid-column;
}  .fpfg-section-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(220px, 0.76fr);
align-items: start;
gap: clamp(24px, 3vw, 38px);
width: min(100%, 1120px);
margin: 0 auto clamp(42px, 6vw, 70px);
}
.fpfg-text-columns {
grid-column: span 2;
min-width: 0;
column-count: 2;
column-gap: clamp(30px, 4vw, 48px);
column-rule: 1px solid rgba(184, 150, 82, 0.50);
column-fill: balance;
font-family: "Libre Baskerville", Georgia, serif;
font-size: 19px;
line-height: 1.80;
text-align: left;
}
.fpfg-text-columns > :first-child {
margin-top: 0;
}
.fpfg-text-columns > :last-child {
margin-bottom: 0;
}
.fpfg-module-column {
grid-column: 3;
min-width: 0;
} .fpfg-section-grid--module-left .fpfg-module-column {
grid-column: 1;
grid-row: 1;
}
.fpfg-section-grid--module-left .fpfg-text-columns {
grid-column: 2 / 4;
grid-row: 1;
} .fpfg-text-columns--full {
width: min(100%, 960px);
margin: 0 auto clamp(42px, 6vw, 70px);
} .fpfg-opening-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(220px, 0.76fr);
align-items: start;
gap: clamp(24px, 3vw, 38px);
width: min(100%, 1120px);
margin: 0 auto clamp(42px, 6vw, 66px);
}
.fpfg-opening-grid .fpfg-figure {
grid-column: span 2;
width: 100%;
margin: 0;
}
.fpfg-opening-grid .fpfg-module-column {
grid-column: 3;
} .fpfg-module {
position: relative;
break-inside: avoid;
margin: 0 0 24px;
padding: 22px 20px;
color: var(--fg-black);
background: rgba(248, 241, 226, 0.46);
border-top: 2px solid var(--fg-black);
border-bottom: 1px solid var(--fg-gold);
}
.fpfg-module::after {
content: "";
display: block;
width: 46px;
height: 1px;
margin: 17px auto 0;
background: var(--fg-gold);
}
.fpfg-module-kicker {
display: block;
margin: 0 0 12px;
color: var(--fg-black-soft);
font-family: "Limelight", Georgia, serif;
font-size: 0.72rem;
font-weight: 400;
line-height: 1.35;
letter-spacing: 0.16em;
text-align: center;
text-transform: uppercase;
}
.fpfg-module-title {
margin: 0 0 12px;
color: inherit;
font-family: "Libre Baskerville", Georgia, serif;
font-size: clamp(1.15rem, 1.7vw, 1.42rem);
font-weight: 700;
line-height: 1.24;
text-align: center;
}
.fpfg-module p {
margin: 0 0 0.9em;
font-family: "Libre Baskerville", Georgia, serif;
font-size: 0.94rem;
line-height: 1.66;
}
.fpfg-module p:last-child {
margin-bottom: 0;
} .fpfg-module--navy,
.fpfg-related-card {
color: var(--fg-ivory);
background:
linear-gradient(145deg, rgba(255, 255, 255, 0.035), transparent 58%),
var(--fg-navy);
border: 1px solid var(--fg-gold);
outline: 1px solid rgba(184, 150, 82, 0.33);
outline-offset: -7px;
}
.fpfg-module--navy::after,
.fpfg-related-card::after {
background: var(--fg-gold);
}
.fpfg-module--navy .fpfg-module-kicker,
.fpfg-related-card .fpfg-module-kicker {
color: var(--fg-gold-light);
}
.fpfg-module--navy .fpfg-module-title,
.fpfg-related-card .fpfg-module-title,
.fpfg-module--navy p,
.fpfg-related-card p {
color: var(--fg-ivory);
} .fpfg-card-link {
display: block;
color: inherit;
text-decoration: none;
}
.fpfg-card-link:hover,
.fpfg-card-link:focus-visible {
color: inherit;
text-decoration: none;
}
.fpfg-card-link:focus-visible {
outline: 2px solid var(--fg-gold-light);
outline-offset: 5px;
}
.fpfg-card-link:hover .fpfg-module-title {
text-decoration: underline;
text-decoration-color: var(--fg-gold);
text-underline-offset: 5px;
}
.fpfg-read-more {
display: block;
margin-top: 15px;
color: var(--fg-gold-light);
font-family: "Libre Baskerville", Georgia, serif;
font-size: 0.72rem;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.10em;
text-align: center;
text-transform: uppercase;
} .fpfg-brief,
.fpfg-last-minute,
.fpfg-number,
.fpfg-lost-found,
.fpfg-programme,
.fpfg-weather,
.fpfg-market,
.fpfg-shipping-times {
padding: 19px 18px;
}
.fpfg-number-value {
display: block;
margin: 4px 0 9px;
color: var(--fg-black);
font-family: "Limelight", Georgia, serif;
font-size: clamp(2.35rem, 4vw, 3.6rem);
font-weight: 400;
line-height: 1;
text-align: center;
}
.fpfg-module--navy .fpfg-number-value {
color: var(--fg-gold-light);
} .fpfg-ad {
position: relative;
overflow: hidden;
padding: 24px 21px;
color: var(--fg-black);
background: rgba(248, 241, 226, 0.72);
border: 1px solid var(--fg-black);
outline: 1px solid rgba(184, 150, 82, 0.62);
outline-offset: -7px;
text-align: center;
}
.fpfg-ad::before,
.fpfg-ad::after {
content: "";
position: absolute;
width: 26px;
height: 26px;
border-color: var(--fg-gold);
border-style: solid;
pointer-events: none;
}
.fpfg-ad::before {
top: 10px;
left: 10px;
border-width: 1px 0 0 1px;
}
.fpfg-ad::after {
right: 10px;
bottom: 10px;
border-width: 0 1px 1px 0;
}
.fpfg-ad-label {
display: block;
margin-bottom: 12px;
color: var(--fg-black-soft);
font-size: 0.68rem;
letter-spacing: 0.18em;
text-transform: uppercase;
}
.fpfg-ad-title {
margin: 0 0 12px;
color: var(--fg-black);
font-family: "Limelight", Georgia, serif;
font-size: clamp(1.45rem, 2.5vw, 2.3rem);
font-weight: 400;
line-height: 1.04;
text-transform: uppercase;
}
.fpfg-ad-text {
margin: 0;
font-size: 0.92rem;
line-height: 1.58;
} .fpfg-ad--navy {
color: var(--fg-ivory);
background: var(--fg-navy);
border-color: var(--fg-gold);
}
.fpfg-ad--navy .fpfg-ad-label,
.fpfg-ad--navy .fpfg-ad-title,
.fpfg-ad--navy .fpfg-ad-text {
color: inherit;
}
.fpfg-ad--navy .fpfg-ad-label {
color: var(--fg-gold-light);
} .fpfg-divider {
position: relative;
width: min(100%, 960px);
height: 13px;
margin: clamp(38px, 6vw, 66px) auto;
border-top: 1px solid rgba(24, 23, 20, 0.72);
border-bottom: 1px solid rgba(184, 150, 82, 0.62);
}
.fpfg-divider::after {
content: "*";
position: absolute;
top: 50%;
left: 50%;
padding: 0 12px;
color: var(--fg-gold);
background: var(--fg-ivory);
font-size: 0.58rem;
transform: translate(-50%, -50%);
}
.fpfg-mini-rule {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin: 15px 0;
color: var(--fg-gold);
}
.fpfg-mini-rule::before,
.fpfg-mini-rule::after {
content: "";
width: 34px;
height: 1px;
background: currentColor;
} .fpfg-serial-label {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
width: min(100%, 760px);
margin: 0 auto 22px;
color: var(--fg-black-soft);
font-family: "Limelight", Georgia, serif;
font-size: 0.76rem;
letter-spacing: 0.16em;
text-transform: uppercase;
}
.fpfg-serial-label::before,
.fpfg-serial-label::after {
content: "";
flex: 1 1 70px;
max-width: 130px;
height: 1px;
background: var(--fg-gold);
}
.fpfg-serial-nav {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
width: min(100%, 960px);
margin: 42px auto;
padding: 18px 0;
border-top: 1px solid var(--fg-gold);
border-bottom: 1px solid var(--fg-gold);
}
.fpfg-serial-nav a {
display: flex;
align-items: center;
justify-content: center;
min-height: 52px;
padding: 8px 12px;
color: var(--fg-black);
font-family: "Libre Baskerville", Georgia, serif;
font-size: 0.72rem;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.07em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
.fpfg-serial-nav a:hover,
.fpfg-serial-nav a:focus-visible {
color: var(--fg-navy);
text-decoration: underline;
text-decoration-color: var(--fg-gold);
text-underline-offset: 5px;
} .fpfg-footer {
position: relative;
width: min(100%, 960px);
margin: 54px auto 0;
padding: 24px 28px;
color: var(--fg-ivory);
background: var(--fg-navy);
border-top: 2px solid var(--fg-gold);
border-bottom: 1px solid var(--fg-gold);
text-align: center;
}
.fpfg-footer::before,
.fpfg-footer::after {
content: "*";
display: inline-block;
margin: 0 13px;
color: var(--fg-gold);
font-size: 0.52rem;
vertical-align: middle;
}
.fpfg-footer a {
color: var(--fg-ivory);
font-family: "Libre Baskerville", Georgia, serif;
font-size: 0.8rem;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.10em;
text-decoration: none;
text-transform: uppercase;
}
.fpfg-footer a:hover,
.fpfg-footer a:focus-visible {
color: var(--fg-gold-light);
text-decoration: underline;
text-decoration-color: var(--fg-gold-light);
text-underline-offset: 5px;
}
.fpfg-footer a:focus-visible {
outline: 1px solid var(--fg-gold-light);
outline-offset: 5px;
} @media (max-width: 980px) {
.fpfg-shell {
width: min(calc(100% - 24px), 1240px);
margin-top: 12px;
padding: 30px 24px 56px;
}
.fpfg-masthead {
grid-template-columns: 1fr 1fr;
gap: 14px;
}
.fpfg-brand {
grid-column: 1 / -1;
grid-row: 1;
padding: 8px 8px 14px;
}
.fpfg-sidecart-left {
grid-column: 1;
grid-row: 2;
}
.fpfg-sidecart-right {
grid-column: 2;
grid-row: 2;
}
.fpfg-brand-main {
white-space: normal;
}
.fpfg-sidecart {
min-height: 132px;
}
.fpfg-section-grid,
.fpfg-opening-grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 26px 34px;
}
.fpfg-section-grid .fpfg-text-columns,
.fpfg-section-grid--module-left .fpfg-text-columns {
grid-column: 1 / -1;
grid-row: auto;
}
.fpfg-section-grid .fpfg-module-column,
.fpfg-section-grid--module-left .fpfg-module-column {
grid-column: 1 / -1;
grid-row: auto;
}
.fpfg-opening-grid .fpfg-figure {
grid-column: 1 / -1;
}
.fpfg-opening-grid .fpfg-module-column {
grid-column: 1 / -1;
}
.fpfg-module-column {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.fpfg-module-column > * {
margin-bottom: 0;
}
} @media (max-width: 720px) {
.fpfg-shell {
width: min(calc(100% - 16px), 1240px);
margin: 8px auto 34px;
padding: 22px 17px 44px;
}
.fpfg-masthead {
grid-template-columns: 1fr 1fr;
gap: 9px;
padding-top: 2px;
}
.fpfg-brand {
grid-column: 1 / -1;
grid-row: 1;
padding: 7px 2px 12px;
}
.fpfg-brand-small {
margin-bottom: 6px;
font-size: 0.82rem;
}
.fpfg-brand-main {
font-size: clamp(2.2rem, 11vw, 3.35rem);
line-height: 0.98;
}
.fpfg-sidecart {
min-height: 122px;
padding: 16px 10px;
font-size: 0.66rem;
letter-spacing: 0.055em;
}
.fpfg-price {
font-size: 0.66rem;
}
.fpfg-tagline {
gap: 8px;
font-size: 0.69rem;
letter-spacing: 0.13em;
}
.fpfg-title-rule {
margin-bottom: 23px;
}
.fpfg-article-title {
font-size: clamp(1.85rem, 8.4vw, 2.75rem);
line-height: 1.14;
}
.fpfg-figure {
width: 100%;
margin-bottom: 29px;
padding: 6px;
}
.fpfg-chapo,
.fpfg-article-content > p:first-of-type {
margin-bottom: 28px;
padding-bottom: 18px;
font-size: 18px;
line-height: 1.75;
}
.fpfg-article-content,
.fpfg-text-columns {
font-size: 18px;
line-height: 1.78;
}
.fpfg-section-grid,
.fpfg-opening-grid {
display: flex;
flex-direction: column;
gap: 24px;
margin-bottom: 46px;
}
.fpfg-text-columns,
.fpfg-text-columns--full {
width: 100%;
margin-bottom: 0;
column-count: 1;
column-gap: 0;
column-rule: 0;
}
.fpfg-module-column {
display: block;
width: 100%;
}
.fpfg-module-column > * + * {
margin-top: 18px;
}
.fpfg-article-content > p:nth-of-type(2)::first-letter,
.fpfg-text-columns > p:first-of-type::first-letter {
font-size: 3.65em;
}
.fpfg-serial-nav {
grid-template-columns: 1fr;
gap: 4px;
}
.fpfg-footer {
margin-top: 42px;
padding: 21px 15px;
}
} @media (max-width: 430px) {
.fpfg-masthead {
grid-template-columns: 1fr;
}
.fpfg-brand,
.fpfg-sidecart-left,
.fpfg-sidecart-right {
grid-column: 1;
}
.fpfg-brand {
grid-row: 1;
}
.fpfg-sidecart-left {
grid-row: 2;
}
.fpfg-sidecart-right {
grid-row: 3;
}
.fpfg-sidecart {
min-height: auto;
padding: 16px 18px;
}
.fpfg-brand-main {
font-size: clamp(2.05rem, 13vw, 2.9rem);
}
.fpfg-tagline::before,
.fpfg-tagline::after {
display: none;
}
} @media (prefers-reduced-motion: reduce) {
.fpfg-french-gazette *,
.fpfg-french-gazette *::before,
.fpfg-french-gazette *::after {
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
}
}
@media print {
.fpfg-french-gazette,
.fpfg-french-gazette .site,
.fpfg-shell {
color: #000 !important;
background: #fff !important;
box-shadow: none !important;
}
.fpfg-shell {
width: 100%;
margin: 0;
padding: 0;
border: 0;
}
.fpfg-footer,
.fpfg-price {
display: none !important;
}
.fpfg-sidecart {
color: #000 !important;
background: #fff !important;
border-color: #000 !important;
}
}  .fpfg-article-content--structured {
width: 100%;
max-width: none;
margin: 0;
} .fpfg-rubric-label {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
width: min(100%, 760px);
margin: 0 auto 20px;
color: var(--fg-black-soft);
font-family: "Limelight", Georgia, serif;
font-size: 0.74rem;
line-height: 1.4;
letter-spacing: 0.16em;
text-align: center;
text-transform: uppercase;
}
.fpfg-rubric-label::before,
.fpfg-rubric-label::after {
content: "";
flex: 1 1 70px;
max-width: 130px;
height: 1px;
background: var(--fg-gold);
}
.fpfg-rubric-label a {
color: var(--fg-black);
text-decoration: none;
}
.fpfg-rubric-label a:hover,
.fpfg-rubric-label a:focus-visible {
color: var(--fg-navy);
text-decoration: underline;
text-decoration-color: var(--fg-gold);
text-underline-offset: 5px;
}
.fpfg-rubric-label a:focus-visible {
outline: 2px solid var(--fg-gold);
outline-offset: 4px;
} .fpfg-chapo {
width: min(100%, 920px);
} .fpfg-text-columns--continuation > p:first-of-type::first-letter {
float: none;
margin: 0;
color: inherit;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
} .fpfg-card-link > .fpfg-module,
.fpfg-card-link > .fpfg-ad {
margin-bottom: 0;
}
.fpfg-module-column > .fpfg-card-link + .fpfg-card-link {
margin-top: 20px;
} .fpfg-ad:not(.fpfg-ad--navy) .fpfg-read-more {
color: var(--fg-navy);
} .fpfg-card-link .fpfg-module,
.fpfg-card-link .fpfg-ad {
transition: transform 180ms ease, box-shadow 180ms ease;
}
.fpfg-card-link:hover .fpfg-module,
.fpfg-card-link:hover .fpfg-ad,
.fpfg-card-link:focus-visible .fpfg-module,
.fpfg-card-link:focus-visible .fpfg-ad {
transform: translateY(-2px);
box-shadow: 0 9px 20px rgba(24, 23, 20, 0.09);
} .fpfg-article-content--structured .wp-block-separator {
display: none;
}
@media (max-width: 720px) {
.fpfg-rubric-label {
margin-bottom: 17px;
font-size: 0.68rem;
letter-spacing: 0.11em;
}
.fpfg-rubric-label::before,
.fpfg-rubric-label::after {
max-width: 55px;
}
.fpfg-card-link .fpfg-module,
.fpfg-card-link .fpfg-ad {
transform: none;
}
}  .fpfg-section-grid--no-module {
grid-template-columns: minmax(0, 1fr);
width: min(100%, 960px);
}
.fpfg-section-grid--no-module .fpfg-text-columns,
.fpfg-section-grid--no-module .fpfg-text-columns--full {
grid-column: 1 / -1;
width: 100%;
margin: 0;
} .fpfg-module-column > * {
display: block;
min-width: 0;
}
.fpfg-module-column > * + * {
margin-top: 20px;
} .fpfg-editor-card {
background:
linear-gradient(
145deg,
rgba(255, 255, 255, 0.20),
rgba(184, 150, 82, 0.06)
);
} .fpfg-article-content--structured p:empty,
.fpfg-text-columns p:empty {
display: none;
}
@media (max-width: 980px) {
.fpfg-section-grid--no-module {
grid-template-columns: 1fr;
width: min(100%, 900px);
}
.fpfg-section-grid--no-module .fpfg-text-columns {
grid-column: 1;
}
}
@media (max-width: 720px) {
.fpfg-section-grid--no-module {
width: 100%;
}
.fpfg-module-column > * + * {
margin-top: 18px;
}
}  @media (min-width: 981px) {
.fpfg-masthead {
grid-template-columns:
minmax(180px, 230px)
minmax(390px, 1fr)
minmax(180px, 230px);
gap: clamp(30px, 4.2vw, 58px);
}
.fpfg-brand {
margin-inline: clamp(8px, 1.2vw, 18px);
padding-inline: clamp(20px, 2.4vw, 38px);
}
} .fpfg-tagline {
gap: clamp(11px, 1.6vw, 18px);
margin-top: 7px;
margin-bottom: 17px;
font-size: clamp(1.05rem, 1.55vw, 1.34rem);
line-height: 1.25;
letter-spacing: 0.18em;
}
.fpfg-tagline::before,
.fpfg-tagline::after {
font-size: 0.54rem;
} .fpfg-header {
margin-bottom: clamp(25px, 3vw, 34px);
}
.fpfg-article-title {
max-width: 1040px;
} .fpfg-lead-grid {
display: grid;
align-items: stretch;
gap: clamp(22px, 3vw, 36px);
margin: 0 auto clamp(42px, 6vw, 68px);
}
.fpfg-lead-grid--without-ad {
grid-template-columns: minmax(270px, 0.88fr) minmax(0, 1.12fr);
width: min(100%, 960px);
}
.fpfg-lead-grid--with-ad {
grid-template-columns:
minmax(230px, 0.82fr)
minmax(260px, 1.05fr)
minmax(220px, 0.72fr);
width: min(100%, 1120px);
}
.fpfg-lead-image,
.fpfg-lead-chapo,
.fpfg-lead-ad {
min-width: 0;
} .fpfg-lead-image {
display: flex;
}
.fpfg-lead-image .fpfg-figure {
display: flex;
flex-direction: column;
width: 100%;
max-width: 420px;
height: 100%;
margin: 0 auto;
padding: 6px;
}
.fpfg-lead-image .fpfg-main-estampe {
flex: 1 1 auto;
width: 100%;
min-height: 220px;
max-height: 350px;
object-fit: contain;
object-position: center;
background: rgba(248, 241, 226, 0.58);
}
.fpfg-lead-image .fpfg-caption {
flex: 0 0 auto;
} .fpfg-lead-chapo {
position: relative;
display: flex;
align-items: center;
padding: clamp(24px, 3.2vw, 42px) clamp(22px, 3vw, 38px);
border-top: 2px solid var(--fg-black);
border-bottom: 1px solid var(--fg-gold);
background: rgba(255, 255, 255, 0.11);
}
.fpfg-lead-chapo::before {
content: "*";
position: absolute;
top: -6px;
left: clamp(22px, 3vw, 38px);
padding: 0 8px;
color: var(--fg-gold);
background: var(--fg-ivory);
font-size: 0.52rem;
line-height: 1;
}
.fpfg-lead-chapo .fpfg-chapo {
width: 100%;
max-width: none;
margin: 0;
padding: 0;
border: 0;
color: var(--fg-black);
font-size: clamp(1.2rem, 1.8vw, 1.48rem);
font-style: italic;
font-weight: 400;
line-height: 1.68;
text-align: left;
} .fpfg-lead-ad {
align-self: stretch;
}
.fpfg-lead-ad .fpfg-card-link,
.fpfg-lead-ad .fpfg-ad {
height: 100%;
}
.fpfg-lead-ad .fpfg-ad {
display: flex;
flex-direction: column;
justify-content: center;
margin: 0;
padding: clamp(18px, 2.2vw, 25px) clamp(16px, 2vw, 22px);
}
.fpfg-lead-ad .fpfg-ad-title {
font-size: clamp(1.35rem, 2vw, 1.82rem);
}
.fpfg-lead-ad .fpfg-ad-text {
font-size: 0.9rem;
line-height: 1.58;
} .fpfg-lead-grid + .fpfg-article-content--structured {
padding-top: 2px;
} @media (max-width: 1100px) {
.fpfg-lead-grid--with-ad,
.fpfg-lead-grid--without-ad {
grid-template-columns: minmax(240px, 0.85fr) minmax(0, 1.15fr);
width: min(100%, 920px);
}
.fpfg-lead-ad {
grid-column: 1 / -1;
width: min(100%, 520px);
margin-inline: auto;
}
} @media (max-width: 720px) {
.fpfg-tagline {
gap: 8px;
margin-top: 8px;
margin-bottom: 15px;
font-size: clamp(0.86rem, 4.3vw, 1.02rem);
line-height: 1.35;
letter-spacing: 0.11em;
}
.fpfg-lead-grid,
.fpfg-lead-grid--with-ad,
.fpfg-lead-grid--without-ad {
display: flex;
flex-direction: column;
gap: 22px;
width: 100%;
margin-bottom: 46px;
}
.fpfg-lead-image .fpfg-figure {
max-width: 470px;
}
.fpfg-lead-image .fpfg-main-estampe {
min-height: 0;
max-height: 330px;
}
.fpfg-lead-chapo {
padding: 23px 20px;
}
.fpfg-lead-chapo .fpfg-chapo {
font-size: 18px;
line-height: 1.72;
}
.fpfg-lead-ad {
width: 100%;
}
}
@media (max-width: 430px) {
.fpfg-tagline {
font-size: 0.84rem;
letter-spacing: 0.08em;
}
}   @media (min-width: 1101px) {
.fpfg-masthead {
grid-template-columns:
minmax(180px, 205px)
minmax(0, 1fr)
minmax(180px, 205px);
column-gap: clamp(64px, 6.5vw, 104px);
}
.fpfg-brand {
min-width: 0;
padding-right: 8px;
padding-left: 8px;
}
.fpfg-brand-main {
font-size: clamp(2.75rem, 3.8vw, 4.15rem);
line-height: 0.96;
white-space: nowrap;
}
} @media (min-width: 901px) and (max-width: 1100px) {
.fpfg-masthead {
grid-template-columns:
minmax(158px, 178px)
minmax(0, 1fr)
minmax(158px, 178px);
column-gap: clamp(30px, 4vw, 44px);
}
.fpfg-brand-main {
font-size: clamp(2.45rem, 4.7vw, 3.35rem);
white-space: nowrap;
}
.fpfg-sidecart {
padding-right: 13px;
padding-left: 13px;
font-size: 0.70rem;
}
} .fpfg-header {
margin-bottom: clamp(26px, 3.4vw, 40px);
}
.fpfg-article-title {
max-width: 1020px;
margin-right: auto;
margin-left: auto;
}
.fpfg-lead-grid {
align-items: stretch;
gap: clamp(22px, 2.8vw, 34px);
margin-bottom: clamp(44px, 6vw, 72px);
}
.fpfg-lead-grid--without-ad {
grid-template-columns: minmax(250px, 0.78fr) minmax(0, 1.22fr);
width: min(100%, 930px);
}
.fpfg-lead-grid--with-ad {
grid-template-columns:
minmax(230px, 0.72fr)
minmax(290px, 1.12fr)
minmax(210px, 0.66fr);
width: min(100%, 1140px);
} .fpfg-lead-image {
align-items: center;
justify-content: center;
}
.fpfg-lead-image .fpfg-figure {
width: 100%;
max-width: 390px;
height: auto;
margin: auto;
padding: 6px;
}
.fpfg-lead-image .fpfg-main-estampe {
width: 100%;
min-height: 0;
max-height: 320px;
object-fit: contain;
object-position: center;
} .fpfg-lead-chapo {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding: clamp(25px, 3.2vw, 42px) clamp(23px, 3vw, 38px);
}
.fpfg-lead-heading {
position: relative;
width: 100%;
margin: 0 0 0.72em;
padding: 0 0 0.48em;
color: var(--fg-black);
border-bottom: 1px solid var(--fg-black);
font-family: "Libre Baskerville", Georgia, serif;
font-size: clamp(1.55rem, 2.35vw, 2.35rem);
font-style: normal;
font-weight: 700;
line-height: 1.24;
letter-spacing: -0.018em;
text-align: left;
text-wrap: balance;
}
.fpfg-lead-heading::after {
content: "";
position: absolute;
bottom: -4px;
left: 0;
width: 68px;
height: 1px;
background: var(--fg-gold);
}
.fpfg-lead-chapo .fpfg-chapo {
width: 100%;
margin: 0;
padding: 0;
color: var(--fg-black);
border: 0;
font-family: "Libre Baskerville", Georgia, serif;
font-size: clamp(1.02rem, 1.28vw, 1.16rem);
font-style: normal;
font-weight: 400;
line-height: 1.76;
text-align: left;
} .fpfg-lead-ad .fpfg-ad {
min-height: 100%;
} @media (max-width: 1100px) {
.fpfg-lead-grid--with-ad,
.fpfg-lead-grid--without-ad {
grid-template-columns: minmax(230px, 0.78fr) minmax(0, 1.22fr);
width: min(100%, 900px);
}
.fpfg-lead-ad {
grid-column: 1 / -1;
width: min(100%, 520px);
margin-right: auto;
margin-left: auto;
}
} @media (max-width: 720px) {
.fpfg-lead-grid,
.fpfg-lead-grid--with-ad,
.fpfg-lead-grid--without-ad {
display: flex;
flex-direction: column;
gap: 21px;
width: 100%;
}
.fpfg-lead-image .fpfg-figure {
max-width: 430px;
}
.fpfg-lead-image .fpfg-main-estampe {
max-height: 300px;
}
.fpfg-lead-chapo {
padding: 24px 20px;
}
.fpfg-lead-heading {
font-size: clamp(1.45rem, 7vw, 1.95rem);
line-height: 1.28;
}
.fpfg-lead-chapo .fpfg-chapo {
font-size: 18px;
line-height: 1.72;
}
}   @media (min-width: 721px) {
.fpfg-article-title {
box-sizing: border-box;
width: 100%;
max-width: 1120px;
padding-right: 8px;
padding-left: 8px;
white-space: nowrap;
text-wrap: nowrap;
overflow: visible;
line-height: 1.08;
letter-spacing: -0.035em;
}
.fpfg-article-title.fpfg-title--short {
font-size: clamp(2.8rem, 4.8vw, 3.7rem);
}
.fpfg-article-title.fpfg-title--medium {
font-size: clamp(2.35rem, 3.8vw, 2.8rem);
}
.fpfg-article-title.fpfg-title--long {
font-size: clamp(1.9rem, 2.8vw, 2.15rem);
} .fpfg-article-title.fpfg-title--too-long {
max-width: 1020px;
white-space: normal;
text-wrap: balance;
font-size: clamp(1.9rem, 2.8vw, 2.35rem);
}
} @media (min-width: 721px) and (max-width: 900px) {
.fpfg-article-title.fpfg-title--short {
font-size: clamp(2rem, 5vw, 2.55rem);
}
.fpfg-article-title.fpfg-title--medium {
font-size: clamp(1.65rem, 3.8vw, 1.95rem);
}
.fpfg-article-title.fpfg-title--long {
font-size: clamp(1.3rem, 2.85vw, 1.55rem);
}
} @media (max-width: 720px) {
.fpfg-article-title,
.fpfg-article-title.fpfg-title--short,
.fpfg-article-title.fpfg-title--medium,
.fpfg-article-title.fpfg-title--long,
.fpfg-article-title.fpfg-title--too-long {
width: 100%;
max-width: 100%;
white-space: normal;
text-wrap: balance;
font-size: clamp(1.72rem, 7.5vw, 2.45rem);
line-height: 1.14;
letter-spacing: -0.028em;
}
}   @media (min-width: 1101px) {
.fpfg-masthead {
grid-template-columns:
minmax(182px, 205px)
minmax(0, 1fr)
minmax(182px, 205px);
column-gap: clamp(42px, 4.5vw, 68px);
}
.fpfg-brand {
min-width: 0;
margin-inline: clamp(4px, 0.7vw, 12px);
padding:
15px
clamp(10px, 1.3vw, 20px)
13px;
}
.fpfg-brand-main {
font-size: clamp(3.55rem, 4.55vw, 4.9rem);
line-height: 0.93;
letter-spacing: 0.012em;
white-space: nowrap;
}
} @media (min-width: 981px) and (max-width: 1100px) {
.fpfg-masthead {
grid-template-columns:
minmax(155px, 174px)
minmax(0, 1fr)
minmax(155px, 174px);
column-gap: clamp(26px, 3.2vw, 36px);
}
.fpfg-brand {
min-width: 0;
margin-inline: 4px;
padding-right: 7px;
padding-left: 7px;
}
.fpfg-brand-main {
font-size: clamp(2.85rem, 4.65vw, 3.55rem);
line-height: 0.94;
letter-spacing: 0.008em;
white-space: nowrap;
}
.fpfg-sidecart {
padding-right: 12px;
padding-left: 12px;
font-size: 0.69rem;
}
} @media (min-width: 721px) and (max-width: 980px) {
.fpfg-brand {
padding-top: 11px;
padding-bottom: 18px;
}
.fpfg-brand-main {
font-size: clamp(3.25rem, 8.2vw, 4.55rem);
line-height: 0.94;
letter-spacing: 0.015em;
white-space: nowrap;
}
} @media (max-width: 720px) {
.fpfg-brand-main {
font-size: clamp(2.45rem, 11.8vw, 3.6rem);
line-height: 0.96;
letter-spacing: 0.012em;
}
} @media (max-width: 430px) {
.fpfg-brand-main {
font-size: clamp(2.25rem, 13.2vw, 3.05rem);
white-space: normal;
}
}  .fpfg-sidecart-link,
.fpfg-sidecart-link:visited {
color: var(--fg-ivory);
text-decoration: none;
cursor: pointer;
transition:
transform 0.2s ease,
border-color 0.2s ease,
box-shadow 0.2s ease,
background-color 0.2s ease;
}
.fpfg-sidecart-link:hover,
.fpfg-sidecart-link:focus-visible {
color: var(--fg-ivory);
text-decoration: none;
border-color: var(--fg-gold-light);
box-shadow:
0 7px 18px rgba(8, 20, 38, 0.15),
inset 0 0 0 1px rgba(213, 188, 130, 0.16);
transform: translateY(-2px);
}
.fpfg-sidecart-link:focus-visible {
outline: 2px solid var(--fg-gold);
outline-offset: 4px;
} .fpfg-sidecart-link .fpfg-price {
color: var(--fg-gold-light);
}
.fpfg-sidecart-link:hover .fpfg-price,
.fpfg-sidecart-link:focus-visible .fpfg-price {
color: var(--fg-ivory);
text-decoration: underline;
text-decoration-color: var(--fg-gold-light);
text-underline-offset: 5px;
}   .fpfg-lead-grid--without-ad {
grid-template-columns:
minmax(330px, 1fr)
minmax(0, 1.08fr);
width: min(100%, 1040px);
} .fpfg-lead-grid--with-ad {
grid-template-columns:
minmax(300px, 0.96fr)
minmax(320px, 1.08fr)
minmax(210px, 0.64fr);
width: min(100%, 1180px);
} .fpfg-lead-image,
.fpfg-lead-chapo {
align-self: stretch;
min-height: 100%;
} .fpfg-lead-image {
display: flex;
align-items: stretch;
justify-content: stretch;
}
.fpfg-lead-image .fpfg-figure {
display: flex;
flex-direction: column;
width: 100%;
max-width: none;
height: 100%;
min-height: clamp(350px, 31vw, 470px);
margin: 0;
padding: 8px;
} .fpfg-lead-image .fpfg-main-estampe {
display: block;
flex: 1 1 auto;
width: 100%;
height: 100%;
min-height: 0;
max-height: none;
object-fit: contain;
object-position: center;
} .fpfg-lead-image .fpfg-caption {
flex: 0 0 auto;
} @media (min-width: 721px) and (max-width: 1100px) {
.fpfg-lead-grid--with-ad,
.fpfg-lead-grid--without-ad {
grid-template-columns:
minmax(300px, 0.98fr)
minmax(0, 1.08fr);
width: min(100%, 960px);
}
.fpfg-lead-image .fpfg-figure {
min-height: clamp(330px, 41vw, 430px);
}
} @media (max-width: 720px) {
.fpfg-lead-image .fpfg-figure {
width: min(100%, 520px);
height: auto;
min-height: 0;
margin-inline: auto;
}
.fpfg-lead-image .fpfg-main-estampe {
width: 100%;
height: auto;
max-height: 420px;
object-fit: contain;
}
}  body .mp-article {
--mp-nuit: #081426;
--mp-nuit-clair: #10203b;
--mp-ivoire: #f4ead7;
--mp-papier: #f4f0ed;
--mp-papier-pub: #e9dfca;
--mp-or: #c8a45f;
--mp-or-clair: #ead8b1;
--mp-violet: #806693;
color: var(--mp-ivoire) !important;
background-color: var(--mp-nuit) !important;
background-image:
radial-gradient(
circle at 15% 10%,
rgba(128, 102, 147, 0.14),
transparent 30rem
) !important;
} body .mp-article > .kt-row-column-wrap,
body .mp-article .wp-block-kadence-column,
body .mp-article .kt-inside-inner-col {
background-color: transparent !important;
background-image: none !important;
} body .mp-article .mp-book-ad {
color: var(--mp-nuit) !important;
background:
linear-gradient(
rgba(255, 255, 255, 0.10),
rgba(255, 255, 255, 0.10)
),
var(--mp-papier-pub) !important;
border-color: var(--mp-or) !important;
}
body .mp-article .mp-book-ad > .kt-row-column-wrap,
body .mp-article .mp-book-ad .kt-row-column-wrap,
body .mp-article .mp-book-ad .wp-block-kadence-column,
body .mp-article .mp-book-ad .kt-inside-inner-col {
background-color: transparent !important;
background-image: none !important;
} body:has(.mp-article) .site-main,
body:has(.mp-article) .content-area,
body:has(.mp-article) .content-container,
body:has(.mp-article) article.entry,
body:has(.mp-article) .entry-content-wrap,
body:has(.mp-article) .entry-content,
body:has(.mp-article) #colophon,
body:has(.mp-article) .site-footer,
body:has(.mp-article) .site-footer-wrap,
body:has(.mp-article) .site-top-footer-wrap,
body:has(.mp-article) .site-middle-footer-wrap,
body:has(.mp-article) .site-bottom-footer-wrap {
background-color: revert !important;
background-image: revert !important;
} body .mp-article {
box-sizing: border-box !important;
width: calc(100% - 36px) !important;
max-width: calc(100% - 36px) !important;
margin-right: 18px !important;
margin-left: 18px !important;
}
@media (max-width: 767px) {
body .mp-article {
width: calc(100% - 20px) !important;
max-width: calc(100% - 20px) !important;
margin-right: 10px !important;
margin-left: 10px !important;
}
} .mp-article .mp-pullquote::before,
.mp-article .mp-pullquote-large::before {
content: "\201C" !important;
}  body.fp-personnage-page {
margin: 0 !important;
background: #041426 !important;
}
body.fp-personnage-page .content-area,
body.fp-personnage-page .content-container,
body.fp-personnage-page .site-content,
body.fp-personnage-page .site-main,
body.fp-personnage-page .inside-article,
body.fp-personnage-page article.entry,
body.fp-personnage-page .entry-content-wrap,
body.fp-personnage-page .entry-content {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.fp-personnage-page article.entry > .entry-header,
body.fp-personnage-page .entry-content-wrap > .entry-header,
body.fp-personnage-page .entry-title,
body.fp-personnage-page .entry-meta,
body.fp-personnage-page .entry-hero,
body.fp-personnage-page .entry-hero-container,
body.fp-personnage-page article.entry > .post-thumbnail,
body.fp-personnage-page .entry-content-wrap > .post-thumbnail {
display: none !important;
} .fp-personnage {
--fp-navy-1000: #03111f;
--fp-navy-950: #041426;
--fp-navy-900: #071a31;
--fp-navy-850: #0a2340;
--fp-gold: #c6a15b;
--fp-gold-light: #e2bf79;
--fp-gold-dark: #8b642d;
--fp-ivory: #f4f0e6;
--fp-paper: #e9dfca;
--fp-ink: #172234;
--fp-title:
"Park Lane",
"ParkLane",
"Cinzel",
Georgia,
serif;
--fp-subtitle:
"Market Deco",
"MarketDeco",
"Limelight",
"Poiret One",
sans-serif;
--fp-body:
"Inter",
Arial,
sans-serif;
--fp-editorial:
"Cormorant Garamond",
Georgia,
serif;
--fp-quote:
"Italiana",
Didot,
Georgia,
serif;
--fp-display:
"Cinzel",
Georgia,
serif;
--fp-panel:
"Poiret One",
sans-serif;
position: relative;
left: 50%;
width: 100vw;
max-width: none;
margin-left: -50vw;
color: #eee8dd;
background:
radial-gradient(
circle at 80% 8%,
rgba(38, 83, 128, 0.30),
transparent 34%
),
var(--fp-navy-950);
font-family: var(--fp-body);
font-size: 20px;
line-height: 1.72;
}
.fp-personnage,
.fp-personnage *,
.fp-personnage *::before,
.fp-personnage *::after {
box-sizing: border-box;
}
.fp-personnage img {
display: block;
max-width: 100%;
height: auto;
}
.fp-personnage a {
color: inherit;
text-decoration: none;
}
.fp-personnage__hero-inner,
.fp-personnage__facts-inner,
.fp-personnage__sequence-inner,
.fp-personnage__related-inner {
width: min(calc(100% - 64px), 1400px);
margin-right: auto;
margin-left: auto;
} .fp-personnage__hero {
position: relative;
min-height: 620px;
border-top: 1px solid rgba(198, 161, 91, 0.52);
border-bottom: 1px solid var(--fp-gold);
background:
radial-gradient(
circle at 72% 42%,
rgba(44, 91, 136, 0.44),
transparent 35%
),
linear-gradient(
90deg,
rgba(3, 17, 31, 0.99),
rgba(3, 17, 31, 0.89) 44%,
rgba(3, 17, 31, 0.25) 75%,
rgba(3, 17, 31, 0.72)
);
overflow: hidden;
}
.fp-personnage__hero::before {
position: absolute;
inset: 22px;
content: "";
border: 1px solid rgba(198, 161, 91, 0.30);
pointer-events: none;
}
.fp-personnage__hero-inner {
display: grid;
grid-template-columns:
minmax(0, 0.94fr)
minmax(460px, 1.06fr);
min-height: 620px;
}
.fp-personnage__hero-content {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: center;
padding: 70px 0 76px 42px;
}
.fp-personnage__label {
display: flex;
align-items: center;
gap: 14px;
margin: 0 0 20px !important;
color: var(--fp-gold-light) !important;
font-family: var(--fp-panel) !important;
font-size: 14px !important;
letter-spacing: 0.15em;
text-transform: uppercase;
}
.fp-personnage__label::before,
.fp-personnage__label::after {
width: 55px;
height: 1px;
content: "";
background: var(--fp-gold);
}
.fp-personnage__title {
margin: 0 0 10px !important;
color: var(--fp-ivory) !important;
font-family: var(--fp-title) !important;
font-size: clamp(72px, 7.2vw, 116px) !important;
font-weight: 400 !important;
line-height: 0.90 !important;
letter-spacing: 0.01em;
text-transform: uppercase;
}
.fp-personnage__subtitle {
margin: 10px 0 28px !important;
color: var(--fp-gold-light) !important;
font-family: var(--fp-subtitle) !important;
font-size: clamp(42px, 4vw, 62px) !important;
font-weight: 400 !important;
line-height: 1.06 !important;
}
.fp-personnage__chapo {
max-width: 760px;
color: rgba(244, 240, 230, 0.95);
font-family: var(--fp-editorial) !important;
font-size: 25px !important;
font-weight: 500 !important;
line-height: 1.48 !important;
}
.fp-personnage__chapo p {
margin: 0 !important;
color: inherit !important;
font: inherit !important;
}
.fp-personnage__portrait {
position: relative;
z-index: 2;
display: flex;
align-items: flex-end;
justify-content: center;
min-height: 620px;
margin: 0;
}
.fp-personnage__portrait-image {
max-height: 690px;
object-fit: contain;
object-position: center bottom;
filter:
sepia(0.10)
contrast(1.08)
drop-shadow(0 28px 38px rgba(0, 0, 0, 0.46));
} .fp-personnage__facts {
padding: 42px 0;
background: var(--fp-navy-1000);
}
.fp-personnage__facts-inner {
display: grid;
grid-template-columns:
minmax(0, 0.96fr)
minmax(0, 1.04fr);
gap: 24px;
}
.fp-personnage__identity,
.fp-personnage__timeline {
position: relative;
padding: 42px;
border: 1px solid var(--fp-gold);
box-shadow:
inset 0 0 0 7px rgba(198, 161, 91, 0.035),
0 18px 48px rgba(0, 0, 0, 0.22);
}
.fp-personnage__identity {
background:
linear-gradient(
145deg,
rgba(198, 161, 91, 0.08),
transparent
),
var(--fp-navy-900);
}
.fp-personnage__timeline {
color: var(--fp-ink);
background:
linear-gradient(
135deg,
rgba(255, 255, 255, 0.42),
transparent
),
var(--fp-ivory);
}
.fp-personnage__identity::before,
.fp-personnage__identity::after,
.fp-personnage__timeline::before,
.fp-personnage__timeline::after {
position: absolute;
width: 34px;
height: 34px;
content: "";
}
.fp-personnage__identity::before,
.fp-personnage__timeline::before {
top: 9px;
left: 9px;
border-top: 2px solid var(--fp-gold);
border-left: 2px solid var(--fp-gold);
}
.fp-personnage__identity::after,
.fp-personnage__timeline::after {
right: 9px;
bottom: 9px;
border-right: 2px solid var(--fp-gold);
border-bottom: 2px solid var(--fp-gold);
}
.fp-personnage__panel-title,
.fp-personnage__timeline-title {
margin: 0 0 28px !important;
font-family: var(--fp-panel) !important;
font-size: 31px !important;
font-weight: 400 !important;
line-height: 1.16 !important;
letter-spacing: 0.07em;
text-transform: uppercase;
}
.fp-personnage__panel-title {
color: var(--fp-gold-light) !important;
}
.fp-personnage__timeline-title {
color: var(--fp-gold-dark) !important;
text-align: center;
}
.fp-personnage__identity-list {
display: grid;
grid-template-columns:
max-content
minmax(0, 1fr);
column-gap: 28px;
margin: 0;
}
.fp-personnage__identity-list dt,
.fp-personnage__identity-list dd {
margin: 0;
padding: 12px 0;
border-bottom:
1px dotted rgba(198, 161, 91, 0.30);
font-family: var(--fp-editorial) !important;
font-size: 21px !important;
line-height: 1.34 !important;
}
.fp-personnage__identity-list dt {
color: var(--fp-ivory);
font-weight: 600 !important;
white-space: nowrap;
}
.fp-personnage__identity-list dd {
color: rgba(244, 240, 230, 0.82);
font-weight: 500 !important;
}
.fp-personnage__timeline-list {
display: grid;
gap: 24px;
margin: 0;
padding: 0;
list-style: none;
}
.fp-personnage__timeline-item {
display: grid;
grid-template-columns:
14px
74px
minmax(0, 1fr);
align-items: baseline;
gap: 14px;
}
.fp-personnage__timeline-marker {
width: 7px;
height: 7px;
background: var(--fp-gold-dark);
transform: rotate(45deg);
}
.fp-personnage__timeline-year {
color: var(--fp-navy-900);
font-family: var(--fp-body) !important;
font-size: 18px !important;
font-weight: 600 !important;
line-height: 1.3 !important;
}
.fp-personnage__timeline-text {
color: var(--fp-ink);
font-family: var(--fp-quote) !important;
font-size: 21px !important;
line-height: 1.42 !important;
} .fp-personnage__sequence {
padding: 74px 0;
}
.fp-personnage__sequence--bleu {
background:
radial-gradient(
circle at 82% 35%,
rgba(31, 75, 116, 0.23),
transparent 36%
),
var(--fp-navy-900);
}
.fp-personnage__sequence--ivoire {
color: var(--fp-ink);
background:
linear-gradient(
120deg,
rgba(255, 255, 255, 0.38),
transparent
),
var(--fp-ivory);
}
.fp-personnage__sequence-inner {
display: block;
}
.fp-personnage__sequence--wide
.fp-personnage__sequence-content {
max-width: 1120px;
margin-right: auto;
margin-left: auto;
}
.fp-personnage__sequence-content {
min-width: 0;
}
.fp-personnage__sequence-content p,
.fp-personnage__sequence-content li {
font-family: var(--fp-body);
font-size: 20px;
line-height: 1.74;
}
.fp-personnage__sequence-content > p {
margin: 0 0 1.25em;
}
.fp-personnage__sequence-content h2 {
margin: 0 0 28px !important;
color: var(--fp-gold-light) !important;
font-family: var(--fp-display) !important;
font-size: clamp(29px, 2.5vw, 39px) !important;
font-weight: 500 !important;
line-height: 1.22 !important;
letter-spacing: 0.025em;
text-transform: uppercase;
}
.fp-personnage__sequence--ivoire
.fp-personnage__sequence-content h2 {
color: var(--fp-gold-dark) !important;
} @media (min-width: 960px) {
.fp-personnage__sequence--columns
.fp-personnage__sequence-content {
max-width: 1180px;
margin-right: auto;
margin-left: auto;
column-count: 2;
column-gap: 72px;
column-rule:
1px solid rgba(198, 161, 91, 0.30);
}
.fp-personnage__sequence--columns
.fp-personnage__sequence-content h2,
.fp-personnage__sequence--columns
.fp-personnage__sequence-content h3,
.fp-personnage__sequence--columns
.fp-personnage__sequence-content details,
.fp-personnage__sequence--columns
.fp-personnage__sequence-content .wp-block-details,
.fp-personnage__sequence--columns
.fp-personnage__sequence-content .mp-book-ad {
column-span: all;
}
.fp-personnage__sequence--columns
.fp-personnage__sequence-content p,
.fp-personnage__sequence--columns
.fp-personnage__sequence-content ul,
.fp-personnage__sequence--columns
.fp-personnage__sequence-content ol,
.fp-personnage__sequence--columns
.fp-personnage__sequence-content blockquote {
break-inside: avoid;
}
} .fp-global-footer__title,
.fp-global-footer-brand,
.fp-global-footer-heading {
font-size: clamp(1.8rem, 3vw, 2.75rem) !important;
line-height: 1.08 !important;
}
.fp-global-footer__tagline,
.fp-global-footer-tagline {
font-size: clamp(1.05rem, 1.4vw, 1.25rem) !important;
line-height: 1.55 !important;
}
.fp-global-footer__column h2,
.fp-global-footer-column-title {
font-size: clamp(1rem, 1.25vw, 1.15rem) !important;
line-height: 1.3 !important;
}
.fp-global-footer__navigation a,
.fp-global-footer__social-link,
.fp-global-footer__languages a,
.fp-global-footer-column a,
.fp-global-footer a {
font-size: clamp(1rem, 1.15vw, 1.125rem) !important;
line-height: 1.45 !important;
}
.fp-global-footer__bottom,
.fp-global-footer__bottom p,
.fp-global-footer-bottom,
.fp-global-footer-bottom p {
font-size: 0.95rem !important;
line-height: 1.5 !important;
}
@media (max-width: 780px) {
.fp-global-footer__navigation a,
.fp-global-footer__social-link,
.fp-global-footer__languages a,
.fp-global-footer-column a,
.fp-global-footer a {
display: inline-flex;
align-items: center;
min-height: 48px;
font-size: 1.08rem !important;
}
.fp-global-footer__column h2,
.fp-global-footer-column-title {
font-size: 1.1rem !important;
}
.fp-global-footer__bottom,
.fp-global-footer__bottom p,
.fp-global-footer-bottom,
.fp-global-footer-bottom p {
font-size: 1rem !important;
}
} .fp-personnage__sequence--with-aside
.fp-personnage__sequence-inner {
display: grid;
grid-template-columns:
minmax(0, 1.12fr)
minmax(340px, 0.88fr);
align-items: center;
gap: clamp(48px, 6vw, 86px);
}
.fp-personnage__sequence--with-aside
.fp-personnage__sequence-content {
max-width: 760px;
}
.fp-personnage__sequence--aside-right
.fp-personnage__sequence-content {
order: 1;
}
.fp-personnage__sequence--aside-right
.fp-personnage__sequence-aside {
order: 2;
}
.fp-personnage__sequence--aside-left
.fp-personnage__sequence-content {
order: 2;
}
.fp-personnage__sequence--aside-left
.fp-personnage__sequence-aside {
order: 1;
}
.fp-personnage__sequence-aside {
min-width: 0;
} .fp-personnage__sequence blockquote,
.fp-personnage__sequence .wp-block-quote,
.fp-personnage__sequence .wp-block-pullquote {
position: relative;
margin: 0 !important;
padding: 58px 40px 40px !important;
text-align: center;
border: 1px solid var(--fp-gold);
background:
radial-gradient(
circle at 50% 0,
rgba(31, 77, 120, 0.42),
transparent 62%
),
rgba(3, 20, 38, 0.90);
box-shadow:
0 22px 52px rgba(0, 0, 0, 0.27);
}
.fp-personnage__sequence
.wp-block-pullquote blockquote {
padding: 0 !important;
border: 0;
background: transparent;
box-shadow: none;
}
.fp-personnage__sequence blockquote::before,
.fp-personnage__sequence .wp-block-quote::before,
.fp-personnage__sequence .wp-block-pullquote::before {
position: absolute;
top: 7px;
left: 23px;
content: "“";
color: var(--fp-gold);
font-family: Georgia, serif;
font-size: 92px;
line-height: 1;
}
.fp-personnage__sequence blockquote p,
.fp-personnage__sequence .wp-block-quote p,
.fp-personnage__sequence .wp-block-pullquote p {
margin: 0 !important;
color: var(--fp-gold-light) !important;
font-family: var(--fp-quote) !important;
font-size: clamp(32px, 3vw, 46px) !important;
font-weight: 400 !important;
line-height: 1.30 !important;
}
.fp-personnage__sequence blockquote cite,
.fp-personnage__sequence .wp-block-quote cite,
.fp-personnage__sequence .wp-block-pullquote cite {
display: block;
margin-top: 24px;
color: rgba(244, 240, 230, 0.82) !important;
font-family: var(--fp-body) !important;
font-size: 15px !important;
font-style: normal !important;
} .fp-personnage__sequence-aside
.wp-block-image,
.fp-personnage__sequence-aside
.wp-block-gallery {
margin: 0 !important;
padding: 10px;
background: var(--fp-paper);
border: 1px solid var(--fp-gold);
outline: 1px solid rgba(140, 102, 45, 0.30);
outline-offset: -8px;
box-shadow:
0 20px 48px rgba(0, 0, 0, 0.27);
}
.fp-personnage__sequence-aside img {
width: 100%;
filter:
grayscale(1)
sepia(0.30)
contrast(1.07);
} .fp-personnage__sequence details,
.fp-personnage__sequence .wp-block-details {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
width: 100%;
margin: 0 0 18px !important;
padding: 0 !important;
overflow: hidden;
border: 1px solid rgba(198, 161, 91, 0.60);
background:
linear-gradient(
145deg,
rgba(198, 161, 91, 0.09),
transparent
),
rgba(4, 23, 43, 0.78);
}
.fp-personnage__sequence details summary,
.fp-personnage__sequence .wp-block-details summary {
position: relative;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
padding: 21px 60px 21px 24px;
cursor: pointer;
list-style: none;
color: var(--fp-gold-light) !important;
font-family: var(--fp-subtitle) !important;
font-size: 22px !important;
line-height: 1.32 !important;
}
.fp-personnage__sequence details summary::after,
.fp-personnage__sequence .wp-block-details summary::after {
position: absolute;
top: 50%;
right: 23px;
content: "+";
transform: translateY(-50%);
color: var(--fp-gold);
font-family: var(--fp-body);
font-size: 27px;
}
.fp-personnage__sequence details[open] summary::after,
.fp-personnage__sequence .wp-block-details[open] summary::after {
content: "−";
}
.fp-personnage__sequence details > :not(summary),
.fp-personnage__sequence
.wp-block-details > :not(summary) {
margin-right: 24px !important;
margin-bottom: 22px !important;
margin-left: 24px !important;
color: rgba(244, 240, 230, 0.92) !important;
font-size: 19px !important;
line-height: 1.72 !important;
}
.fp-personnage__sequence--ivoire details,
.fp-personnage__sequence--ivoire
.wp-block-details {
background: #eee5d4;
}
.fp-personnage__sequence--ivoire details summary,
.fp-personnage__sequence--ivoire
.wp-block-details summary {
color: var(--fp-gold-dark) !important;
}
.fp-personnage__sequence--ivoire
details > :not(summary),
.fp-personnage__sequence--ivoire
.wp-block-details > :not(summary) {
color: var(--fp-ink) !important;
} .fp-personnage__sequence
.wp-block-kadence-accordion,
.fp-personnage__sequence
.kt-accordion-wrap,
.fp-personnage__sequence
.wp-block-kadence-pane {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
} .fp-personnage__related {
padding: 76px 0;
border-top:
1px solid rgba(198, 161, 91, 0.38);
background: var(--fp-navy-1000);
}
.fp-personnage__related-title {
margin: 0 0 38px !important;
color: var(--fp-gold-light) !important;
font-family: var(--fp-display) !important;
font-size: clamp(28px, 2.6vw, 38px) !important;
text-align: center;
text-transform: uppercase;
}
.fp-personnage__related-grid {
display: grid;
grid-template-columns:
repeat(3, minmax(0, 1fr));
gap: 26px;
}
.fp-personnage__related-card {
overflow: hidden;
border: 1px solid rgba(198, 161, 91, 0.48);
background: rgba(4, 23, 43, 0.84);
}
.fp-personnage__related-image {
aspect-ratio: 4 / 3;
overflow: hidden;
}
.fp-personnage__related-image img {
width: 100%;
height: 100%;
object-fit: cover;
filter:
grayscale(1)
sepia(0.28);
}
.fp-personnage__related-content {
padding: 23px;
}
.fp-personnage__related-label {
display: block;
margin-bottom: 7px;
color: var(--fp-gold);
font-size: 12px;
letter-spacing: 0.11em;
text-transform: uppercase;
}
.fp-personnage__related-name {
color: var(--fp-ivory);
font-family: var(--fp-display);
font-size: 23px;
} @media (max-width: 920px) {
.fp-personnage__hero-inner,
.fp-personnage__facts-inner,
.fp-personnage__sequence-inner,
.fp-personnage__related-inner {
width: min(calc(100% - 32px), 1400px);
}
.fp-personnage__hero-inner {
display: flex;
flex-direction: column;
}
.fp-personnage__hero-content {
order: 1;
padding: 54px 18px 30px;
text-align: center;
}
.fp-personnage__label {
justify-content: center;
}
.fp-personnage__chapo {
margin-right: auto;
margin-left: auto;
font-size: 23px !important;
text-align: left;
}
.fp-personnage__portrait {
order: 2;
min-height: 340px;
}
.fp-personnage__facts-inner {
grid-template-columns: 1fr;
}
.fp-personnage__sequence--with-aside
.fp-personnage__sequence-inner {
grid-template-columns: 1fr;
}
.fp-personnage__sequence--aside-left
.fp-personnage__sequence-content,
.fp-personnage__sequence--aside-right
.fp-personnage__sequence-content {
order: 1;
}
.fp-personnage__sequence--aside-left
.fp-personnage__sequence-aside,
.fp-personnage__sequence--aside-right
.fp-personnage__sequence-aside {
order: 2;
}
.fp-personnage__sequence--with-aside
.fp-personnage__sequence-content {
max-width: none;
}
.fp-personnage__related-grid {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}
} @media (max-width: 580px) {
.fp-personnage {
font-size: 19px;
}
.fp-personnage__hero-inner,
.fp-personnage__facts-inner,
.fp-personnage__sequence-inner,
.fp-personnage__related-inner {
width: calc(100% - 22px);
}
.fp-personnage__title {
font-size: clamp(50px, 16vw, 72px) !important;
}
.fp-personnage__subtitle {
font-size: clamp(31px, 9vw, 40px) !important;
}
.fp-personnage__chapo {
font-size: 21px !important;
}
.fp-personnage__identity,
.fp-personnage__timeline {
padding: 32px 22px;
}
.fp-personnage__identity-list {
grid-template-columns: 1fr;
}
.fp-personnage__identity-list dt {
padding-bottom: 2px;
color: var(--fp-gold-light);
border-bottom: 0;
}
.fp-personnage__identity-list dd {
padding-top: 0;
padding-bottom: 15px;
}
.fp-personnage__timeline-item {
grid-template-columns:
12px
55px
minmax(0, 1fr);
gap: 8px;
}
.fp-personnage__timeline-text {
font-size: 19px !important;
}
.fp-personnage__sequence {
padding: 48px 0;
}
.fp-personnage__sequence-content p,
.fp-personnage__sequence-content li {
font-size: 19px;
}
.fp-personnage__sequence blockquote,
.fp-personnage__sequence .wp-block-quote,
.fp-personnage__sequence .wp-block-pullquote {
padding: 54px 22px 34px !important;
}
.fp-personnage__sequence blockquote p,
.fp-personnage__sequence .wp-block-quote p,
.fp-personnage__sequence .wp-block-pullquote p {
font-size: 30px !important;
}
.fp-personnage__related-grid {
grid-template-columns: 1fr;
}
}  .fp-personnage .fp-preserve-style.mp-article {
width: 100%;
max-width: 1400px;
margin: 0 auto !important;
padding: 0 !important;
color: initial;
background: transparent !important;
font-family: initial;
column-span: all;
} .fp-personnage
.fp-preserve-style
.mp-book-ad p,
.fp-personnage
.fp-preserve-style
.mp-book-ad li,
.fp-personnage
.fp-preserve-style
.mp-book-ad h2,
.fp-personnage
.fp-preserve-style
.mp-book-ad h3,
.fp-personnage
.fp-preserve-style
.mp-book-ad a {
font-size: revert;
line-height: revert;
} .fp-personnage
.fp-preserve-style
.mp-book-ad
.mp-ad-title {
font-family:
"Market Deco",
"MarketDeco",
"Limelight",
"Park Lane",
sans-serif !important;
color: #081426 !important;
} .fp-personnage
.fp-preserve-style
.mp-book-ad
.mp-ad-text {
font-family:
"Poiret One",
sans-serif !important;
color: #252a32 !important;
} .fp-personnage
.fp-preserve-style
.mp-book-ad
.mp-ad-label {
font-family:
"Poiret One",
sans-serif !important;
color: #806693 !important;
} .fp-personnage
.fp-preserve-style
.mp-book-ad
.mp-ad-button
.wp-block-button__link {
display: inline-block !important;
padding: 14px 26px !important;
color: #081426 !important;
background: #c8a45f !important;
font-family:
"Poiret One",
sans-serif !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.3 !important;
letter-spacing: 0.16em !important;
text-decoration: none !important;
text-transform: uppercase;
border: 1px solid #c8a45f !important;
border-radius: 0 !important;
pointer-events: auto !important;
cursor: pointer !important;
}
.fp-personnage
.fp-preserve-style
.mp-book-ad
.mp-ad-button
.wp-block-button__link:hover,
.fp-personnage
.fp-preserve-style
.mp-book-ad
.mp-ad-button
.wp-block-button__link:focus {
color: #f4ead7 !important;
background: #081426 !important;
border-color: #081426 !important;
}  .fp-personnage .mp-book-ad .mp-ad-title,
.fp-personnage .fp-preserve-style .mp-book-ad .mp-ad-title {
font-family:
"Park Lane",
"ParkLane",
"Cinzel",
Georgia,
serif !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1.04 !important;
letter-spacing: 0.015em !important;
text-transform: uppercase;
} .fp-personnage .mp-book-ad .mp-book-cover,
.fp-personnage .fp-preserve-style .mp-book-ad .mp-book-cover {
width: min(100%, 420px) !important;
max-width: 420px !important;
margin-right: auto !important;
margin-left: auto !important;
}
.fp-personnage .mp-book-ad .mp-book-cover img,
.fp-personnage .fp-preserve-style .mp-book-ad .mp-book-cover img {
display: block !important;
width: 100% !important;
height: auto !important;
max-width: none !important;
filter: none !important;
} .fp-personnage__sequence details summary,
.fp-personnage__sequence .wp-block-details summary,
.fp-personnage__sequence-content details summary,
.fp-personnage__sequence-content .wp-block-details summary {
font-family:
"Poiret One",
sans-serif !important;
font-size: 22px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1.35 !important;
letter-spacing: 0.045em !important;
} @media (max-width: 920px) {
.fp-personnage .mp-book-ad .mp-book-cover,
.fp-personnage .fp-preserve-style .mp-book-ad .mp-book-cover {
width: min(100%, 350px) !important;
max-width: 350px !important;
}
} @media (max-width: 580px) {
.fp-personnage .mp-book-ad .mp-book-cover,
.fp-personnage .fp-preserve-style .mp-book-ad .mp-book-cover {
width: min(100%, 300px) !important;
max-width: 300px !important;
}
.fp-personnage__sequence details summary,
.fp-personnage__sequence .wp-block-details summary,
.fp-personnage__sequence-content details summary,
.fp-personnage__sequence-content .wp-block-details summary {
font-size: 20px !important;
line-height: 1.4 !important;
letter-spacing: 0.035em !important;
}
}  .fp-personnage .mp-book-ad .mp-ad-title,
.fp-personnage .fp-preserve-style .mp-book-ad .mp-ad-title,
.fp-personnage .mp-book-ad h1,
.fp-personnage .mp-book-ad h2,
.fp-personnage .mp-book-ad h3,
.fp-personnage .mp-book-ad .wp-block-heading,
.fp-personnage .fp-preserve-style .mp-book-ad h1,
.fp-personnage .fp-preserve-style .mp-book-ad h2,
.fp-personnage .fp-preserve-style .mp-book-ad h3,
.fp-personnage .fp-preserve-style .mp-book-ad .wp-block-heading {
font-family:
"ParkLane",
"Park Lane",
"Park-Lane",
"Cinzel",
Georgia,
serif !important;
font-style: normal !important;
font-weight: 400 !important;
font-synthesis: none !important;
line-height: 1.02 !important;
letter-spacing: 0.015em !important;
text-transform: uppercase !important;
} @media (min-width: 921px) {
.fp-personnage .mp-book-ad > .kt-row-column-wrap,
.fp-personnage .fp-preserve-style .mp-book-ad > .kt-row-column-wrap {
display: grid !important;
grid-template-columns:
minmax(430px, 0.95fr)
minmax(0, 1.05fr) !important;
align-items: center !important;
column-gap: clamp(45px, 5vw, 76px) !important;
}
} .fp-personnage .mp-book-ad .mp-book-cover,
.fp-personnage .fp-preserve-style .mp-book-ad .mp-book-cover {
width: min(100%, 490px) !important;
max-width: 490px !important;
margin-right: auto !important;
margin-left: auto !important;
}
.fp-personnage .mp-book-ad .mp-book-cover figure,
.fp-personnage .mp-book-ad .mp-book-cover .wp-block-image,
.fp-personnage .fp-preserve-style .mp-book-ad .mp-book-cover figure,
.fp-personnage .fp-preserve-style .mp-book-ad .mp-book-cover .wp-block-image {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
}
.fp-personnage .mp-book-ad .mp-book-cover img,
.fp-personnage .fp-preserve-style .mp-book-ad .mp-book-cover img {
display: block !important;
width: 100% !important;
max-width: none !important;
height: auto !important;
margin: 0 !important;
filter: none !important;
} @media (max-width: 920px) {
.fp-personnage .mp-book-ad .mp-book-cover,
.fp-personnage .fp-preserve-style .mp-book-ad .mp-book-cover {
width: min(100%, 400px) !important;
max-width: 400px !important;
}
} @media (max-width: 580px) {
.fp-personnage .mp-book-ad .mp-book-cover,
.fp-personnage .fp-preserve-style .mp-book-ad .mp-book-cover {
width: min(100%, 330px) !important;
max-width: 330px !important;
}
} .fp-personnage .fp-personnage__title,
.fp-personnage .fp-personnage__title * {
font-family: "Limelight", sans-serif !important;
font-style: normal !important;
font-weight: 400 !important;
font-synthesis: none !important;
}  .fp-personnage__sequence:has(.fp-book-wide)
.fp-personnage__sequence-inner {
width: min(calc(100% - 48px), 1400px) !important;
max-width: 1400px !important;
margin-right: auto !important;
margin-left: auto !important;
} .fp-personnage__sequence:has(.fp-book-wide)
.fp-personnage__sequence-content {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
} .fp-personnage .fp-book-wide,
.fp-personnage .fp-book-wide > div,
.fp-personnage .fp-book-wide .mp-book-ad {
width: 100% !important;
max-width: none !important;
margin-right: 0 !important;
margin-left: 0 !important;
} .fp-personnage .fp-book-wide.is-layout-constrained,
.fp-personnage .fp-book-wide.is-layout-flow {
max-width: none !important;
}
.fp-personnage .fp-book-wide > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
width: 100% !important;
max-width: none !important;
margin-right: 0 !important;
margin-left: 0 !important;
} .fp-personnage .fp-book-wide
.mp-book-ad > .kt-row-column-wrap,
.fp-personnage .fp-book-wide
.mp-book-ad .kt-row-column-wrap {
width: 100% !important;
max-width: none !important;
display: grid !important;
grid-template-columns:
minmax(440px, 0.92fr)
minmax(0, 1.08fr) !important;
align-items: center !important;
column-gap: clamp(48px, 6vw, 90px) !important;
padding:
clamp(42px, 5vw, 70px)
clamp(38px, 5vw, 76px) !important;
} .fp-personnage .fp-book-wide
.mp-book-cover {
width: min(100%, 520px) !important;
max-width: 520px !important;
margin-right: auto !important;
margin-left: auto !important;
}
.fp-personnage .fp-book-wide
.mp-book-cover figure,
.fp-personnage .fp-book-wide
.mp-book-cover .wp-block-image {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
}
.fp-personnage .fp-book-wide
.mp-book-cover img {
display: block !important;
width: 100% !important;
max-width: none !important;
height: auto !important;
margin: 0 !important;
filter: none !important;
} .fp-personnage .fp-book-wide
.mp-ad-title,
.fp-personnage .fp-book-wide
.mp-ad-title *,
.fp-personnage .fp-book-wide
.mp-book-copy h1,
.fp-personnage .fp-book-wide
.mp-book-copy h2,
.fp-personnage .fp-book-wide
.mp-book-copy h3 {
width: 100% !important;
max-width: none !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
text-wrap: balance;
} @media (max-width: 920px) {
.fp-personnage .fp-book-wide
.mp-book-ad > .kt-row-column-wrap,
.fp-personnage .fp-book-wide
.mp-book-ad .kt-row-column-wrap {
grid-template-columns: 1fr !important;
row-gap: 44px !important;
}
.fp-personnage .fp-book-wide
.mp-book-cover {
width: min(100%, 430px) !important;
max-width: 430px !important;
}
.fp-personnage .fp-book-wide
.mp-book-copy {
text-align: center;
}
} @media (max-width: 580px) {
.fp-personnage__sequence:has(.fp-book-wide)
.fp-personnage__sequence-inner {
width: calc(100% - 20px) !important;
}
.fp-personnage .fp-book-wide
.mp-book-ad > .kt-row-column-wrap,
.fp-personnage .fp-book-wide
.mp-book-ad .kt-row-column-wrap {
padding:
36px
18px !important;
}
.fp-personnage .fp-book-wide
.mp-book-cover {
width: min(100%, 340px) !important;
max-width: 340px !important;
}
}  .fp-personnage .fp-encadre {
position: relative;
width: 100%;
margin: 0 !important;
padding:
clamp(34px, 4vw, 48px)
clamp(28px, 3.5vw, 42px) !important;
overflow: hidden;
color: var(--fp-ivory);
background:
linear-gradient(
145deg,
rgba(198, 161, 91, 0.11),
transparent 58%
),
rgba(4, 23, 43, 0.92);
border: 1px solid var(--fp-gold);
box-shadow:
inset 0 0 0 6px rgba(198, 161, 91, 0.035),
0 22px 52px rgba(0, 0, 0, 0.27);
} .fp-personnage .fp-encadre::before,
.fp-personnage .fp-encadre::after {
position: absolute;
width: 36px;
height: 36px;
content: "";
pointer-events: none;
}
.fp-personnage .fp-encadre::before {
top: 9px;
left: 9px;
border-top: 2px solid var(--fp-gold);
border-left: 2px solid var(--fp-gold);
}
.fp-personnage .fp-encadre::after {
right: 9px;
bottom: 9px;
border-right: 2px solid var(--fp-gold);
border-bottom: 2px solid var(--fp-gold);
} .fp-personnage .fp-encadre h2,
.fp-personnage .fp-encadre h3,
.fp-personnage .fp-encadre h4 {
margin: 0 0 20px !important;
color: var(--fp-gold-light) !important;
font-family: var(--fp-panel) !important;
font-size: clamp(25px, 2.4vw, 34px) !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1.2 !important;
letter-spacing: 0.055em;
text-transform: uppercase;
}
.fp-personnage .fp-encadre p,
.fp-personnage .fp-encadre li {
color: rgba(244, 240, 230, 0.92) !important;
font-family: var(--fp-editorial) !important;
font-size: 21px !important;
font-weight: 500 !important;
line-height: 1.56 !important;
}
.fp-personnage .fp-encadre p {
margin-top: 0 !important;
margin-bottom: 1em !important;
}
.fp-personnage .fp-encadre p:last-child {
margin-bottom: 0 !important;
} .fp-personnage .fp-encadre__label {
display: block;
margin: 0 0 15px !important;
color: var(--fp-gold) !important;
font-family: var(--fp-panel) !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.3 !important;
letter-spacing: 0.15em;
text-transform: uppercase;
} .fp-personnage .fp-encadre--chiffre {
text-align: center;
background:
radial-gradient(
circle at 50% 10%,
rgba(41, 91, 137, 0.42),
transparent 60%
),
var(--fp-navy-950);
}
.fp-personnage .fp-encadre--chiffre
.fp-encadre__valeur {
display: block;
margin: 0 0 14px !important;
color: var(--fp-gold-light) !important;
font-family: var(--fp-quote) !important;
font-size: clamp(72px, 8vw, 116px) !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 0.88 !important;
letter-spacing: -0.035em;
}
.fp-personnage .fp-encadre--chiffre
.fp-encadre__unite {
display: block;
margin: 0 0 18px !important;
color: var(--fp-gold) !important;
font-family: var(--fp-panel) !important;
font-size: 15px !important;
line-height: 1.3 !important;
letter-spacing: 0.13em;
text-transform: uppercase;
} .fp-personnage .fp-encadre--anecdote {
color: var(--fp-ink);
background:
linear-gradient(
135deg,
rgba(255, 255, 255, 0.44),
transparent 58%
),
var(--fp-ivory);
}
.fp-personnage .fp-encadre--anecdote h2,
.fp-personnage .fp-encadre--anecdote h3,
.fp-personnage .fp-encadre--anecdote h4 {
color: var(--fp-gold-dark) !important;
}
.fp-personnage .fp-encadre--anecdote p,
.fp-personnage .fp-encadre--anecdote li {
color: var(--fp-ink) !important;
} .fp-personnage .fp-encadre--archive {
color: var(--fp-ink);
background:
linear-gradient(
108deg,
rgba(255, 255, 255, 0.32),
transparent 52%
),
var(--fp-paper);
box-shadow:
inset 0 0 42px rgba(91, 63, 25, 0.08),
0 22px 52px rgba(0, 0, 0, 0.24);
}
.fp-personnage .fp-encadre--archive h2,
.fp-personnage .fp-encadre--archive h3,
.fp-personnage .fp-encadre--archive h4 {
color: var(--fp-gold-dark) !important;
}
.fp-personnage .fp-encadre--archive p,
.fp-personnage .fp-encadre--archive li {
color: #302d28 !important;
}
.fp-personnage .fp-encadre--archive img {
width: 100%;
height: auto;
margin-bottom: 20px;
filter:
grayscale(1)
sepia(0.35)
contrast(1.06);
} .fp-personnage .fp-encadre--fait::before {
width: 52px;
height: 52px;
}
.fp-personnage .fp-encadre--fait h3::after {
display: block;
width: 58px;
height: 1px;
margin-top: 15px;
content: "";
background: var(--fp-gold);
} @media (max-width: 920px) {
.fp-personnage .fp-encadre {
max-width: 760px;
margin-right: auto !important;
margin-left: auto !important;
}
}
@media (max-width: 580px) {
.fp-personnage .fp-encadre {
padding:
34px
22px !important;
}
.fp-personnage .fp-encadre h2,
.fp-personnage .fp-encadre h3,
.fp-personnage .fp-encadre h4 {
font-size: 25px !important;
}
.fp-personnage .fp-encadre p,
.fp-personnage .fp-encadre li {
font-size: 19px !important;
line-height: 1.55 !important;
}
.fp-personnage .fp-encadre--chiffre
.fp-encadre__valeur {
font-size: clamp(66px, 21vw, 94px) !important;
}
} .fp-personnage .fp-section-composee {
display: grid !important;
grid-template-columns:
minmax(0, 0.88fr)
minmax(0, 1.12fr) !important;
align-items: start !important;
gap: clamp(48px, 6vw, 88px) !important;
width: 100%;
max-width: 1180px;
margin: 0 auto !important;
}
.fp-personnage .fp-section-composee
> .wp-block-column {
min-width: 0;
margin: 0 !important;
flex-basis: auto !important;
}
.fp-personnage .fp-section-composee__gauche {
display: flex;
flex-direction: column;
gap: 0;
}
.fp-personnage .fp-section-composee__gauche h2 {
margin-bottom: 28px !important;
}
.fp-personnage .fp-section-composee__gauche
> p {
margin-bottom: 32px !important;
}
.fp-personnage .fp-section-composee__gauche
.fp-encadre {
margin-top: 14px !important;
}
.fp-personnage .fp-section-composee__droite {
padding-top: 5px;
}
.fp-personnage .fp-section-composee__droite p {
margin-top: 0 !important;
margin-bottom: 1.4em !important;
}
.fp-personnage .fp-section-composee__droite
p:last-child {
margin-bottom: 0 !important;
} @media (max-width: 920px) {
.fp-personnage .fp-section-composee {
grid-template-columns: 1fr !important;
gap: 38px !important;
}
.fp-personnage .fp-section-composee__gauche,
.fp-personnage .fp-section-composee__droite {
width: 100%;
padding-top: 0;
}
.fp-personnage .fp-section-composee__gauche
.fp-encadre {
max-width: 720px;
margin-right: auto !important;
margin-left: auto !important;
}
} body.fp-personnage-page .site-header .site-title,
body.fp-personnage-page .site-header .site-description,
body.fp-personnage-page #masthead .site-title,
body.fp-personnage-page #masthead .site-description,
body.fp-personnage-page .site-branding .site-title-wrap,
body.fp-personnage-page .wp-block-site-title,
body.fp-personnage-page .wp-block-site-tagline {
display: none !important;
} body.fp-personnage-page #masthead,
body.fp-personnage-page .site-header {
position: relative !important;
background: #041426 !important;
} .fp-personnage {
--fp-svg-hero: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 90'%3E%3Cg fill='none' stroke='%23C6A15B' stroke-width='2' stroke-linecap='square'%3E%3Cpath d='M18 72h112M290 72h112M130 72l80-54 80 54M160 72l50-34 50 34M210 18v54M184 44l26-26 26 26'/%3E%3Ccircle cx='210' cy='18' r='5' fill='%23C6A15B'/%3E%3C/g%3E%3C/svg%3E");
--fp-svg-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 28'%3E%3Cg fill='none' stroke='%23C6A15B' stroke-width='2'%3E%3Cpath d='M5 14h116M179 14h116'/%3E%3Cpath d='M150 3l18 11-18 11-18-11z'/%3E%3Cpath d='M150 8l10 6-10 6-10-6z'/%3E%3C/g%3E%3C/svg%3E");
--fp-svg-corner: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90'%3E%3Cg fill='none' stroke='%23C6A15B' stroke-width='2'%3E%3Cpath d='M6 74V6h68'/%3E%3Cpath d='M18 74V18h56'/%3E%3Cpath d='M30 74V30h44'/%3E%3Cpath d='M6 30h24V6'/%3E%3C/g%3E%3C/svg%3E");
} .fp-personnage .fp-personnage__hero-inner {
position: relative;
isolation: isolate;
}
.fp-personnage .fp-personnage__hero-inner::before {
position: absolute;
z-index: 0;
left: 50%;
bottom: 18px;
width: min(420px, 46vw);
aspect-ratio: 420 / 90;
content: "";
pointer-events: none;
background-image: var(--fp-svg-hero);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.55;
transform: translateX(-50%);
}
.fp-personnage .fp-personnage__hero-inner > * {
position: relative;
z-index: 1;
} .fp-personnage
.fp-personnage__sequence-content
> h2::after,
.fp-personnage
.fp-personnage__sequence-content
> .wp-block-heading::after,
.fp-personnage
.fp-personnage__panel-title::after,
.fp-personnage
.fp-personnage__timeline-title::after,
.fp-personnage
.fp-personnage__related-title::after {
display: block;
width: min(300px, 78%);
height: 28px;
margin-top: 17px;
content: "";
background-image: var(--fp-svg-divider);
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
opacity: 0.82;
} .fp-personnage
.fp-personnage__related-title::after {
margin-right: auto;
margin-left: auto;
background-position: center;
} .fp-personnage .fp-personnage__identity,
.fp-personnage .fp-personnage__timeline {
position: relative;
overflow: hidden;
}
.fp-personnage .fp-personnage__identity::before,
.fp-personnage .fp-personnage__timeline::after {
position: absolute;
width: 82px;
height: 82px;
content: "";
pointer-events: none;
background-image: var(--fp-svg-corner);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.45;
}
.fp-personnage .fp-personnage__identity::before {
top: 10px;
left: 10px;
}
.fp-personnage .fp-personnage__timeline::after {
right: 10px;
bottom: 10px;
transform: rotate(180deg);
} .fp-personnage .fp-personnage__identity > *,
.fp-personnage .fp-personnage__timeline > * {
position: relative;
z-index: 1;
} .fp-personnage .fp-encadre {
position: relative;
}
.fp-personnage .fp-encadre > * {
position: relative;
z-index: 1;
}
.fp-personnage .fp-encadre::after {
position: absolute;
right: 12px;
bottom: 12px;
width: 64px;
height: 64px;
content: "";
pointer-events: none;
background-image: var(--fp-svg-corner);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.32;
transform: rotate(180deg);
} @media (max-width: 920px) {
.fp-personnage .fp-personnage__hero-inner::before {
width: min(330px, 56vw);
bottom: 12px;
}
.fp-personnage .fp-personnage__identity::before,
.fp-personnage .fp-personnage__timeline::after {
width: 68px;
height: 68px;
}
}
@media (max-width: 580px) {
.fp-personnage .fp-personnage__hero-inner::before {
width: 230px;
bottom: 8px;
opacity: 0.4;
}
.fp-personnage
.fp-personnage__sequence-content
> h2::after,
.fp-personnage
.fp-personnage__sequence-content
> .wp-block-heading::after,
.fp-personnage
.fp-personnage__panel-title::after,
.fp-personnage
.fp-personnage__timeline-title::after,
.fp-personnage
.fp-personnage__related-title::after {
width: min(230px, 82%);
height: 24px;
margin-top: 13px;
}
.fp-personnage .fp-personnage__identity::before,
.fp-personnage .fp-personnage__timeline::after {
width: 54px;
height: 54px;
opacity: 0.3;
}
.fp-personnage .fp-encadre::after {
width: 48px;
height: 48px;
}
}  .fp-personnage .fp-personnage__identity {
text-align: center !important;
}
.fp-personnage .fp-personnage__panel-title {
width: 100%;
text-align: center !important;
}
.fp-personnage .fp-personnage__identity-list {
width: 100%;
margin-right: auto !important;
margin-left: auto !important;
}
.fp-personnage .fp-personnage__identity-list dt,
.fp-personnage .fp-personnage__identity-list dd {
width: 100%;
text-align: center !important;
} .fp-personnage .fp-personnage__panel-title::after {
display: block !important;
margin-top: 17px !important;
margin-right: auto !important;
margin-left: auto !important;
background-position: center !important;
} .fp-personnage .fp-personnage__timeline-title::after {
display: block !important;
margin-top: 17px !important;
margin-right: auto !important;
margin-left: auto !important;
background-position: center !important;
} .fp-personnage
.fp-personnage__sequence
.fp-personnage__sequence-content h2::after,
.fp-personnage
.fp-personnage__sequence
h2.wp-block-heading::after {
display: block !important;
width: min(300px, 78%) !important;
height: 28px !important;
margin-top: 17px !important;
margin-right: auto !important;
margin-left: 0 !important;
content: "" !important;
background-image: var(--fp-svg-divider) !important;
background-repeat: no-repeat !important;
background-position: left center !important;
background-size: contain !important;
opacity: 0.82 !important;
} @media (max-width: 580px) {
.fp-personnage
.fp-personnage__sequence
.fp-personnage__sequence-content h2::after,
.fp-personnage
.fp-personnage__sequence
h2.wp-block-heading::after {
width: min(230px, 82%) !important;
height: 24px !important;
margin-top: 13px !important;
}
}  .fp-ville {
--fpv-noir: #0B0B0B;
--fpv-bleu: #0F1E33;
--fpv-bleu-profond: #081525;
--fpv-bleu-clair: #183452;
--fpv-or: #C6A15B;
--fpv-or-clair: #D8BB7A;
--fpv-or-sombre: #8F6C32;
--fpv-ivoire: #F4F0E6;
--fpv-papier: #E8E0CF;
--fpv-encre: #17202A;
--fpv-gris: #6B6B6B;
--fpv-titre: "Limelight", sans-serif;
--fpv-sous-titre: "Market Deco", "Cinzel", serif;
--fpv-editorial: "Cormorant Garamond", serif;
--fpv-corps: "Inter", sans-serif;
--fpv-panel: "Poiret One", sans-serif;
--fpv-date: "Italiana", serif; --fpv-svg-hero: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 130'%3E%3Cg fill='none' stroke='%23C6A15B' stroke-width='2'%3E%3Cpath d='M18 104h524M70 104V72h30v32M110 104V51h34v53M154 104V63h26v41M190 104V36h42v68M244 104V58h28v46M286 104V44h35v60M334 104V67h29v37M374 104V29h45v75M431 104V55h30v49M472 104V73h28v31'/%3E%3Cpath d='M280 10l10 24 24 10-24 10-10 24-10-24-24-10 24-10z'/%3E%3Ccircle cx='280' cy='44' r='5' fill='%23C6A15B'/%3E%3Cpath d='M280 5v78M241 44h78'/%3E%3C/g%3E%3C/svg%3E"); --fpv-svg-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 34'%3E%3Cg fill='none' stroke='%23C6A15B' stroke-width='2'%3E%3Cpath d='M4 17h112M244 17h112'/%3E%3Cpath d='M116 17h20l12-12 12 12 20-12 20 12 12-12 12 12h20'/%3E%3Cpath d='M148 17l12 12 20-12 20 12 12-12'/%3E%3C/g%3E%3C/svg%3E"); --fpv-svg-corner: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23C6A15B' stroke-width='2'%3E%3Cpath d='M8 84V8h76M20 84V20h64M32 84V32h52'/%3E%3Cpath d='M8 38h30V8M20 50h30V20'/%3E%3Cpath d='M8 84l24-24M20 84l24-24'/%3E%3C/g%3E%3C/svg%3E");
position: relative;
width: 100vw;
max-width: none !important;
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
overflow: hidden;
color: var(--fpv-encre);
background: var(--fpv-ivoire);
font-family: var(--fpv-corps);
font-size: 20px;
line-height: 1.7;
}
.fp-ville,
.fp-ville *,
.fp-ville *::before,
.fp-ville *::after {
box-sizing: border-box;
}
.fp-ville img {
max-width: 100%;
height: auto;
} body.fp-ville-page {
background: var(--fpv-ivoire);
}
body.fp-ville-page .entry-content,
body.fp-ville-page .post-content,
body.fp-ville-page .site-content {
max-width: none !important;
}
body.fp-ville-page .entry-content {
margin: 0 !important;
padding: 0 !important;
} body.fp-ville-page .site-header .site-title,
body.fp-ville-page .site-header .site-description,
body.fp-ville-page #masthead .site-title,
body.fp-ville-page #masthead .site-description,
body.fp-ville-page .site-branding .site-title-wrap,
body.fp-ville-page .wp-block-site-title,
body.fp-ville-page .wp-block-site-tagline {
display: none !important;
} body.fp-ville-page .site-main > article > .entry-header,
body.fp-ville-page main .post > .entry-header {
display: none !important;
} .fp-ville .fp-ville__hero {
position: relative;
color: var(--fpv-bleu);
background:
radial-gradient(
circle at 12% 10%,
rgba(198, 161, 91, 0.14),
transparent 34%
),
linear-gradient(
135deg,
rgba(255, 255, 255, 0.52),
transparent 58%
),
var(--fpv-ivoire);
border-bottom: 1px solid rgba(198, 161, 91, 0.55);
}
.fp-ville .fp-ville__hero-inner {
position: relative;
width: min(calc(100% - 64px), 1400px);
margin: 0 auto;
padding:
clamp(72px, 8vw, 120px)
0
clamp(64px, 7vw, 100px);
}
.fp-ville .fp-ville__hero-content {
position: relative;
z-index: 2;
max-width: 1040px;
margin: 0 auto;
text-align: center;
} .fp-ville .fp-ville__label {
margin: 0 0 22px !important;
color: var(--fpv-or-sombre) !important;
font-family: var(--fpv-panel) !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 1.3 !important;
letter-spacing: 0.2em;
text-transform: uppercase;
} .fp-ville .fp-ville__title,
.fp-ville .fp-ville__title * {
margin: 0 !important;
color: var(--fpv-bleu) !important;
font-family: var(--fpv-titre) !important;
font-size: clamp(58px, 7vw, 108px) !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 0.98 !important;
letter-spacing: 0.015em;
text-transform: uppercase;
text-wrap: balance;
} .fp-ville .fp-ville__subtitle {
margin: 26px 0 0 !important;
color: var(--fpv-or-sombre) !important;
font-family: var(--fpv-sous-titre) !important;
font-size: clamp(30px, 3.4vw, 48px) !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1.15 !important;
letter-spacing: 0.035em;
text-wrap: balance;
} .fp-ville .fp-ville__chapo {
max-width: 920px;
margin: 34px auto 0;
}
.fp-ville .fp-ville__chapo p {
margin: 0 !important;
color: #343535 !important;
font-family: var(--fpv-editorial) !important;
font-size: clamp(23px, 2.1vw, 28px) !important;
font-weight: 500 !important;
line-height: 1.55 !important;
text-wrap: pretty;
} .fp-ville .fp-ville__hero-content::after {
display: block;
width: min(560px, 72vw);
height: 130px;
margin: 38px auto 0;
content: "";
background-image: var(--fpv-svg-hero);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.62;
} .fp-ville .fp-ville__hero-media {
position: relative;
z-index: 2;
width: 100%;
margin:
clamp(42px, 5vw, 72px)
0
0 !important;
overflow: hidden;
background: var(--fpv-bleu-profond);
border: 1px solid var(--fpv-or);
box-shadow:
0 34px 72px rgba(15, 30, 51, 0.24),
0 4px 14px rgba(15, 30, 51, 0.15);
}
.fp-ville .fp-ville__hero-image {
display: block;
width: 100% !important;
height: auto !important;
aspect-ratio: 16 / 7;
object-fit: cover;
object-position: center;
filter:
saturate(0.82)
contrast(1.05)
sepia(0.08);
}
.fp-ville .fp-ville__hero-caption {
padding: 14px 22px;
color: rgba(244, 240, 230, 0.84);
background: var(--fpv-bleu-profond);
font-family: var(--fpv-corps);
font-size: 14px;
line-height: 1.5;
text-align: center;
letter-spacing: 0.03em;
} .fp-ville .fp-ville__facts {
position: relative;
color: var(--fpv-ivoire);
background:
linear-gradient(
120deg,
rgba(198, 161, 91, 0.075),
transparent 52%
),
var(--fpv-bleu-profond);
border-top: 1px solid rgba(198, 161, 91, 0.55);
border-bottom: 1px solid rgba(198, 161, 91, 0.55);
}
.fp-ville .fp-ville__facts-inner {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: clamp(36px, 5vw, 70px);
width: min(calc(100% - 64px), 1200px);
margin: 0 auto;
padding:
clamp(70px, 8vw, 112px)
0;
}
.fp-ville .fp-ville__identity,
.fp-ville .fp-ville__timeline {
position: relative;
min-width: 0;
padding:
clamp(38px, 4vw, 56px)
clamp(28px, 4vw, 48px);
overflow: hidden;
background:
linear-gradient(
145deg,
rgba(255, 255, 255, 0.045),
transparent 58%
),
rgba(15, 30, 51, 0.78);
border: 1px solid rgba(198, 161, 91, 0.7);
box-shadow:
inset 0 0 0 6px rgba(198, 161, 91, 0.025),
0 28px 62px rgba(0, 0, 0, 0.22);
} .fp-ville .fp-ville__identity::before,
.fp-ville .fp-ville__timeline::after {
position: absolute;
width: 88px;
height: 88px;
content: "";
pointer-events: none;
background-image: var(--fpv-svg-corner);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.34;
}
.fp-ville .fp-ville__identity::before {
top: 10px;
left: 10px;
}
.fp-ville .fp-ville__timeline::after {
right: 10px;
bottom: 10px;
transform: rotate(180deg);
}
.fp-ville .fp-ville__identity > *,
.fp-ville .fp-ville__timeline > * {
position: relative;
z-index: 1;
} .fp-ville .fp-ville__panel-title,
.fp-ville .fp-ville__timeline-title {
margin: 0 0 34px !important;
color: var(--fpv-or-clair) !important;
font-family: var(--fpv-panel) !important;
font-size: clamp(31px, 3vw, 42px) !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1.15 !important;
text-align: center !important;
letter-spacing: 0.07em;
text-transform: uppercase;
}
.fp-ville .fp-ville__panel-title::after,
.fp-ville .fp-ville__timeline-title::after {
display: block;
width: min(320px, 84%);
height: 34px;
margin: 18px auto 0;
content: "";
background-image: var(--fpv-svg-divider);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.78;
} .fp-ville .fp-ville__identity {
text-align: center;
}
.fp-ville .fp-ville__identity-list {
display: grid;
grid-template-columns: 1fr;
width: 100%;
margin: 0 !important;
}
.fp-ville .fp-ville__identity-list dt {
margin: 22px 0 5px !important;
color: var(--fpv-or) !important;
font-family: var(--fpv-panel) !important;
font-size: 15px !important;
font-weight: 400 !important;
line-height: 1.3 !important;
text-align: center;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.fp-ville .fp-ville__identity-list dt:first-child {
margin-top: 0 !important;
}
.fp-ville .fp-ville__identity-list dd {
margin: 0 !important;
color: var(--fpv-ivoire) !important;
font-family: var(--fpv-editorial) !important;
font-size: 22px !important;
font-weight: 500 !important;
line-height: 1.42 !important;
text-align: center;
} .fp-ville .fp-ville__timeline-list {
margin: 0 !important;
padding: 0 !important;
list-style: none;
}
.fp-ville .fp-ville__timeline-item {
display: grid;
grid-template-columns: 18px minmax(78px, auto) minmax(0, 1fr);
align-items: start;
gap: 14px;
position: relative;
margin: 0 !important;
padding: 0 0 28px !important;
}
.fp-ville .fp-ville__timeline-item:last-child {
padding-bottom: 0 !important;
}
.fp-ville .fp-ville__timeline-item:not(:last-child)::after {
position: absolute;
top: 17px;
bottom: 0;
left: 7px;
width: 1px;
content: "";
background: rgba(198, 161, 91, 0.42);
}
.fp-ville .fp-ville__timeline-marker {
display: block;
position: relative;
z-index: 1;
width: 15px;
height: 15px;
margin-top: 6px;
background: var(--fpv-or);
border: 3px solid var(--fpv-bleu-profond);
border-radius: 50%;
box-shadow: 0 0 0 1px var(--fpv-or);
}
.fp-ville .fp-ville__timeline-year {
color: var(--fpv-or-clair);
font-family: var(--fpv-date);
font-size: 24px;
line-height: 1.25;
}
.fp-ville .fp-ville__timeline-text {
color: rgba(244, 240, 230, 0.92);
font-family: var(--fpv-editorial);
font-size: 21px;
font-weight: 500;
line-height: 1.5;
} .fp-ville .fp-ville__sequence {
position: relative;
padding:
clamp(72px, 8vw, 116px)
0;
}
.fp-ville .fp-ville__sequence--ivoire {
color: var(--fpv-encre);
background:
radial-gradient(
circle at 90% 15%,
rgba(198, 161, 91, 0.09),
transparent 32%
),
var(--fpv-ivoire);
}
.fp-ville .fp-ville__sequence--bleu {
color: var(--fpv-ivoire);
background:
linear-gradient(
135deg,
rgba(198, 161, 91, 0.075),
transparent 58%
),
var(--fpv-bleu);
}
.fp-ville .fp-ville__sequence-inner {
width: min(calc(100% - 64px), 1240px);
margin: 0 auto;
} .fp-ville .fp-ville__sequence h2,
.fp-ville .fp-ville__sequence .wp-block-heading {
margin:
0
0
clamp(32px, 4vw, 46px) !important;
font-family: "Cinzel", serif !important;
font-size: clamp(35px, 4vw, 52px) !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: 1.15 !important;
letter-spacing: 0.025em;
text-wrap: balance;
}
.fp-ville .fp-ville__sequence--ivoire h2,
.fp-ville .fp-ville__sequence--ivoire .wp-block-heading {
color: var(--fpv-bleu) !important;
}
.fp-ville .fp-ville__sequence--bleu h2,
.fp-ville .fp-ville__sequence--bleu .wp-block-heading {
color: var(--fpv-or-clair) !important;
} .fp-ville .fp-ville__sequence h2::after,
.fp-ville .fp-ville__sequence .wp-block-heading::after {
display: block;
width: min(360px, 78%);
height: 34px;
margin: 19px 0 0;
content: "";
background-image: var(--fpv-svg-divider);
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
opacity: 0.78;
} .fp-ville .fp-ville__sequence p,
.fp-ville .fp-ville__sequence li {
font-family: var(--fpv-corps) !important;
font-size: 20px !important;
font-weight: 400 !important;
line-height: 1.75 !important;
}
.fp-ville .fp-ville__sequence p {
margin-top: 0 !important;
margin-bottom: 1.45em !important;
}
.fp-ville .fp-ville__sequence p:last-child {
margin-bottom: 0 !important;
}
.fp-ville .fp-ville__sequence--ivoire p,
.fp-ville .fp-ville__sequence--ivoire li {
color: #28313A !important;
}
.fp-ville .fp-ville__sequence--bleu p,
.fp-ville .fp-ville__sequence--bleu li {
color: rgba(244, 240, 230, 0.93) !important;
} .fp-ville .fp-ville__sequence--wide
.fp-ville__sequence-content {
max-width: 980px;
margin: 0 auto;
} .fp-ville .fp-ville__sequence--columns
.fp-ville__sequence-content {
column-count: 2;
column-gap: clamp(48px, 6vw, 82px);
column-rule: 1px solid rgba(198, 161, 91, 0.26);
}
.fp-ville .fp-ville__sequence--columns
.fp-ville__sequence-content h2 {
column-span: all;
}
.fp-ville .fp-ville__sequence--columns
.fp-ville__sequence-content p {
break-inside: avoid;
} .fp-ville .fp-ville__sequence-heading {
width: 100%;
margin-bottom: clamp(34px, 4vw, 54px);
} .fp-ville .fp-ville__horizontal-grid {
display: grid;
grid-template-columns:
minmax(0, 1.5fr)
minmax(300px, 1fr);
grid-template-areas:
"media texte";
align-items: center;
gap: clamp(42px, 5vw, 76px);
}
.fp-ville .fp-ville__horizontal-grid
.fp-ville__media {
grid-area: media;
}
.fp-ville .fp-ville__horizontal-grid
.fp-ville__horizontal-text {
grid-area: texte;
} .fp-ville
.fp-ville__sequence--media-right
.fp-ville__horizontal-grid {
grid-template-columns:
minmax(300px, 1fr)
minmax(0, 1.5fr);
grid-template-areas:
"texte media";
} .fp-ville .fp-ville__vertical-grid {
display: grid;
grid-template-columns:
minmax(260px, 0.95fr)
minmax(0, 1fr)
minmax(0, 1fr);
grid-template-areas:
"media texte1 texte2";
align-items: start;
gap: clamp(32px, 4vw, 54px);
}
.fp-ville .fp-ville__vertical-grid
.fp-ville__media {
grid-area: media;
}
.fp-ville .fp-ville__vertical-text-one {
grid-area: texte1;
}
.fp-ville .fp-ville__vertical-text-two {
grid-area: texte2;
} .fp-ville
.fp-ville__sequence--media-right
.fp-ville__vertical-grid {
grid-template-columns:
minmax(0, 1fr)
minmax(0, 1fr)
minmax(260px, 0.95fr);
grid-template-areas:
"texte1 texte2 media";
} .fp-ville .fp-ville__media {
min-width: 0;
}
.fp-ville .fp-ville__media .wp-block-image,
.fp-ville .fp-ville__media figure {
width: 100%;
margin: 0 !important;
}
.fp-ville .fp-ville__media img {
display: block;
width: 100% !important;
max-width: none !important;
height: auto !important;
object-fit: cover;
border: 1px solid var(--fpv-or);
box-shadow:
0 26px 58px rgba(0, 0, 0, 0.22),
0 3px 10px rgba(0, 0, 0, 0.12);
filter:
saturate(0.84)
contrast(1.04)
sepia(0.08);
} .fp-ville
.fp-ville__sequence--media-horizontal
.fp-ville__media img {
aspect-ratio: 16 / 10;
} .fp-ville
.fp-ville__sequence--media-vertical
.fp-ville__media img {
aspect-ratio: 3 / 4;
} .fp-ville .wp-element-caption,
.fp-ville figcaption {
margin-top: 12px !important;
color: inherit;
opacity: 0.72;
font-family: var(--fpv-corps) !important;
font-size: 14px !important;
font-style: normal !important;
line-height: 1.5 !important;
text-align: center;
} .fp-ville .fp-ville-media--wide,
.fp-ville .fp-lieu-media--wide {
width: 100% !important;
max-width: none !important;
margin:
clamp(36px, 5vw, 64px)
0 !important;
}
.fp-ville .fp-ville-media--wide img,
.fp-ville .fp-lieu-media--wide img {
display: block;
width: 100% !important;
max-width: none !important;
height: auto !important;
border: 1px solid var(--fpv-or);
} .fp-ville .wp-block-gallery {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px !important;
margin:
clamp(38px, 5vw, 66px)
0 !important;
}
.fp-ville .wp-block-gallery
.wp-block-image {
width: 100% !important;
margin: 0 !important;
}
.fp-ville .wp-block-gallery img {
display: block;
width: 100% !important;
height: 100% !important;
aspect-ratio: 4 / 3;
object-fit: cover;
border: 1px solid var(--fpv-or);
} .fp-ville .wp-block-gallery
.wp-block-image:first-child:nth-last-child(3) {
grid-column: span 2;
grid-row: span 2;
}
.fp-ville .wp-block-gallery
.wp-block-image:first-child:nth-last-child(3) img {
aspect-ratio: auto;
} .fp-ville .wp-block-quote,
.fp-ville .wp-block-pullquote {
position: relative;
max-width: 880px;
margin:
clamp(42px, 5vw, 72px)
auto !important;
padding:
clamp(36px, 5vw, 58px)
clamp(28px, 5vw, 56px) !important;
border: 1px solid var(--fpv-or) !important;
border-left: 1px solid var(--fpv-or) !important;
text-align: center;
box-shadow:
inset 0 0 0 6px rgba(198, 161, 91, 0.035),
0 22px 52px rgba(0, 0, 0, 0.16);
}
.fp-ville .fp-ville__sequence--ivoire
.wp-block-quote,
.fp-ville .fp-ville__sequence--ivoire
.wp-block-pullquote {
background: rgba(255, 255, 255, 0.36);
}
.fp-ville .fp-ville__sequence--bleu
.wp-block-quote,
.fp-ville .fp-ville__sequence--bleu
.wp-block-pullquote {
background: rgba(4, 20, 38, 0.48);
}
.fp-ville .wp-block-quote p,
.fp-ville .wp-block-pullquote p {
font-family: var(--fpv-date) !important;
font-size: clamp(26px, 2.7vw, 37px) !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1.45 !important;
}
.fp-ville .wp-block-quote cite,
.fp-ville .wp-block-pullquote cite {
display: block;
margin-top: 22px;
color: var(--fpv-or) !important;
font-family: var(--fpv-panel) !important;
font-size: 15px !important;
font-style: normal !important;
line-height: 1.4 !important;
letter-spacing: 0.12em;
text-transform: uppercase;
} .fp-ville details,
.fp-ville .wp-block-details {
width: 100%;
margin: 0 0 18px !important;
border: 1px solid rgba(198, 161, 91, 0.68);
}
.fp-ville .fp-ville__sequence--ivoire details,
.fp-ville .fp-ville__sequence--ivoire
.wp-block-details {
background: rgba(255, 255, 255, 0.4);
}
.fp-ville .fp-ville__sequence--bleu details,
.fp-ville .fp-ville__sequence--bleu
.wp-block-details {
background: rgba(4, 20, 38, 0.42);
}
.fp-ville details summary,
.fp-ville .wp-block-details summary {
position: relative;
padding:
22px
60px
22px
24px;
cursor: pointer;
color: var(--fpv-or-clair);
font-family: var(--fpv-panel) !important;
font-size: 22px !important;
font-weight: 400 !important;
line-height: 1.35 !important;
letter-spacing: 0.035em;
list-style: none;
}
.fp-ville .fp-ville__sequence--ivoire
details summary,
.fp-ville .fp-ville__sequence--ivoire
.wp-block-details summary {
color: var(--fpv-bleu);
}
.fp-ville details summary::-webkit-details-marker {
display: none;
}
.fp-ville details summary::after,
.fp-ville .wp-block-details summary::after {
position: absolute;
top: 50%;
right: 24px;
content: "+";
color: var(--fpv-or);
font-family: var(--fpv-panel);
font-size: 30px;
line-height: 1;
transform: translateY(-50%);
}
.fp-ville details[open] summary::after,
.fp-ville .wp-block-details[open] summary::after {
content: "−";
}
.fp-ville details > :not(summary),
.fp-ville .wp-block-details > :not(summary) {
margin-right: 24px !important;
margin-left: 24px !important;
}
.fp-ville details > :last-child,
.fp-ville .wp-block-details > :last-child {
margin-bottom: 24px !important;
} .fp-ville .fp-ville__sequence a {
color: var(--fpv-or-sombre);
text-decoration-color: rgba(198, 161, 91, 0.6);
text-decoration-thickness: 1px;
text-underline-offset: 4px;
}
.fp-ville .fp-ville__sequence--bleu a {
color: var(--fpv-or-clair);
} .fp-ville .fp-ville__related {
padding:
clamp(76px, 8vw, 116px)
0;
color: var(--fpv-bleu);
background:
linear-gradient(
135deg,
rgba(198, 161, 91, 0.1),
transparent 55%
),
var(--fpv-papier);
border-top: 1px solid rgba(198, 161, 91, 0.6);
}
.fp-ville .fp-ville__related-inner {
width: min(calc(100% - 64px), 1240px);
margin: 0 auto;
}
.fp-ville .fp-ville__related-title {
margin: 0 0 50px !important;
color: var(--fpv-bleu) !important;
font-family: "Cinzel", serif !important;
font-size: clamp(35px, 4vw, 50px) !important;
font-weight: 600 !important;
line-height: 1.15 !important;
text-align: center;
text-wrap: balance;
}
.fp-ville .fp-ville__related-title::after {
display: block;
width: min(360px, 76%);
height: 34px;
margin: 19px auto 0;
content: "";
background-image: var(--fpv-svg-divider);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.78;
}
.fp-ville .fp-ville__related-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(22px, 3vw, 34px);
}
.fp-ville .fp-ville__related-card {
display: flex;
flex-direction: column;
min-width: 0;
overflow: hidden;
color: var(--fpv-ivoire);
background: var(--fpv-bleu-profond);
border: 1px solid var(--fpv-or);
text-decoration: none !important;
box-shadow:
0 22px 52px rgba(15, 30, 51, 0.2);
transition:
transform 220ms ease,
box-shadow 220ms ease;
}
.fp-ville .fp-ville__related-card:hover,
.fp-ville .fp-ville__related-card:focus-visible {
transform: translateY(-6px);
box-shadow:
0 30px 68px rgba(15, 30, 51, 0.28);
}
.fp-ville .fp-ville__related-image {
overflow: hidden;
}
.fp-ville .fp-ville__related-image img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 10;
object-fit: cover;
transition: transform 400ms ease;
}
.fp-ville .fp-ville__related-card:hover
.fp-ville__related-image img {
transform: scale(1.035);
}
.fp-ville .fp-ville__related-content {
display: flex;
flex-direction: column;
gap: 10px;
padding: 25px 26px 29px;
}
.fp-ville .fp-ville__related-label {
color: var(--fpv-or);
font-family: var(--fpv-panel);
font-size: 13px;
line-height: 1.3;
letter-spacing: 0.13em;
text-transform: uppercase;
}
.fp-ville .fp-ville__related-name {
color: var(--fpv-ivoire);
font-family: var(--fpv-editorial);
font-size: 28px;
font-weight: 600;
line-height: 1.22;
} @media (max-width: 920px) {
.fp-ville {
font-size: 19px;
}
.fp-ville .fp-ville__hero-inner,
.fp-ville .fp-ville__facts-inner,
.fp-ville .fp-ville__sequence-inner,
.fp-ville .fp-ville__related-inner {
width: min(calc(100% - 40px), 760px);
}
.fp-ville .fp-ville__hero-image {
aspect-ratio: 16 / 9;
}
.fp-ville .fp-ville__facts-inner {
grid-template-columns: 1fr;
gap: 32px;
}
.fp-ville .fp-ville__identity,
.fp-ville .fp-ville__timeline {
width: 100%;
}
.fp-ville .fp-ville__sequence--columns
.fp-ville__sequence-content {
column-count: 1;
column-rule: none;
} .fp-ville .fp-ville__horizontal-grid,
.fp-ville
.fp-ville__sequence--media-right
.fp-ville__horizontal-grid {
grid-template-columns: 1fr;
grid-template-areas:
"media"
"texte";
align-items: start;
gap: 34px;
} .fp-ville .fp-ville__vertical-grid,
.fp-ville
.fp-ville__sequence--media-right
.fp-ville__vertical-grid {
grid-template-columns:
minmax(0, 1fr)
minmax(0, 1fr);
grid-template-areas:
"media media"
"texte1 texte2";
gap: 32px;
}
.fp-ville
.fp-ville__sequence--media-vertical
.fp-ville__media {
width: min(100%, 500px);
margin: 0 auto;
}
.fp-ville .wp-block-gallery {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}
.fp-ville .fp-ville__related-grid {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}
.fp-ville .fp-ville__related-card:last-child:nth-child(odd) {
grid-column: 1 / -1;
width: min(100%, 370px);
margin: 0 auto;
}
} @media (max-width: 580px) {
.fp-ville {
font-size: 19px;
}
.fp-ville .fp-ville__hero-inner,
.fp-ville .fp-ville__facts-inner,
.fp-ville .fp-ville__sequence-inner,
.fp-ville .fp-ville__related-inner {
width: calc(100% - 36px);
}
.fp-ville .fp-ville__hero-inner {
padding:
56px
0
58px;
}
.fp-ville .fp-ville__label {
margin-bottom: 17px !important;
font-size: 14px !important;
}
.fp-ville .fp-ville__title,
.fp-ville .fp-ville__title * {
font-size: clamp(43px, 14vw, 62px) !important;
line-height: 1 !important;
}
.fp-ville .fp-ville__subtitle {
margin-top: 20px !important;
font-size: clamp(26px, 8vw, 35px) !important;
}
.fp-ville .fp-ville__chapo {
margin-top: 27px;
}
.fp-ville .fp-ville__chapo p {
font-size: 21px !important;
line-height: 1.52 !important;
}
.fp-ville .fp-ville__hero-content::after {
width: 270px;
height: 74px;
margin-top: 30px;
opacity: 0.5;
}
.fp-ville .fp-ville__hero-media {
margin-top: 38px !important;
}
.fp-ville .fp-ville__hero-image {
aspect-ratio: 4 / 3;
}
.fp-ville .fp-ville__hero-caption {
padding: 12px 15px;
font-size: 13px;
}
.fp-ville .fp-ville__facts-inner {
padding:
58px
0;
}
.fp-ville .fp-ville__identity,
.fp-ville .fp-ville__timeline {
padding:
38px
22px;
}
.fp-ville .fp-ville__identity::before,
.fp-ville .fp-ville__timeline::after {
width: 56px;
height: 56px;
opacity: 0.25;
}
.fp-ville .fp-ville__panel-title,
.fp-ville .fp-ville__timeline-title {
margin-bottom: 28px !important;
font-size: 30px !important;
}
.fp-ville .fp-ville__panel-title::after,
.fp-ville .fp-ville__timeline-title::after {
width: 240px;
height: 28px;
margin-top: 14px;
}
.fp-ville .fp-ville__identity-list dd {
font-size: 20px !important;
}
.fp-ville .fp-ville__timeline-item {
grid-template-columns:
16px
minmax(65px, auto)
minmax(0, 1fr);
gap: 10px;
padding-bottom: 24px !important;
}
.fp-ville .fp-ville__timeline-year {
font-size: 21px;
}
.fp-ville .fp-ville__timeline-text {
font-size: 19px;
line-height: 1.48;
}
.fp-ville .fp-ville__sequence {
padding:
58px
0;
}
.fp-ville .fp-ville__sequence h2,
.fp-ville .fp-ville__sequence .wp-block-heading {
margin-bottom: 29px !important;
font-size: clamp(30px, 9vw, 39px) !important;
line-height: 1.18 !important;
}
.fp-ville .fp-ville__sequence h2::after,
.fp-ville .fp-ville__sequence .wp-block-heading::after {
width: min(260px, 86%);
height: 27px;
margin-top: 14px;
}
.fp-ville .fp-ville__sequence p,
.fp-ville .fp-ville__sequence li {
font-size: 19px !important;
line-height: 1.65 !important;
} .fp-ville .fp-ville__vertical-grid,
.fp-ville
.fp-ville__sequence--media-right
.fp-ville__vertical-grid {
grid-template-columns: 1fr;
grid-template-areas:
"media"
"texte1"
"texte2";
gap: 29px;
}
.fp-ville
.fp-ville__sequence--media-vertical
.fp-ville__media {
width: min(100%, 360px);
}
.fp-ville
.fp-ville__sequence--media-horizontal
.fp-ville__media img {
aspect-ratio: 4 / 3;
}
.fp-ville
.fp-ville__sequence--media-vertical
.fp-ville__media img {
aspect-ratio: 3 / 4;
}
.fp-ville .wp-block-gallery {
grid-template-columns: 1fr;
gap: 15px !important;
}
.fp-ville .wp-block-gallery
.wp-block-image:first-child:nth-last-child(3) {
grid-column: auto;
grid-row: auto;
}
.fp-ville .wp-block-gallery img,
.fp-ville .wp-block-gallery
.wp-block-image:first-child:nth-last-child(3) img {
aspect-ratio: 4 / 3;
}
.fp-ville .wp-block-quote,
.fp-ville .wp-block-pullquote {
padding:
34px
22px !important;
}
.fp-ville .wp-block-quote p,
.fp-ville .wp-block-pullquote p {
font-size: 25px !important;
}
.fp-ville details summary,
.fp-ville .wp-block-details summary {
padding:
20px
54px
20px
19px;
font-size: 20px !important;
}
.fp-ville details summary::after,
.fp-ville .wp-block-details summary::after {
right: 19px;
}
.fp-ville .fp-ville__related {
padding:
62px
0;
}
.fp-ville .fp-ville__related-title {
margin-bottom: 38px !important;
font-size: 34px !important;
}
.fp-ville .fp-ville__related-grid {
grid-template-columns: 1fr;
}
.fp-ville .fp-ville__related-card:last-child:nth-child(odd) {
grid-column: auto;
width: 100%;
}
.fp-ville .fp-ville__related-name {
font-size: 25px;
}
} @media (prefers-reduced-motion: reduce) {
.fp-ville *,
.fp-ville *::before,
.fp-ville *::after {
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
}
}  .fp-route {
--fpr-black: #070B10;
--fpr-deep: #07131F;
--fpr-navy: #0D1B2A;
--fpr-ocean: #16324A;
--fpr-ocean-light: #244864;
--fpr-ivory: #F2EBDD;
--fpr-paper: #E4D8C1;
--fpr-paper-dark: #CFC0A4;
--fpr-ink: #17212B;
--fpr-fog: #7B838B;
--fpr-gold: #C6A15B;
--fpr-gold-light: #D8BB7A;
--fpr-gold-dark: #8F6C32;
--fpr-copper: #9B6A3F;
--fpr-signal: #8E3B3B;
--fpr-title: "Limelight", sans-serif;
--fpr-subtitle: "Market Deco", "Cinzel", serif;
--fpr-heading: "Cinzel", serif;
--fpr-editorial: "Cormorant Garamond", serif;
--fpr-body: "Inter", sans-serif;
--fpr-panel: "Poiret One", sans-serif;
--fpr-data: "Italiana", serif; --fpr-svg-map: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 700'%3E%3Cg fill='none' stroke='%23C6A15B' stroke-width='1'%3E%3Cpath opacity='.18' d='M0 110h1200M0 220h1200M0 330h1200M0 440h1200M0 550h1200M0 660h1200M120 0v700M240 0v700M360 0v700M480 0v700M600 0v700M720 0v700M840 0v700M960 0v700M1080 0v700'/%3E%3Cpath opacity='.34' d='M76 505c92-84 144-25 222-101 65-63 119-24 179-84 78-78 130-34 207-101 71-62 139-37 212-91 67-49 125-43 224-115' stroke-dasharray='8 12'/%3E%3Ccircle cx='76' cy='505' r='8'/%3E%3Ccircle cx='298' cy='404' r='8'/%3E%3Ccircle cx='477' cy='320' r='8'/%3E%3Ccircle cx='684' cy='219' r='8'/%3E%3Ccircle cx='896' cy='128' r='8'/%3E%3C/g%3E%3C/svg%3E"); --fpr-svg-compass: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='%23C6A15B' stroke-width='2'%3E%3Ccircle cx='90' cy='90' r='72'/%3E%3Ccircle cx='90' cy='90' r='54'/%3E%3Cpath d='M90 8l13 64 69 18-69 18-13 64-13-64L8 90l69-18z'/%3E%3Cpath d='M90 34l8 46 48 10-48 10-8 46-8-46-48-10 48-10z'/%3E%3Ccircle cx='90' cy='90' r='7' fill='%23C6A15B'/%3E%3C/g%3E%3C/svg%3E"); --fpr-svg-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 380 34'%3E%3Cg fill='none' stroke='%23C6A15B' stroke-width='2'%3E%3Cpath d='M5 17h112M263 17h112'/%3E%3Cpath d='M117 17h25l17-11 20 11 21-11 20 11 18-11 25 11' stroke-dasharray='6 6'/%3E%3Ccircle cx='159' cy='6' r='4' fill='%23C6A15B'/%3E%3Ccircle cx='220' cy='17' r='4' fill='%23C6A15B'/%3E%3C/g%3E%3C/svg%3E"); --fpr-svg-corner: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23C6A15B' stroke-width='2'%3E%3Cpath d='M8 84V8h76M20 84V20h64M32 84V32h52'/%3E%3Cpath d='M8 40h32V8M20 52h32V20'/%3E%3Cpath d='M8 84l25-25M20 84l25-25'/%3E%3C/g%3E%3C/svg%3E"); --fpr-svg-morse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 700 40'%3E%3Cg fill='%23C6A15B' opacity='.55'%3E%3Ccircle cx='15' cy='20' r='4'/%3E%3Crect x='32' y='17' width='32' height='6'/%3E%3Ccircle cx='83' cy='20' r='4'/%3E%3Ccircle cx='105' cy='20' r='4'/%3E%3Crect x='123' y='17' width='36' height='6'/%3E%3Crect x='180' y='17' width='36' height='6'/%3E%3Ccircle cx='235' cy='20' r='4'/%3E%3Crect x='254' y='17' width='30' height='6'/%3E%3Ccircle cx='304' cy='20' r='4'/%3E%3Ccircle cx='326' cy='20' r='4'/%3E%3Crect x='345' y='17' width='38' height='6'/%3E%3Ccircle cx='403' cy='20' r='4'/%3E%3Crect x='423' y='17' width='35' height='6'/%3E%3Crect x='479' y='17' width='35' height='6'/%3E%3Ccircle cx='534' cy='20' r='4'/%3E%3Ccircle cx='556' cy='20' r='4'/%3E%3Crect x='575' y='17' width='38' height='6'/%3E%3Ccircle cx='634' cy='20' r='4'/%3E%3Crect x='652' y='17' width='32' height='6'/%3E%3C/g%3E%3C/svg%3E");
position: relative;
width: 100vw;
max-width: none !important;
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
overflow: hidden;
color: var(--fpr-ink);
background: var(--fpr-ivory);
font-family: var(--fpr-body);
font-size: 20px;
line-height: 1.72;
}
.fp-route,
.fp-route *,
.fp-route *::before,
.fp-route *::after {
box-sizing: border-box;
}
.fp-route img {
max-width: 100%;
height: auto;
}
.fp-route a {
text-underline-offset: 4px;
} body.fp-route-page {
background: var(--fpr-deep);
}
body.fp-route-page .entry-content,
body.fp-route-page .post-content,
body.fp-route-page .site-content {
max-width: none !important;
}
body.fp-route-page .entry-content {
margin: 0 !important;
padding: 0 !important;
}
body.fp-route-page .site-main > article > .entry-header,
body.fp-route-page main .post > .entry-header {
display: none !important;
}
body.fp-route-page .site-header .site-title,
body.fp-route-page .site-header .site-description,
body.fp-route-page #masthead .site-title,
body.fp-route-page #masthead .site-description,
body.fp-route-page .site-branding .site-title-wrap,
body.fp-route-page .wp-block-site-title,
body.fp-route-page .wp-block-site-tagline {
display: none !important;
} .fp-route .fp-route__hero {
position: relative;
isolation: isolate;
color: var(--fpr-ivory);
background:
radial-gradient(
circle at 82% 24%,
rgba(36, 72, 100, 0.78),
transparent 36%
),
linear-gradient(
135deg,
rgba(198, 161, 91, 0.08),
transparent 48%
),
var(--fpr-deep);
border-bottom: 1px solid rgba(198, 161, 91, 0.58);
}
.fp-route .fp-route__hero::before {
position: absolute;
z-index: -1;
inset: 0;
content: "";
pointer-events: none;
background-image: var(--fpr-svg-map);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
opacity: 0.72;
}
.fp-route .fp-route__hero::after {
position: absolute;
z-index: -1;
top: 70px;
right: 5%;
width: clamp(130px, 17vw, 220px);
aspect-ratio: 1;
content: "";
pointer-events: none;
background-image: var(--fpr-svg-compass);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.35;
}
.fp-route .fp-route__hero-inner {
width: min(calc(100% - 64px), 1440px);
margin: 0 auto;
padding:
clamp(72px, 8vw, 126px)
0
0;
}
.fp-route .fp-route__hero-grid {
display: grid;
grid-template-columns:
minmax(0, 0.9fr)
minmax(520px, 1.1fr);
align-items: center;
gap: clamp(54px, 7vw, 110px);
}
.fp-route .fp-route__hero-content {
position: relative;
z-index: 2;
} .fp-route .fp-route__label {
display: inline-flex;
align-items: center;
margin: 0 0 24px !important;
padding: 8px 14px;
color: var(--fpr-gold-light) !important;
font-family: var(--fpr-panel) !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.2 !important;
letter-spacing: 0.16em;
text-transform: uppercase;
border: 1px solid rgba(198, 161, 91, 0.72);
}
.fp-route .fp-route__label::before {
margin-right: 9px;
content: "✦";
color: var(--fpr-gold);
} .fp-route .fp-route__title,
.fp-route .fp-route__title * {
margin: 0 !important;
color: var(--fpr-gold-light) !important;
font-family: var(--fpr-title) !important;
font-size: clamp(55px, 6vw, 96px) !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1.01 !important;
letter-spacing: 0.015em;
text-transform: uppercase;
text-wrap: balance;
} .fp-route .fp-route__subtitle {
margin: 28px 0 0 !important;
color: var(--fpr-ivory) !important;
font-family: var(--fpr-subtitle) !important;
font-size: clamp(28px, 3vw, 44px) !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1.16 !important;
letter-spacing: 0.035em;
text-wrap: balance;
} .fp-route .fp-route__chapo {
max-width: 760px;
margin-top: 32px;
}
.fp-route .fp-route__chapo p {
margin: 0 !important;
color: rgba(242, 235, 221, 0.92) !important;
font-family: var(--fpr-editorial) !important;
font-size: clamp(22px, 2vw, 27px) !important;
font-weight: 500 !important;
line-height: 1.55 !important;
text-wrap: pretty;
} .fp-route .fp-route__hero-actions {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin-top: 38px;
}
.fp-route .fp-route__button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 50px;
padding: 12px 21px;
font-family: var(--fpr-body);
font-size: 14px;
font-weight: 600;
line-height: 1.2;
letter-spacing: 0.08em;
text-decoration: none !important;
text-transform: uppercase;
transition:
transform 180ms ease,
background-color 180ms ease,
color 180ms ease;
}
.fp-route .fp-route__button:hover,
.fp-route .fp-route__button:focus-visible {
transform: translateY(-2px);
}
.fp-route .fp-route__button--primary {
color: var(--fpr-deep);
background: var(--fpr-gold);
border: 1px solid var(--fpr-gold);
}
.fp-route .fp-route__button--secondary {
color: var(--fpr-gold-light);
background: rgba(7, 19, 31, 0.48);
border: 1px solid var(--fpr-gold);
} .fp-route .fp-route__hero-media {
position: relative;
z-index: 2;
width: 100%;
margin: 0 !important;
overflow: hidden;
background: var(--fpr-black);
border: 1px solid rgba(198, 161, 91, 0.9);
box-shadow:
0 32px 78px rgba(0, 0, 0, 0.42),
0 5px 16px rgba(0, 0, 0, 0.24);
}
.fp-route .fp-route__hero-media::before {
position: absolute;
z-index: 2;
inset: 12px;
content: "";
pointer-events: none;
border: 1px solid rgba(198, 161, 91, 0.48);
}
.fp-route .fp-route__hero-image {
display: block;
width: 100% !important;
max-width: none !important;
height: auto !important;
aspect-ratio: 16 / 10;
object-fit: cover;
object-position: center;
filter:
saturate(0.78)
contrast(1.06)
sepia(0.11);
}
.fp-route .fp-route__hero-caption {
padding: 13px 20px;
color: rgba(242, 235, 221, 0.78);
background: var(--fpr-black);
font-family: var(--fpr-body);
font-size: 13px;
line-height: 1.5;
text-align: center;
letter-spacing: 0.035em;
} .fp-route .fp-route__hero-stats {
display: grid;
grid-template-columns:
repeat(4, minmax(0, 1fr));
margin-top: clamp(54px, 6vw, 82px);
border-top: 1px solid rgba(198, 161, 91, 0.55);
border-right: 1px solid rgba(198, 161, 91, 0.32);
border-left: 1px solid rgba(198, 161, 91, 0.32);
}
.fp-route .fp-route__hero-stat {
display: flex;
flex-direction: column;
gap: 7px;
min-width: 0;
padding:
24px
clamp(16px, 2.5vw, 30px);
background: rgba(7, 19, 31, 0.62);
border-right: 1px solid rgba(198, 161, 91, 0.28);
}
.fp-route .fp-route__hero-stat:last-child {
border-right: 0;
}
.fp-route .fp-route__hero-stat-label {
color: var(--fpr-gold);
font-family: var(--fpr-panel);
font-size: 12px;
line-height: 1.3;
letter-spacing: 0.13em;
text-transform: uppercase;
}
.fp-route .fp-route__hero-stat-value {
color: var(--fpr-ivory);
font-family: var(--fpr-data);
font-size: clamp(21px, 2vw, 27px);
line-height: 1.25;
} .fp-route .fp-route__facts {
position: relative;
padding:
clamp(72px, 8vw, 112px)
0;
color: var(--fpr-ivory);
background:
linear-gradient(
135deg,
rgba(36, 72, 100, 0.23),
transparent 50%
),
var(--fpr-navy);
border-bottom: 1px solid rgba(198, 161, 91, 0.55);
}
.fp-route .fp-route__facts-inner {
display: grid;
grid-template-columns:
minmax(350px, 0.82fr)
minmax(0, 1.18fr);
align-items: stretch;
gap: clamp(34px, 5vw, 68px);
width: min(calc(100% - 64px), 1320px);
margin: 0 auto;
} .fp-route .fp-route__identity {
position: relative;
padding:
clamp(38px, 4vw, 54px)
clamp(28px, 4vw, 46px);
overflow: hidden;
color: var(--fpr-ink);
background:
linear-gradient(
rgba(228, 216, 193, 0.92),
rgba(228, 216, 193, 0.92)
),
var(--fpr-svg-map),
var(--fpr-paper);
border: 1px solid var(--fpr-gold-dark);
box-shadow:
0 28px 64px rgba(0, 0, 0, 0.28),
inset 0 0 48px rgba(76, 53, 24, 0.12);
}
.fp-route .fp-route__identity::before,
.fp-route .fp-route__identity::after {
position: absolute;
width: 78px;
height: 78px;
content: "";
pointer-events: none;
background-image: var(--fpr-svg-corner);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.65;
}
.fp-route .fp-route__identity::before {
top: 8px;
left: 8px;
}
.fp-route .fp-route__identity::after {
right: 8px;
bottom: 8px;
transform: rotate(180deg);
}
.fp-route .fp-route__identity > * {
position: relative;
z-index: 1;
} .fp-route .fp-route__timeline {
position: relative;
padding:
clamp(38px, 4vw, 54px)
clamp(28px, 4vw, 46px);
overflow: hidden;
background:
linear-gradient(
145deg,
rgba(198, 161, 91, 0.075),
transparent 58%
),
rgba(7, 19, 31, 0.82);
border: 1px solid rgba(198, 161, 91, 0.72);
box-shadow:
inset 0 0 0 6px rgba(198, 161, 91, 0.025),
0 28px 64px rgba(0, 0, 0, 0.24);
} .fp-route .fp-route__panel-title,
.fp-route .fp-route__timeline-title {
margin: 0 0 34px !important;
font-family: var(--fpr-panel) !important;
font-size: clamp(29px, 3vw, 40px) !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1.15 !important;
letter-spacing: 0.065em;
text-align: center;
text-transform: uppercase;
text-wrap: balance;
}
.fp-route .fp-route__panel-title {
color: var(--fpr-navy) !important;
}
.fp-route .fp-route__timeline-title {
color: var(--fpr-gold-light) !important;
}
.fp-route .fp-route__panel-title::after,
.fp-route .fp-route__timeline-title::after {
display: block;
width: min(320px, 82%);
height: 30px;
margin: 17px auto 0;
content: "";
background-image: var(--fpr-svg-divider);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.8;
} .fp-route .fp-route__identity-list {
display: grid;
grid-template-columns:
minmax(120px, 0.8fr)
minmax(0, 1.2fr);
gap: 16px 24px;
margin: 0 !important;
}
.fp-route .fp-route__identity-list dt {
margin: 0 !important;
color: var(--fpr-gold-dark) !important;
font-family: var(--fpr-panel) !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.45 !important;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.fp-route .fp-route__identity-list dd {
margin: 0 !important;
color: var(--fpr-ink) !important;
font-family: var(--fpr-editorial) !important;
font-size: 21px !important;
font-weight: 600 !important;
line-height: 1.45 !important;
} .fp-route .fp-route__timeline-list {
display: grid;
grid-template-columns:
repeat(auto-fit, minmax(135px, 1fr));
gap: 22px;
margin: 0 !important;
padding: 0 !important;
list-style: none;
}
.fp-route .fp-route__timeline-item {
position: relative;
margin: 0 !important;
padding: 0 !important;
text-align: center;
}
.fp-route .fp-route__timeline-item:not(:last-child)::after {
position: absolute;
top: 19px;
left: calc(50% + 25px);
width: calc(100% - 50px);
height: 1px;
content: "";
background:
repeating-linear-gradient(
90deg,
var(--fpr-gold) 0 7px,
transparent 7px 13px
);
opacity: 0.58;
}
.fp-route .fp-route__timeline-number {
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 2;
width: 40px;
height: 40px;
margin-bottom: 17px;
color: var(--fpr-gold-light);
background: var(--fpr-deep);
font-family: var(--fpr-data);
font-size: 21px;
line-height: 1;
border: 1px solid var(--fpr-gold);
border-radius: 50%;
}
.fp-route .fp-route__timeline-content {
display: flex;
flex-direction: column;
gap: 9px;
}
.fp-route .fp-route__timeline-name {
color: var(--fpr-gold);
font-family: var(--fpr-panel);
font-size: 14px;
line-height: 1.3;
letter-spacing: 0.09em;
text-transform: uppercase;
}
.fp-route .fp-route__timeline-text {
color: rgba(242, 235, 221, 0.9);
font-family: var(--fpr-editorial);
font-size: 18px;
font-weight: 500;
line-height: 1.48;
} .fp-route .fp-route__sequence {
position: relative;
padding:
clamp(74px, 8vw, 118px)
0;
}
.fp-route .fp-route__sequence-inner {
width: min(calc(100% - 64px), 1280px);
margin: 0 auto;
}
.fp-route .fp-route__sequence-content {
width: 100%;
max-width: 1040px;
margin: 0 auto;
} .fp-route
.fp-route__sequence
.fp-route-section--sea,
.fp-route
.fp-route__sequence
.fp-route-section--port,
.fp-route
.fp-route__sequence
.fp-route-section--paper,
.fp-route
.fp-route__sequence
.fp-route-section--risk {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
color: inherit;
background: transparent !important;
}  .fp-route .fp-route__sequence--sea {
color: var(--fpr-ivory);
background:
linear-gradient(
rgba(13, 27, 42, 0.89),
rgba(13, 27, 42, 0.89)
),
var(--fpr-svg-map),
var(--fpr-navy);
background-size: cover;
} .fp-route .fp-route__sequence--port {
color: var(--fpr-ink);
background:
radial-gradient(
circle at 88% 12%,
rgba(198, 161, 91, 0.13),
transparent 34%
),
linear-gradient(
135deg,
rgba(255, 255, 255, 0.32),
transparent 56%
),
var(--fpr-ivory);
} .fp-route .fp-route__sequence--paper {
color: var(--fpr-ink);
background:
linear-gradient(
rgba(228, 216, 193, 0.91),
rgba(228, 216, 193, 0.91)
),
var(--fpr-svg-map),
var(--fpr-paper);
box-shadow:
inset 0 0 80px rgba(70, 47, 19, 0.09);
} .fp-route .fp-route__sequence--risk {
color: var(--fpr-ivory);
background:
linear-gradient(
135deg,
rgba(142, 59, 59, 0.12),
transparent 42%
),
linear-gradient(
180deg,
rgba(7, 11, 16, 0.94),
rgba(7, 19, 31, 0.97)
),
var(--fpr-svg-map);
border-top: 1px solid rgba(142, 59, 59, 0.58);
border-bottom: 1px solid rgba(142, 59, 59, 0.58);
}
.fp-route .fp-route__sequence--risk::before {
position: absolute;
top: 22px;
right: 0;
left: 0;
height: 40px;
content: "";
pointer-events: none;
background-image: var(--fpr-svg-morse);
background-repeat: repeat-x;
background-position: center;
background-size: 700px 40px;
opacity: 0.28;
} .fp-route .fp-route__sequence h2,
.fp-route .fp-route__sequence h2.wp-block-heading {
margin:
0
0
clamp(32px, 4vw, 47px) !important;
font-family: var(--fpr-heading) !important;
font-size: clamp(34px, 4vw, 52px) !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: 1.16 !important;
letter-spacing: 0.02em;
text-wrap: balance;
}
.fp-route .fp-route__sequence--sea h2,
.fp-route .fp-route__sequence--risk h2 {
color: var(--fpr-gold-light) !important;
}
.fp-route .fp-route__sequence--port h2,
.fp-route .fp-route__sequence--paper h2 {
color: var(--fpr-navy) !important;
}
.fp-route .fp-route__sequence h2::after {
display: block;
width: min(380px, 80%);
height: 34px;
margin-top: 18px;
content: "";
background-image: var(--fpr-svg-divider);
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
opacity: 0.82;
}
.fp-route .fp-route__sequence p,
.fp-route .fp-route__sequence li {
font-family: var(--fpr-body) !important;
font-size: 20px !important;
font-weight: 400 !important;
line-height: 1.75 !important;
}
.fp-route .fp-route__sequence p {
margin-top: 0 !important;
margin-bottom: 1.45em !important;
}
.fp-route .fp-route__sequence p:last-child {
margin-bottom: 0 !important;
}
.fp-route .fp-route__sequence--sea p,
.fp-route .fp-route__sequence--sea li,
.fp-route .fp-route__sequence--risk p,
.fp-route .fp-route__sequence--risk li {
color: rgba(242, 235, 221, 0.93) !important;
}
.fp-route .fp-route__sequence--port p,
.fp-route .fp-route__sequence--port li,
.fp-route .fp-route__sequence--paper p,
.fp-route .fp-route__sequence--paper li {
color: #27313A !important;
} .fp-route
.fp-route__sequence--columns
.fp-route__sequence-content {
max-width: 1180px;
column-count: 2;
column-gap: clamp(48px, 6vw, 82px);
column-rule: 1px solid rgba(198, 161, 91, 0.28);
}
.fp-route
.fp-route__sequence--columns
.fp-route__sequence-content h2 {
column-span: all;
}
.fp-route
.fp-route__sequence--columns
.fp-route__sequence-content p {
break-inside: avoid;
} .fp-route .fp-route__sequence-heading {
width: 100%;
margin-bottom: clamp(34px, 4vw, 54px);
}
.fp-route .fp-route__horizontal-grid {
display: grid;
grid-template-columns:
minmax(0, 1.55fr)
minmax(310px, 0.95fr);
grid-template-areas:
"media texte";
align-items: center;
gap: clamp(42px, 5.5vw, 82px);
}
.fp-route .fp-route__horizontal-media {
grid-area: media;
min-width: 0;
}
.fp-route .fp-route__horizontal-text {
grid-area: texte;
min-width: 0;
} .fp-route
.fp-route__sequence--media-right
.fp-route__horizontal-grid {
grid-template-columns:
minmax(310px, 0.95fr)
minmax(0, 1.55fr);
grid-template-areas:
"texte media";
} .fp-route .fp-route__vertical-grid {
display: grid;
grid-template-columns:
minmax(270px, 0.9fr)
minmax(0, 1fr)
minmax(0, 1fr);
grid-template-areas:
"media texte1 texte2";
align-items: start;
gap: clamp(30px, 4vw, 54px);
}
.fp-route .fp-route__vertical-media {
grid-area: media;
min-width: 0;
}
.fp-route .fp-route__vertical-text-one {
grid-area: texte1;
min-width: 0;
}
.fp-route .fp-route__vertical-text-two {
grid-area: texte2;
min-width: 0;
} .fp-route
.fp-route__sequence--media-right
.fp-route__vertical-grid {
grid-template-columns:
minmax(0, 1fr)
minmax(0, 1fr)
minmax(270px, 0.9fr);
grid-template-areas:
"texte1 texte2 media";
} .fp-route .fp-route__horizontal-media .wp-block-image,
.fp-route .fp-route__vertical-media .wp-block-image,
.fp-route .fp-route__horizontal-media figure,
.fp-route .fp-route__vertical-media figure {
width: 100%;
margin: 0 !important;
}
.fp-route .fp-route__horizontal-media img,
.fp-route .fp-route__vertical-media img {
display: block;
width: 100% !important;
max-width: none !important;
height: auto !important;
object-fit: cover;
border: 1px solid var(--fpr-gold);
box-shadow:
0 26px 58px rgba(0, 0, 0, 0.27),
0 4px 12px rgba(0, 0, 0, 0.14);
filter:
saturate(0.82)
contrast(1.05)
sepia(0.1);
}
.fp-route
.fp-route__sequence--media-horizontal
.fp-route__horizontal-media img {
aspect-ratio: 16 / 10;
}
.fp-route
.fp-route__sequence--media-vertical
.fp-route__vertical-media img {
aspect-ratio: 3 / 4;
}
.fp-route .wp-element-caption,
.fp-route figcaption {
margin-top: 12px !important;
color: inherit;
opacity: 0.72;
font-family: var(--fpr-body) !important;
font-size: 14px !important;
font-style: normal !important;
line-height: 1.5 !important;
text-align: center;
} .fp-route .fp-route-media--wide {
width: 100% !important;
max-width: none !important;
margin:
clamp(38px, 5vw, 68px)
0 !important;
}
.fp-route .fp-route-media--wide img {
display: block;
width: 100% !important;
max-width: none !important;
height: auto !important;
border: 1px solid var(--fpr-gold);
box-shadow:
0 28px 68px rgba(0, 0, 0, 0.24);
} .fp-route
.fp-route__sequence--map
.fp-route__sequence-inner {
width: min(calc(100% - 48px), 1440px);
}
.fp-route .fp-route-map {
position: relative;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding:
clamp(34px, 4vw, 58px) !important;
overflow: hidden;
color: var(--fpr-ink);
background:
linear-gradient(
rgba(228, 216, 193, 0.88),
rgba(228, 216, 193, 0.88)
),
var(--fpr-svg-map),
var(--fpr-paper);
border: 1px solid var(--fpr-gold-dark);
box-shadow:
inset 0 0 70px rgba(73, 50, 21, 0.12),
0 30px 72px rgba(0, 0, 0, 0.24);
}
.fp-route .fp-route-map::before {
position: absolute;
top: 20px;
right: 20px;
width: clamp(90px, 12vw, 150px);
aspect-ratio: 1;
content: "";
pointer-events: none;
background-image: var(--fpr-svg-compass);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.42;
}
.fp-route .fp-route-map > * {
position: relative;
z-index: 1;
}
.fp-route .fp-route-map .wp-block-image,
.fp-route .fp-route-map figure {
width: 100%;
margin: 0 !important;
}
.fp-route .fp-route-map img {
display: block;
width: 100% !important;
max-width: none !important;
height: auto !important;
border: 1px solid rgba(143, 108, 50, 0.78);
filter:
saturate(0.76)
contrast(1.03)
sepia(0.14);
} .fp-route .fp-route__morse-section {
padding:
clamp(70px, 8vw, 110px)
0;
color: var(--fpr-ivory);
background:
linear-gradient(
135deg,
rgba(142, 59, 59, 0.12),
transparent 48%
),
var(--fpr-black);
border-top: 1px solid rgba(142, 59, 59, 0.64);
border-bottom: 1px solid rgba(142, 59, 59, 0.64);
}
.fp-route .fp-route__morse-inner {
width: min(calc(100% - 64px), 1040px);
margin: 0 auto;
}
.fp-route .fp-route-morse {
position: relative;
padding:
clamp(42px, 5vw, 66px)
clamp(28px, 5vw, 64px);
overflow: hidden;
background:
linear-gradient(
rgba(228, 216, 193, 0.94),
rgba(228, 216, 193, 0.94)
),
var(--fpr-svg-map),
var(--fpr-paper);
border: 1px solid var(--fpr-gold-dark);
box-shadow:
0 30px 72px rgba(0, 0, 0, 0.42),
inset 0 0 48px rgba(78, 53, 21, 0.12);
}
.fp-route .fp-route-morse::before {
display: block;
width: 100%;
height: 40px;
margin-bottom: 24px;
content: "";
background-image: var(--fpr-svg-morse);
background-repeat: repeat-x;
background-position: center;
background-size: 700px 40px;
}
.fp-route .fp-route-morse__label {
display: block;
margin-bottom: 18px;
color: var(--fpr-gold-dark);
font-family: var(--fpr-panel);
font-size: 15px;
line-height: 1.3;
letter-spacing: 0.16em;
text-transform: uppercase;
}
.fp-route .fp-route-morse__code {
margin: 0 !important;
color: var(--fpr-ink) !important;
font-family: monospace !important;
font-size: clamp(21px, 2.6vw, 31px) !important;
font-weight: 600 !important;
line-height: 1.55 !important;
letter-spacing: 0.18em;
overflow-wrap: anywhere;
}
.fp-route .fp-route-morse__translation {
margin-top: 30px;
padding-top: 24px;
border-top: 1px solid rgba(143, 108, 50, 0.46);
}
.fp-route .fp-route-morse__translation > span {
display: block;
margin-bottom: 9px;
color: var(--fpr-gold-dark);
font-family: var(--fpr-panel);
font-size: 13px;
line-height: 1.3;
letter-spacing: 0.13em;
text-transform: uppercase;
}
.fp-route .fp-route-morse__translation p {
margin: 0 !important;
color: var(--fpr-ink) !important;
font-family: var(--fpr-editorial) !important;
font-size: clamp(23px, 2.4vw, 31px) !important;
font-weight: 600 !important;
line-height: 1.45 !important;
}
.fp-route .fp-route-morse__stamp {
position: absolute;
right: 32px;
bottom: 28px;
padding: 8px 14px;
color: rgba(142, 59, 59, 0.82);
font-family: var(--fpr-panel);
font-size: 14px;
line-height: 1;
letter-spacing: 0.1em;
text-transform: uppercase;
border: 2px solid rgba(142, 59, 59, 0.72);
transform: rotate(-7deg);
} .fp-route .fp-route-cargo,
.fp-route .fp-route-navigation,
.fp-route .fp-route-risk,
.fp-route .fp-route-ports {
position: relative;
width: 100%;
max-width: 920px;
margin:
clamp(38px, 5vw, 66px)
auto !important;
padding:
clamp(34px, 4vw, 50px)
clamp(26px, 4vw, 46px) !important;
overflow: hidden;
border: 1px solid var(--fpr-gold);
}
.fp-route .fp-route-cargo,
.fp-route .fp-route-navigation {
color: var(--fpr-ink);
background:
linear-gradient(
rgba(228, 216, 193, 0.93),
rgba(228, 216, 193, 0.93)
),
var(--fpr-svg-map),
var(--fpr-paper);
}
.fp-route .fp-route-risk {
color: var(--fpr-ivory);
background:
linear-gradient(
135deg,
rgba(142, 59, 59, 0.16),
transparent 52%
),
var(--fpr-deep);
border-color: rgba(142, 59, 59, 0.76);
}
.fp-route .fp-route-ports {
color: var(--fpr-ivory);
background: var(--fpr-ocean);
}
.fp-route .fp-route-cargo::before,
.fp-route .fp-route-navigation::before,
.fp-route .fp-route-risk::before,
.fp-route .fp-route-ports::before {
display: block;
margin-bottom: 16px;
color: var(--fpr-gold);
font-family: var(--fpr-panel);
font-size: 13px;
line-height: 1.3;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.fp-route .fp-route-cargo::before {
content: "Cargaison";
}
.fp-route .fp-route-navigation::before {
content: "Navigation";
}
.fp-route .fp-route-risk::before {
content: "Zone de risque";
color: #C66E6E;
}
.fp-route .fp-route-ports::before {
content: "Ports et escales";
} .fp-route .wp-block-gallery {
display: grid !important;
grid-template-columns:
repeat(3, minmax(0, 1fr));
gap: 18px !important;
margin:
clamp(38px, 5vw, 68px)
0 !important;
}
.fp-route .wp-block-gallery .wp-block-image {
width: 100% !important;
margin: 0 !important;
}
.fp-route .wp-block-gallery img {
display: block;
width: 100% !important;
height: 100% !important;
aspect-ratio: 4 / 3;
object-fit: cover;
border: 1px solid var(--fpr-gold);
} .fp-route .wp-block-quote,
.fp-route .wp-block-pullquote {
position: relative;
max-width: 900px;
margin:
clamp(42px, 5vw, 70px)
auto !important;
padding:
clamp(38px, 5vw, 58px)
clamp(28px, 5vw, 56px) !important;
border: 1px solid var(--fpr-gold) !important;
border-left: 1px solid var(--fpr-gold) !important;
text-align: center;
}
.fp-route .fp-route__sequence--sea .wp-block-quote,
.fp-route .fp-route__sequence--risk .wp-block-quote {
background: rgba(7, 19, 31, 0.54);
}
.fp-route .fp-route__sequence--port .wp-block-quote,
.fp-route .fp-route__sequence--paper .wp-block-quote {
background: rgba(255, 255, 255, 0.32);
}
.fp-route .wp-block-quote p,
.fp-route .wp-block-pullquote p {
font-family: var(--fpr-data) !important;
font-size: clamp(26px, 2.8vw, 38px) !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1.43 !important;
}
.fp-route .wp-block-quote cite,
.fp-route .wp-block-pullquote cite {
display: block;
margin-top: 22px;
color: var(--fpr-gold) !important;
font-family: var(--fpr-panel) !important;
font-size: 14px !important;
font-style: normal !important;
line-height: 1.4 !important;
letter-spacing: 0.12em;
text-transform: uppercase;
} .fp-route details,
.fp-route .wp-block-details {
width: 100%;
margin: 0 0 18px !important;
border: 1px solid rgba(198, 161, 91, 0.66);
}
.fp-route .fp-route__sequence--sea details,
.fp-route .fp-route__sequence--risk details {
background: rgba(7, 19, 31, 0.46);
}
.fp-route .fp-route__sequence--port details,
.fp-route .fp-route__sequence--paper details {
background: rgba(255, 255, 255, 0.34);
}
.fp-route details summary,
.fp-route .wp-block-details summary {
position: relative;
padding:
22px
60px
22px
24px;
cursor: pointer;
color: var(--fpr-gold-light);
font-family: var(--fpr-panel) !important;
font-size: 22px !important;
font-weight: 400 !important;
line-height: 1.35 !important;
letter-spacing: 0.03em;
list-style: none;
}
.fp-route .fp-route__sequence--port details summary,
.fp-route .fp-route__sequence--paper details summary {
color: var(--fpr-navy);
}
.fp-route details summary::-webkit-details-marker {
display: none;
}
.fp-route details summary::after,
.fp-route .wp-block-details summary::after {
position: absolute;
top: 50%;
right: 23px;
content: "+";
color: var(--fpr-gold);
font-family: var(--fpr-panel);
font-size: 30px;
line-height: 1;
transform: translateY(-50%);
}
.fp-route details[open] summary::after,
.fp-route .wp-block-details[open] summary::after {
content: "−";
}
.fp-route details > :not(summary),
.fp-route .wp-block-details > :not(summary) {
margin-right: 24px !important;
margin-left: 24px !important;
}
.fp-route details > :last-child,
.fp-route .wp-block-details > :last-child {
margin-bottom: 24px !important;
} .fp-route .fp-route__linked-ports {
position: relative;
padding:
clamp(76px, 8vw, 118px)
0;
color: var(--fpr-ink);
background:
linear-gradient(
rgba(228, 216, 193, 0.92),
rgba(228, 216, 193, 0.92)
),
var(--fpr-svg-map),
var(--fpr-paper);
border-top: 1px solid var(--fpr-gold-dark);
border-bottom: 1px solid var(--fpr-gold-dark);
}
.fp-route .fp-route__linked-ports-inner {
width: min(calc(100% - 64px), 1320px);
margin: 0 auto;
}
.fp-route .fp-route__linked-ports-label,
.fp-route .fp-route__related-label {
margin: 0 0 13px !important;
color: var(--fpr-gold-dark) !important;
font-family: var(--fpr-panel) !important;
font-size: 14px !important;
line-height: 1.3 !important;
text-align: center;
letter-spacing: 0.15em;
text-transform: uppercase;
}
.fp-route .fp-route__linked-ports-title,
.fp-route .fp-route__related-title {
margin: 0 0 48px !important;
font-family: var(--fpr-heading) !important;
font-size: clamp(34px, 4vw, 50px) !important;
font-weight: 600 !important;
line-height: 1.16 !important;
text-align: center;
text-wrap: balance;
}
.fp-route .fp-route__linked-ports-title {
color: var(--fpr-navy) !important;
}
.fp-route .fp-route__linked-ports-title::after,
.fp-route .fp-route__related-title::after {
display: block;
width: min(380px, 78%);
height: 34px;
margin: 18px auto 0;
content: "";
background-image: var(--fpr-svg-divider);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.8;
}
.fp-route .fp-route__ports-grid {
display: grid;
grid-template-columns:
repeat(4, minmax(0, 1fr));
gap: clamp(20px, 3vw, 32px);
}
.fp-route .fp-route__port-card {
display: flex;
flex-direction: column;
min-width: 0;
overflow: hidden;
color: var(--fpr-ivory);
background: var(--fpr-deep);
border: 1px solid var(--fpr-gold);
text-decoration: none !important;
box-shadow:
0 22px 52px rgba(7, 19, 31, 0.24);
transition:
transform 220ms ease,
box-shadow 220ms ease;
}
.fp-route .fp-route__port-card:hover,
.fp-route .fp-route__port-card:focus-visible {
transform: translateY(-6px);
box-shadow:
0 30px 68px rgba(7, 19, 31, 0.34);
}
.fp-route .fp-route__port-image {
overflow: hidden;
}
.fp-route .fp-route__port-image img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 10;
object-fit: cover;
filter:
saturate(0.8)
contrast(1.05)
sepia(0.1);
transition: transform 420ms ease;
}
.fp-route .fp-route__port-card:hover
.fp-route__port-image img {
transform: scale(1.04);
}
.fp-route .fp-route__port-content {
display: flex;
flex-direction: column;
flex: 1;
gap: 9px;
padding: 24px;
}
.fp-route .fp-route__port-step {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
margin-bottom: 5px;
color: var(--fpr-gold-light);
font-family: var(--fpr-data);
font-size: 18px;
border: 1px solid var(--fpr-gold);
border-radius: 50%;
}
.fp-route .fp-route__port-name {
color: var(--fpr-ivory);
font-family: var(--fpr-editorial);
font-size: 28px;
font-weight: 600;
line-height: 1.2;
}
.fp-route .fp-route__port-role {
color: rgba(242, 235, 221, 0.76);
font-family: var(--fpr-body);
font-size: 15px;
line-height: 1.5;
}
.fp-route .fp-route__port-link {
margin-top: auto;
padding-top: 17px;
color: var(--fpr-gold);
font-family: var(--fpr-panel);
font-size: 13px;
line-height: 1.3;
letter-spacing: 0.08em;
text-transform: uppercase;
} .fp-route .fp-route__related {
padding:
clamp(76px, 8vw, 118px)
0;
color: var(--fpr-ivory);
background:
linear-gradient(
135deg,
rgba(36, 72, 100, 0.28),
transparent 52%
),
var(--fpr-deep);
}
.fp-route .fp-route__related-inner {
width: min(calc(100% - 64px), 1240px);
margin: 0 auto;
}
.fp-route .fp-route__related-label {
color: var(--fpr-gold) !important;
}
.fp-route .fp-route__related-title {
color: var(--fpr-gold-light) !important;
}
.fp-route .fp-route__related-grid {
display: grid;
grid-template-columns:
repeat(3, minmax(0, 1fr));
gap: clamp(22px, 3vw, 34px);
}
.fp-route .fp-route__related-card {
display: flex;
flex-direction: column;
min-width: 0;
overflow: hidden;
color: var(--fpr-ivory);
background: var(--fpr-navy);
border: 1px solid rgba(198, 161, 91, 0.78);
text-decoration: none !important;
box-shadow:
0 24px 58px rgba(0, 0, 0, 0.28);
transition:
transform 220ms ease,
box-shadow 220ms ease;
}
.fp-route .fp-route__related-card:hover,
.fp-route .fp-route__related-card:focus-visible {
transform: translateY(-6px);
box-shadow:
0 32px 72px rgba(0, 0, 0, 0.38);
}
.fp-route .fp-route__related-image {
overflow: hidden;
}
.fp-route .fp-route__related-image img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 10;
object-fit: cover;
filter:
saturate(0.76)
contrast(1.05)
sepia(0.1);
transition: transform 420ms ease;
}
.fp-route .fp-route__related-card:hover
.fp-route__related-image img {
transform: scale(1.04);
}
.fp-route .fp-route__related-content {
display: flex;
flex-direction: column;
gap: 10px;
padding: 25px 26px 30px;
}
.fp-route .fp-route__related-card-label {
color: var(--fpr-gold);
font-family: var(--fpr-panel);
font-size: 13px;
line-height: 1.3;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.fp-route .fp-route__related-name {
color: var(--fpr-ivory);
font-family: var(--fpr-editorial);
font-size: 29px;
font-weight: 600;
line-height: 1.2;
}
.fp-route .fp-route__related-zone {
color: rgba(242, 235, 221, 0.72);
font-family: var(--fpr-body);
font-size: 15px;
line-height: 1.45;
} .fp-route .fp-route__sequence a {
color: var(--fpr-gold-dark);
text-decoration-color: rgba(198, 161, 91, 0.62);
text-decoration-thickness: 1px;
}
.fp-route .fp-route__sequence--sea a,
.fp-route .fp-route__sequence--risk a {
color: var(--fpr-gold-light);
} @media (max-width: 1100px) {
.fp-route .fp-route__hero-inner,
.fp-route .fp-route__facts-inner,
.fp-route .fp-route__sequence-inner,
.fp-route .fp-route__linked-ports-inner,
.fp-route .fp-route__related-inner,
.fp-route .fp-route__morse-inner {
width: min(calc(100% - 42px), 820px);
}
.fp-route .fp-route__hero-grid {
grid-template-columns: 1fr;
gap: 46px;
}
.fp-route .fp-route__hero-content {
max-width: 820px;
}
.fp-route .fp-route__hero-media {
width: 100%;
}
.fp-route .fp-route__facts-inner {
grid-template-columns: 1fr;
}
.fp-route .fp-route__timeline-list {
grid-template-columns:
repeat(auto-fit, minmax(150px, 1fr));
}
.fp-route
.fp-route__sequence--columns
.fp-route__sequence-content {
column-count: 1;
column-rule: none;
} .fp-route .fp-route__horizontal-grid,
.fp-route
.fp-route__sequence--media-right
.fp-route__horizontal-grid {
grid-template-columns: 1fr;
grid-template-areas:
"media"
"texte";
gap: 36px;
} .fp-route .fp-route__vertical-grid,
.fp-route
.fp-route__sequence--media-right
.fp-route__vertical-grid {
grid-template-columns:
minmax(0, 1fr)
minmax(0, 1fr);
grid-template-areas:
"media media"
"texte1 texte2";
gap: 34px;
}
.fp-route .fp-route__vertical-media {
width: min(100%, 500px);
margin: 0 auto;
}
.fp-route .fp-route__ports-grid {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}
.fp-route .fp-route__related-grid {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}
.fp-route
.fp-route__related-card:last-child:nth-child(odd) {
grid-column: 1 / -1;
width: min(100%, 390px);
margin: 0 auto;
}
} @media (max-width: 680px) {
.fp-route {
font-size: 19px;
}
.fp-route .fp-route__hero-inner,
.fp-route .fp-route__facts-inner,
.fp-route .fp-route__sequence-inner,
.fp-route .fp-route__linked-ports-inner,
.fp-route .fp-route__related-inner,
.fp-route .fp-route__morse-inner {
width: calc(100% - 36px);
}
.fp-route .fp-route__hero-inner {
padding-top: 56px;
}
.fp-route .fp-route__hero::after {
top: 24px;
right: -18px;
width: 110px;
opacity: 0.2;
}
.fp-route .fp-route__label {
margin-bottom: 18px !important;
font-size: 13px !important;
}
.fp-route .fp-route__title,
.fp-route .fp-route__title * {
font-size: clamp(43px, 13vw, 62px) !important;
line-height: 1.02 !important;
}
.fp-route .fp-route__subtitle {
margin-top: 21px !important;
font-size: clamp(25px, 8vw, 35px) !important;
}
.fp-route .fp-route__chapo {
margin-top: 26px;
}
.fp-route .fp-route__chapo p {
font-size: 21px !important;
line-height: 1.52 !important;
}
.fp-route .fp-route__hero-actions {
flex-direction: column;
}
.fp-route .fp-route__button {
width: 100%;
}
.fp-route .fp-route__hero-image {
aspect-ratio: 4 / 3;
}
.fp-route .fp-route__hero-stats {
grid-template-columns:
repeat(2, minmax(0, 1fr));
margin-top: 44px;
}
.fp-route .fp-route__hero-stat {
padding: 19px 16px;
border-bottom: 1px solid rgba(198, 161, 91, 0.28);
}
.fp-route .fp-route__hero-stat:nth-child(2n) {
border-right: 0;
}
.fp-route .fp-route__hero-stat-value {
font-size: 21px;
}
.fp-route .fp-route__facts {
padding:
58px
0;
}
.fp-route .fp-route__identity,
.fp-route .fp-route__timeline {
padding:
38px
22px;
}
.fp-route .fp-route__panel-title,
.fp-route .fp-route__timeline-title {
font-size: 29px !important;
}
.fp-route .fp-route__identity-list {
grid-template-columns: 1fr;
gap: 5px;
}
.fp-route .fp-route__identity-list dt {
margin-top: 17px !important;
text-align: center;
}
.fp-route .fp-route__identity-list dt:first-child {
margin-top: 0 !important;
}
.fp-route .fp-route__identity-list dd {
font-size: 20px !important;
text-align: center;
}
.fp-route .fp-route__timeline-list {
grid-template-columns: 1fr;
gap: 24px;
}
.fp-route .fp-route__timeline-item {
display: grid;
grid-template-columns: 42px minmax(0, 1fr);
gap: 15px;
text-align: left;
}
.fp-route .fp-route__timeline-item:not(:last-child)::after {
top: 43px;
bottom: -24px;
left: 20px;
width: 1px;
height: auto;
background:
repeating-linear-gradient(
180deg,
var(--fpr-gold) 0 7px,
transparent 7px 13px
);
}
.fp-route .fp-route__timeline-number {
margin: 0;
}
.fp-route .fp-route__sequence {
padding:
58px
0;
}
.fp-route .fp-route__sequence h2,
.fp-route .fp-route__sequence h2.wp-block-heading {
font-size: clamp(30px, 9vw, 39px) !important;
line-height: 1.18 !important;
}
.fp-route .fp-route__sequence h2::after {
width: min(270px, 86%);
height: 28px;
margin-top: 14px;
}
.fp-route .fp-route__sequence p,
.fp-route .fp-route__sequence li {
font-size: 19px !important;
line-height: 1.66 !important;
} .fp-route .fp-route__vertical-grid,
.fp-route
.fp-route__sequence--media-right
.fp-route__vertical-grid {
grid-template-columns: 1fr;
grid-template-areas:
"media"
"texte1"
"texte2";
gap: 30px;
}
.fp-route .fp-route__vertical-media {
width: min(100%, 360px);
}
.fp-route
.fp-route__sequence--media-horizontal
.fp-route__horizontal-media img {
aspect-ratio: 4 / 3;
}
.fp-route
.fp-route__sequence--media-vertical
.fp-route__vertical-media img {
aspect-ratio: 3 / 4;
}
.fp-route .fp-route-map {
padding:
26px
18px !important;
}
.fp-route .fp-route-map::before {
width: 72px;
}
.fp-route .fp-route-morse {
padding:
34px
22px;
}
.fp-route .fp-route-morse__code {
font-size: 19px !important;
letter-spacing: 0.1em;
}
.fp-route .fp-route-morse__stamp {
position: static;
display: inline-block;
margin-top: 28px;
}
.fp-route .wp-block-gallery {
grid-template-columns: 1fr;
gap: 15px !important;
}
.fp-route .wp-block-quote,
.fp-route .wp-block-pullquote {
padding:
34px
22px !important;
}
.fp-route .wp-block-quote p,
.fp-route .wp-block-pullquote p {
font-size: 25px !important;
}
.fp-route details summary,
.fp-route .wp-block-details summary {
padding:
20px
54px
20px
19px;
font-size: 20px !important;
}
.fp-route .fp-route__ports-grid,
.fp-route .fp-route__related-grid {
grid-template-columns: 1fr;
}
.fp-route
.fp-route__related-card:last-child:nth-child(odd) {
grid-column: auto;
width: 100%;
}
.fp-route .fp-route__port-name,
.fp-route .fp-route__related-name {
font-size: 25px;
}
} @media (min-width: 1024px) {
body.fp-route-page .fp-route__hero-content {
justify-content: center !important;
padding-block: clamp(24px, 3.2vh, 42px) !important;
overflow: hidden !important;
}
body.fp-route-page .fp-route__title {
font-size: clamp(46px, 4.25vw, 72px) !important;
line-height: .94 !important;
margin-bottom: clamp(12px, 1.6vh, 20px) !important;
}
body.fp-route-page .fp-route__subtitle,
body.fp-route-page .fp-route__chapo {
margin-bottom: clamp(12px, 1.6vh, 20px) !important;
}
body.fp-route-page .fp-route__chapo,
body.fp-route-page .fp-route__chapo p {
font-size: clamp(17px, 1.35vw, 21px) !important;
line-height: 1.42 !important;
}
body.fp-route-page .fp-route__hero-actions {
display: flex !important;
flex-wrap: wrap !important;
gap: 12px !important;
margin-top: clamp(12px, 1.8vh, 22px) !important;
}
body.fp-route-page .fp-route__hero-media,
body.fp-route-page .fp-route__hero-image {
min-height: 0 !important;
} body.fp-route-page .fp-route__sequence--itinerary .fp-route-map-figure {
position: relative !important;
display: block !important;
width: 100% !important;
height: min(68vh, 650px) !important;
margin: 0 !important;
overflow: hidden !important;
}
body.fp-route-page .fp-route__sequence--itinerary .fp-route-map-figure > img {
position: absolute !important;
inset: 0 !important;
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
body.fp-route-page .fp-route__sequence--itinerary .fp-route-map-overlay {
position: absolute !important;
top: 50% !important;
right: clamp(24px, 4vw, 68px) !important;
left: auto !important;
width: min(330px, 31%) !important;
height: auto !important;
transform: translateY(-50%) !important;
} body.fp-route-page .fp-route__sequence--stage-04-photo .fp-route__sequence-heading,
body.fp-route-page .fp-route__sequence--stage-04-photo .fp-route__sequence-heading *,
body.fp-route-page .fp-route__sequence--stage-04-photo h2 {
color: #d8b766 !important;
} body.fp-route-page .fp-route__sequence--stage-04-text {
height: calc(100svh - 77px) !important;
min-height: 620px !important;
max-height: none !important;
overflow: hidden !important;
}
body.fp-route-page .fp-route__sequence--stage-04-text .fp-route__sequence-inner {
display: flex !important;
align-items: center !important;
height: 100% !important;
padding-block: clamp(26px, 4vh, 48px) !important;
}
body.fp-route-page .fp-route__sequence--stage-04-text .fp-route__sequence-content {
grid-template-columns: minmax(0, 1.05fr) minmax(320px, .78fr) !important;
grid-template-rows: auto minmax(0, 1fr) !important;
column-gap: clamp(34px, 5vw, 74px) !important;
row-gap: clamp(16px, 2.2vh, 26px) !important;
width: 100% !important;
max-height: 100% !important;
}
body.fp-route-page .fp-route__sequence--stage-04-text h2 {
margin: 0 !important;
font-size: clamp(40px, 4.2vw, 68px) !important;
line-height: .98 !important;
}
body.fp-route-page .fp-route__delivery-copy,
body.fp-route-page .fp-route__delivery-copy p {
font-size: clamp(16px, 1.15vw, 19px) !important;
line-height: 1.5 !important;
}
body.fp-route-page .fp-route__sequence--stage-04-text .fp-route-morse,
body.fp-route-page .fp-route__sequence--stage-04-text .fp-route-morse-inline {
align-self: center !important;
max-height: calc(100svh - 190px) !important;
padding: clamp(22px, 3vh, 34px) !important;
overflow: hidden !important;
} body.fp-route-page .fp-route__linked-ports {
display: flex !important;
align-items: stretch !important;
height: calc(100svh - 77px) !important;
min-height: 620px !important;
padding: clamp(24px, 3.2vh, 40px) clamp(24px, 3vw, 52px) !important;
background: #07131f !important;
overflow: hidden !important;
}
body.fp-route-page .fp-route__linked-ports-inner {
display: grid !important;
grid-template-rows: auto auto minmax(0, 1fr) !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
gap: 8px !important;
}
body.fp-route-page .fp-route__linked-ports-label,
body.fp-route-page .fp-route__linked-ports-title {
margin-block: 0 !important;
}
body.fp-route-page .fp-route__ports-grid {
display: grid !important;
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
grid-template-rows: minmax(0, 1fr) !important;
gap: clamp(10px, 1.15vw, 18px) !important;
min-height: 0 !important;
margin-top: clamp(10px, 1.6vh, 18px) !important;
}
body.fp-route-page .fp-route__port-card,
body.fp-route-page .fp-route__port-card:first-child {
grid-column: auto !important;
grid-row: auto !important;
display: grid !important;
grid-template-rows: minmax(0, 1fr) auto !important;
min-width: 0 !important;
min-height: 0 !important;
height: 100% !important;
overflow: hidden !important;
}
body.fp-route-page .fp-route__port-image {
min-height: 0 !important;
height: 100% !important;
}
body.fp-route-page .fp-route__port-content {
padding: 14px 12px !important;
}
}
@media (max-width: 1023px) {
body.fp-route-page .fp-route__hero-content,
body.fp-route-page .fp-route__sequence--stage-04-text,
body.fp-route-page .fp-route__linked-ports {
overflow: visible !important;
}
body.fp-route-page .fp-route__sequence--stage-04-photo .fp-route__sequence-heading,
body.fp-route-page .fp-route__sequence--stage-04-photo .fp-route__sequence-heading *,
body.fp-route-page .fp-route__sequence--stage-04-photo h2 {
color: #d8b766 !important;
}
body.fp-route-page .fp-route__linked-ports {
width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
padding: 34px 20px !important;
background: #07131f !important;
}
} @media (prefers-reduced-motion: reduce) {
.fp-route *,
.fp-route *::before,
.fp-route *::after {
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
}
}  body.fp-route-page {
margin: 0 !important;
overflow-x: clip;
background: #07131F !important;
}
body.fp-route-page #page,
body.fp-route-page .site,
body.fp-route-page .site-content,
body.fp-route-page .content-area,
body.fp-route-page .site-main,
body.fp-route-page main,
body.fp-route-page article.post,
body.fp-route-page .inside-article,
body.fp-route-page .entry-content,
body.fp-route-page .post-content,
body.fp-route-page .wp-block-post-content {
width: 100% !important;
max-width: none !important;
margin-right: 0 !important;
margin-left: 0 !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
body.fp-route-page .site-content {
display: block !important;
}
body.fp-route-page .content-area {
float: none !important;
}
body.fp-route-page .inside-article,
body.fp-route-page article.post {
overflow: visible !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.fp-route-page .widget-area,
body.fp-route-page aside.sidebar {
display: none !important;
} body.fp-route-page .fp-route {
position: relative;
left: 50%;
width: 100vw !important;
max-width: 100vw !important;
margin-right: 0 !important;
margin-left: 0 !important;
transform: translateX(-50%);
} .fp-route .fp-route__hero {
position: relative;
isolation: isolate;
width: 100%;
min-height: 0;
overflow: hidden;
color: var(--fpr-ivory);
background: var(--fpr-deep) !important;
border-bottom: 1px solid rgba(198, 161, 91, 0.68);
} .fp-route .fp-route__hero::before {
position: absolute;
z-index: 2;
inset: 0;
content: "";
pointer-events: none;
background-image: var(--fpr-svg-map);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
opacity: 0.14;
} .fp-route .fp-route__hero::after {
position: absolute;
z-index: 4;
top: clamp(48px, 7vw, 100px);
right: clamp(24px, 5vw, 76px);
width: clamp(110px, 15vw, 210px);
aspect-ratio: 1;
content: "";
pointer-events: none;
background-image: var(--fpr-svg-compass);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.28;
} .fp-route .fp-route__hero-inner {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
} .fp-route .fp-route__hero-grid {
display: block !important;
position: relative;
width: 100%;
min-height: clamp(680px, 80vh, 920px);
overflow: hidden;
} .fp-route .fp-route__hero-grid::before {
position: absolute;
z-index: 2;
inset: 0;
content: "";
pointer-events: none;
background:
linear-gradient(
90deg,
rgba(5, 13, 22, 0.96) 0%,
rgba(7, 19, 31, 0.89) 28%,
rgba(7, 19, 31, 0.56) 55%,
rgba(7, 19, 31, 0.16) 78%,
rgba(7, 19, 31, 0.24) 100%
),
linear-gradient(
180deg,
rgba(7, 19, 31, 0.26) 0%,
transparent 40%,
rgba(7, 19, 31, 0.64) 100%
);
} .fp-route .fp-route__hero-grid::after {
position: absolute;
z-index: 2;
right: 0;
bottom: 0;
left: 0;
height: 210px;
content: "";
pointer-events: none;
background:
linear-gradient(
180deg,
transparent,
rgba(7, 19, 31, 0.88)
);
} .fp-route .fp-route__hero-media {
position: absolute !important;
z-index: 1;
inset: 0;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
overflow: hidden;
background: var(--fpr-black);
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
} .fp-route .fp-route__hero-media::before {
display: none !important;
}
.fp-route .fp-route__hero-image {
display: block;
width: 100% !important;
max-width: none !important;
height: 100% !important;
aspect-ratio: auto !important;
object-fit: cover !important;
object-position: center center;
filter:
grayscale(1)
contrast(1.09)
brightness(0.82) !important;
transform: scale(1.01);
} .fp-route .fp-route__hero-caption {
display: none !important;
} .fp-route .fp-route__hero-content {
position: relative;
z-index: 5;
width: min(
760px,
calc(100% - 64px)
);
max-width: 760px;
margin-left: max(
32px,
calc((100vw - 1440px) / 2)
);
padding-top: clamp(105px, 13vw, 180px);
padding-bottom: clamp(90px, 11vw, 155px);
} .fp-route .fp-route__label {
background: rgba(7, 19, 31, 0.58);
backdrop-filter: blur(4px);
} .fp-route .fp-route__title,
.fp-route .fp-route__title * {
max-width: 900px;
color: var(--fpr-gold-light) !important;
text-shadow:
0 4px 28px rgba(0, 0, 0, 0.62),
0 1px 2px rgba(0, 0, 0, 0.86);
} .fp-route .fp-route__subtitle {
max-width: 700px;
color: #FFFFFF !important;
text-shadow:
0 3px 20px rgba(0, 0, 0, 0.8);
} .fp-route .fp-route__chapo {
max-width: 680px;
}
.fp-route .fp-route__chapo p {
color: rgba(255, 255, 255, 0.94) !important;
text-shadow:
0 2px 14px rgba(0, 0, 0, 0.72);
} .fp-route .fp-route__button--primary {
box-shadow:
0 12px 28px rgba(0, 0, 0, 0.3);
}
.fp-route .fp-route__button--secondary {
background: rgba(7, 19, 31, 0.72);
backdrop-filter: blur(5px);
} .fp-route .fp-route__hero-stats {
position: relative;
z-index: 6;
width: min(
calc(100% - 64px),
1440px
);
margin:
0
auto !important;
background: rgba(7, 19, 31, 0.97);
border-top: 1px solid rgba(198, 161, 91, 0.68);
border-right: 1px solid rgba(198, 161, 91, 0.32);
border-bottom: 1px solid rgba(198, 161, 91, 0.46);
border-left: 1px solid rgba(198, 161, 91, 0.32);
box-shadow:
0 -20px 45px rgba(0, 0, 0, 0.22);
} @media (max-width: 1100px) {
.fp-route .fp-route__hero-grid {
min-height: 760px;
}
.fp-route .fp-route__hero-content {
width: min(
720px,
calc(100% - 48px)
);
margin-left: 24px;
padding-top: 100px;
padding-bottom: 100px;
}
.fp-route .fp-route__hero-grid::before {
background:
linear-gradient(
90deg,
rgba(5, 13, 22, 0.95) 0%,
rgba(7, 19, 31, 0.84) 48%,
rgba(7, 19, 31, 0.34) 100%
),
linear-gradient(
180deg,
rgba(7, 19, 31, 0.2),
rgba(7, 19, 31, 0.68)
);
}
.fp-route .fp-route__hero-stats {
width: calc(100% - 42px);
}
} @media (max-width: 680px) {
.fp-route .fp-route__hero::after {
display: none;
}
.fp-route .fp-route__hero-grid {
min-height: 720px;
}
.fp-route .fp-route__hero-grid::before {
background:
linear-gradient(
180deg,
rgba(5, 13, 22, 0.72) 0%,
rgba(7, 19, 31, 0.86) 52%,
rgba(7, 19, 31, 0.97) 100%
);
}
.fp-route .fp-route__hero-image {
object-position: 58% center;
}
.fp-route .fp-route__hero-content {
width: calc(100% - 36px);
margin-right: 18px;
margin-left: 18px;
padding-top: 68px;
padding-bottom: 70px;
}
.fp-route .fp-route__title,
.fp-route .fp-route__title * {
font-size: clamp(42px, 12vw, 58px) !important;
}
.fp-route .fp-route__subtitle {
font-size: clamp(24px, 7vw, 32px) !important;
}
.fp-route .fp-route__chapo p {
font-size: 20px !important;
}
.fp-route .fp-route__hero-stats {
width: 100%;
border-right: 0;
border-left: 0;
}
}  .fp-route {
--fpr-black: #070B10;
--fpr-deep: #07131F;
--fpr-navy: #0D1B2A;
--fpr-ocean: #16324A;
--fpr-ocean-light: #244864;
--fpr-ivory: #F2EBDD;
--fpr-paper: #E4D8C1;
--fpr-paper-dark: #CFC0A4;
--fpr-ink: #17212B;
--fpr-fog: #7B838B;
--fpr-gold: #C6A15B;
--fpr-gold-light: #D8BB7A;
--fpr-gold-dark: #8F6C32;
--fpr-copper: #9B6A3F;
--fpr-signal: #8E3B3B;
--fpr-title: "Limelight", sans-serif;
--fpr-subtitle: "Market Deco", "Poiret One", serif;
--fpr-heading: "Cinzel", serif;
--fpr-editorial: "Cormorant Garamond", serif;
--fpr-body: "Inter", Arial, sans-serif;
--fpr-panel: "Poiret One", sans-serif;
--fpr-data: "Italiana", serif;
--fpr-svg-map: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 700'%3E%3Cg fill='none' stroke='%23C6A15B' stroke-width='1'%3E%3Cpath opacity='.18' d='M0 110h1200M0 220h1200M0 330h1200M0 440h1200M0 550h1200M0 660h1200M120 0v700M240 0v700M360 0v700M480 0v700M600 0v700M720 0v700M840 0v700M960 0v700M1080 0v700'/%3E%3Cpath opacity='.34' d='M76 505c92-84 144-25 222-101 65-63 119-24 179-84 78-78 130-34 207-101 71-62 139-37 212-91 67-49 125-43 224-115' stroke-dasharray='8 12'/%3E%3Ccircle cx='76' cy='505' r='8'/%3E%3Ccircle cx='298' cy='404' r='8'/%3E%3Ccircle cx='477' cy='320' r='8'/%3E%3Ccircle cx='684' cy='219' r='8'/%3E%3Ccircle cx='896' cy='128' r='8'/%3E%3C/g%3E%3C/svg%3E");
--fpr-svg-compass: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='%23C6A15B' stroke-width='2'%3E%3Ccircle cx='90' cy='90' r='72'/%3E%3Ccircle cx='90' cy='90' r='54'/%3E%3Cpath d='M90 8l13 64 69 18-69 18-13 64-13-64L8 90l69-18z'/%3E%3Cpath d='M90 34l8 46 48 10-48 10-8 46-8-46-48-10 48-10z'/%3E%3Ccircle cx='90' cy='90' r='7' fill='%23C6A15B'/%3E%3C/g%3E%3C/svg%3E");
--fpr-svg-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 380 34'%3E%3Cg fill='none' stroke='%23C6A15B' stroke-width='2'%3E%3Cpath d='M5 17h112M263 17h112'/%3E%3Cpath d='M117 17h25l17-11 20 11 21-11 20 11 18-11 25 11' stroke-dasharray='6 6'/%3E%3Ccircle cx='159' cy='6' r='4' fill='%23C6A15B'/%3E%3Ccircle cx='220' cy='17' r='4' fill='%23C6A15B'/%3E%3C/g%3E%3C/svg%3E");
--fpr-svg-corner: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23C6A15B' stroke-width='2'%3E%3Cpath d='M8 84V8h76M20 84V20h64M32 84V32h52'/%3E%3Cpath d='M8 40h32V8M20 52h32V20'/%3E%3Cpath d='M8 84l25-25M20 84l25-25'/%3E%3C/g%3E%3C/svg%3E");
--fpr-svg-morse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 700 40'%3E%3Cg fill='%23C6A15B' opacity='.55'%3E%3Ccircle cx='15' cy='20' r='4'/%3E%3Crect x='32' y='17' width='32' height='6'/%3E%3Ccircle cx='83' cy='20' r='4'/%3E%3Ccircle cx='105' cy='20' r='4'/%3E%3Crect x='123' y='17' width='36' height='6'/%3E%3Crect x='180' y='17' width='36' height='6'/%3E%3Ccircle cx='235' cy='20' r='4'/%3E%3Crect x='254' y='17' width='30' height='6'/%3E%3Ccircle cx='304' cy='20' r='4'/%3E%3Ccircle cx='326' cy='20' r='4'/%3E%3Crect x='345' y='17' width='38' height='6'/%3E%3Ccircle cx='403' cy='20' r='4'/%3E%3Crect x='423' y='17' width='35' height='6'/%3E%3Crect x='479' y='17' width='35' height='6'/%3E%3Ccircle cx='534' cy='20' r='4'/%3E%3Ccircle cx='556' cy='20' r='4'/%3E%3Crect x='575' y='17' width='38' height='6'/%3E%3Ccircle cx='634' cy='20' r='4'/%3E%3Crect x='652' y='17' width='32' height='6'/%3E%3C/g%3E%3C/svg%3E");
position: relative;
width: 100vw;
max-width: none !important;
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
overflow: hidden;
color: var(--fpr-ink);
background: var(--fpr-ivory);
font-family: var(--fpr-body);
font-size: 20px;
line-height: 1.72;
}
.fp-route,
.fp-route *,
.fp-route *::before,
.fp-route *::after {
box-sizing: border-box;
}
.fp-route img {
max-width: 100%;
height: auto;
}
.fp-route a {
text-underline-offset: 4px;
} body.fp-route-page {
margin: 0 !important;
overflow-x: clip;
background: var(--fpr-deep) !important;
}
body.fp-route-page #page,
body.fp-route-page .site,
body.fp-route-page .site-content,
body.fp-route-page .content-area,
body.fp-route-page .site-main,
body.fp-route-page main,
body.fp-route-page article.post,
body.fp-route-page .inside-article,
body.fp-route-page .entry-content,
body.fp-route-page .post-content,
body.fp-route-page .wp-block-post-content {
width: 100% !important;
max-width: none !important;
margin-right: 0 !important;
margin-left: 0 !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
body.fp-route-page .site-content {
display: block !important;
}
body.fp-route-page .content-area {
float: none !important;
}
body.fp-route-page .inside-article,
body.fp-route-page article.post {
overflow: visible !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.fp-route-page .widget-area,
body.fp-route-page aside.sidebar {
display: none !important;
}
body.fp-route-page .site-main > article > .entry-header,
body.fp-route-page main .post > .entry-header {
display: none !important;
}
body.fp-route-page .site-header .site-title,
body.fp-route-page .site-header .site-description,
body.fp-route-page #masthead .site-title,
body.fp-route-page #masthead .site-description,
body.fp-route-page .site-branding .site-title-wrap,
body.fp-route-page .wp-block-site-title,
body.fp-route-page .wp-block-site-tagline {
display: none !important;
}
body.fp-route-page .fp-route {
position: relative;
left: 50%;
width: 100vw !important;
max-width: 100vw !important;
margin-right: 0 !important;
margin-left: 0 !important;
transform: translateX(-50%);
} .fp-route .fp-route__hero {
position: relative;
isolation: isolate;
width: 100%;
overflow: hidden;
color: var(--fpr-ivory);
background: var(--fpr-deep) !important;
border-bottom: 1px solid rgba(198, 161, 91, 0.68);
}
.fp-route .fp-route__hero::before {
position: absolute;
z-index: 2;
inset: 0;
content: "";
pointer-events: none;
background-image: var(--fpr-svg-map);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
opacity: 0.14;
}
.fp-route .fp-route__hero::after {
position: absolute;
z-index: 4;
top: clamp(48px, 7vw, 100px);
right: clamp(24px, 5vw, 76px);
width: clamp(110px, 15vw, 210px);
aspect-ratio: 1;
content: "";
pointer-events: none;
background-image: var(--fpr-svg-compass);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.28;
}
.fp-route .fp-route__hero-inner {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
.fp-route .fp-route__hero-grid {
display: block !important;
position: relative;
width: 100%;
min-height: clamp(680px, 80vh, 920px);
overflow: hidden;
}
.fp-route .fp-route__hero-grid::before {
position: absolute;
z-index: 2;
inset: 0;
content: "";
pointer-events: none;
background:
linear-gradient(
90deg,
rgba(5, 13, 22, 0.96) 0%,
rgba(7, 19, 31, 0.89) 28%,
rgba(7, 19, 31, 0.56) 55%,
rgba(7, 19, 31, 0.16) 78%,
rgba(7, 19, 31, 0.24) 100%
),
linear-gradient(
180deg,
rgba(7, 19, 31, 0.26) 0%,
transparent 40%,
rgba(7, 19, 31, 0.64) 100%
);
}
.fp-route .fp-route__hero-grid::after {
position: absolute;
z-index: 2;
right: 0;
bottom: 0;
left: 0;
height: 210px;
content: "";
pointer-events: none;
background:
linear-gradient(
180deg,
transparent,
rgba(7, 19, 31, 0.88)
);
}
.fp-route .fp-route__hero-media {
position: absolute !important;
z-index: 1;
inset: 0;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
overflow: hidden;
background: var(--fpr-black);
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.fp-route .fp-route__hero-media::before {
display: none !important;
}
.fp-route .fp-route__hero-image {
display: block;
width: 100% !important;
max-width: none !important;
height: 100% !important;
aspect-ratio: auto !important;
object-fit: cover !important;
object-position: center center;
filter:
grayscale(1)
contrast(1.09)
brightness(0.82) !important;
transform: scale(1.01);
}
.fp-route .fp-route__hero-caption {
display: none !important;
}
.fp-route .fp-route__hero-content {
position: relative;
z-index: 5;
width: min(760px, calc(100% - 64px));
max-width: 760px;
margin-left: max(
32px,
calc((100vw - 1440px) / 2)
);
padding-top: clamp(105px, 13vw, 180px);
padding-bottom: clamp(90px, 11vw, 155px);
}
.fp-route .fp-route__label {
display: inline-flex;
align-items: center;
margin: 0 0 24px !important;
padding: 8px 14px;
color: var(--fpr-gold-light) !important;
background: rgba(7, 19, 31, 0.58);
font-family: var(--fpr-panel) !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.2 !important;
letter-spacing: 0.16em;
text-transform: uppercase;
border: 1px solid rgba(198, 161, 91, 0.72);
backdrop-filter: blur(4px);
}
.fp-route .fp-route__label::before {
margin-right: 9px;
content: "✦";
color: var(--fpr-gold);
}
.fp-route .fp-route__title,
.fp-route .fp-route__title * {
max-width: 900px;
margin: 0 !important;
color: var(--fpr-gold-light) !important;
font-family: var(--fpr-title) !important;
font-size: clamp(55px, 6vw, 96px) !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1.01 !important;
letter-spacing: 0.015em;
text-transform: uppercase;
text-shadow:
0 4px 28px rgba(0, 0, 0, 0.62),
0 1px 2px rgba(0, 0, 0, 0.86);
text-wrap: balance;
}
.fp-route .fp-route__subtitle {
max-width: 700px;
margin: 28px 0 0 !important;
color: #FFFFFF !important;
font-family: var(--fpr-subtitle) !important;
font-size: clamp(28px, 3vw, 44px) !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1.16 !important;
letter-spacing: 0.035em;
text-shadow:
0 3px 20px rgba(0, 0, 0, 0.8);
text-wrap: balance;
}
.fp-route .fp-route__chapo {
max-width: 680px;
margin-top: 32px;
}
.fp-route .fp-route__chapo p {
margin: 0 !important;
color: rgba(255, 255, 255, 0.94) !important;
font-family: var(--fpr-editorial) !important;
font-size: clamp(22px, 2vw, 27px) !important;
font-weight: 500 !important;
line-height: 1.55 !important;
text-shadow:
0 2px 14px rgba(0, 0, 0, 0.72);
text-wrap: pretty;
}
.fp-route .fp-route__hero-actions {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin-top: 38px;
}
.fp-route .fp-route__button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 50px;
padding: 12px 21px;
font-family: var(--fpr-body);
font-size: 14px;
font-weight: 600;
line-height: 1.2;
letter-spacing: 0.08em;
text-decoration: none !important;
text-transform: uppercase;
transition:
transform 180ms ease,
background-color 180ms ease,
color 180ms ease;
}
.fp-route .fp-route__button:hover,
.fp-route .fp-route__button:focus-visible {
transform: translateY(-2px);
}
.fp-route .fp-route__button--primary {
color: var(--fpr-deep);
background: var(--fpr-gold);
border: 1px solid var(--fpr-gold);
box-shadow:
0 12px 28px rgba(0, 0, 0, 0.3);
}
.fp-route .fp-route__button--secondary {
color: var(--fpr-gold-light);
background: rgba(7, 19, 31, 0.72);
border: 1px solid var(--fpr-gold);
backdrop-filter: blur(5px);
} .fp-route .fp-route__hero-stats {
position: relative;
z-index: 6;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
width: min(calc(100% - 64px), 1440px);
margin: 0 auto !important;
background: rgba(7, 19, 31, 0.98) !important;
border-top: 1px solid rgba(198, 161, 91, 0.68);
border-right: 1px solid rgba(198, 161, 91, 0.32);
border-bottom: 1px solid rgba(198, 161, 91, 0.46);
border-left: 1px solid rgba(198, 161, 91, 0.32);
box-shadow:
0 -20px 45px rgba(0, 0, 0, 0.22);
}
.fp-route .fp-route__hero-stat {
display: flex;
flex-direction: column;
gap: 7px;
min-width: 0;
padding: 24px 18px !important;
background: rgba(7, 19, 31, 0.62);
border-right: 1px solid rgba(198, 161, 91, 0.28);
}
.fp-route .fp-route__hero-stat:last-child {
border-right: 0;
}
.fp-route .fp-route__hero-stat-label {
color: rgba(198, 161, 91, 0.95) !important;
font-family: var(--fpr-panel);
font-size: 13px !important;
line-height: 1.3;
letter-spacing: 0.12em !important;
text-transform: uppercase;
}
.fp-route .fp-route__hero-stat-value {
color: #FFFFFF !important;
font-family: var(--fpr-editorial) !important;
font-size: clamp(24px, 2vw, 31px) !important;
font-weight: 600 !important;
line-height: 1.2 !important;
} .fp-route .fp-route__facts {
position: relative;
padding:
clamp(72px, 8vw, 112px)
0;
color: var(--fpr-ivory);
background:
linear-gradient(
135deg,
rgba(36, 72, 100, 0.23),
transparent 50%
),
var(--fpr-navy);
border-bottom: 1px solid rgba(198, 161, 91, 0.55);
}
.fp-route .fp-route__facts-inner {
display: grid;
grid-template-columns:
minmax(350px, 0.82fr)
minmax(0, 1.18fr);
align-items: stretch;
gap: clamp(34px, 5vw, 68px);
width: min(calc(100% - 64px), 1320px);
margin: 0 auto;
}
.fp-route .fp-route__identity {
position: relative;
padding:
clamp(38px, 4vw, 54px)
clamp(28px, 4vw, 46px);
overflow: hidden;
color: var(--fpr-ink);
background:
linear-gradient(
rgba(228, 216, 193, 0.92),
rgba(228, 216, 193, 0.92)
),
var(--fpr-svg-map),
var(--fpr-paper);
border: 1px solid var(--fpr-gold-dark);
box-shadow:
0 28px 64px rgba(0, 0, 0, 0.28),
inset 0 0 48px rgba(76, 53, 24, 0.12);
}
.fp-route .fp-route__identity::before,
.fp-route .fp-route__identity::after {
position: absolute;
width: 78px;
height: 78px;
content: "";
pointer-events: none;
background-image: var(--fpr-svg-corner);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.65;
}
.fp-route .fp-route__identity::before {
top: 8px;
left: 8px;
}
.fp-route .fp-route__identity::after {
right: 8px;
bottom: 8px;
transform: rotate(180deg);
}
.fp-route .fp-route__identity > * {
position: relative;
z-index: 1;
}
.fp-route .fp-route__timeline {
position: relative;
padding:
clamp(38px, 4vw, 54px)
clamp(28px, 4vw, 46px);
overflow: hidden;
background:
linear-gradient(
145deg,
rgba(198, 161, 91, 0.075),
transparent 58%
),
rgba(7, 19, 31, 0.82);
border: 1px solid rgba(198, 161, 91, 0.72);
box-shadow:
inset 0 0 0 6px rgba(198, 161, 91, 0.025),
0 28px 64px rgba(0, 0, 0, 0.24);
}
.fp-route .fp-route__panel-title,
.fp-route .fp-route__timeline-title {
margin: 0 0 34px !important;
font-family: var(--fpr-panel) !important;
font-size: clamp(29px, 3vw, 40px) !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1.15 !important;
letter-spacing: 0.065em;
text-align: center;
text-transform: uppercase;
text-wrap: balance;
}
.fp-route .fp-route__panel-title {
color: var(--fpr-navy) !important;
}
.fp-route .fp-route__timeline-title {
color: var(--fpr-gold-light) !important;
}
.fp-route .fp-route__panel-title::after,
.fp-route .fp-route__timeline-title::after {
display: block;
width: min(320px, 82%);
height: 30px;
margin: 17px auto 0;
content: "";
background-image: var(--fpr-svg-divider);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.8;
}
.fp-route .fp-route__identity-list {
display: grid;
grid-template-columns:
minmax(120px, 0.8fr)
minmax(0, 1.2fr);
gap: 16px 24px;
margin: 0 !important;
}
.fp-route .fp-route__identity-list dt {
margin: 0 !important;
color: var(--fpr-gold-dark) !important;
font-family: var(--fpr-panel) !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.45 !important;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.fp-route .fp-route__identity-list dd {
margin: 0 !important;
color: var(--fpr-ink) !important;
font-family: var(--fpr-editorial) !important;
font-size: 21px !important;
font-weight: 600 !important;
line-height: 1.45 !important;
}
.fp-route .fp-route__timeline-list {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: 18px !important;
margin: 0 !important;
padding: 0 !important;
list-style: none;
}
.fp-route .fp-route__timeline-item {
position: relative;
min-width: 0;
margin: 0 !important;
padding: 0 !important;
text-align: center;
}
.fp-route .fp-route__timeline-item:not(:last-child)::after {
position: absolute;
top: 19px;
left: calc(50% + 25px);
width: calc(100% - 50px);
height: 1px;
content: "";
background:
repeating-linear-gradient(
90deg,
var(--fpr-gold) 0 7px,
transparent 7px 13px
);
opacity: 0.58;
}
.fp-route .fp-route__timeline-number {
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 2;
width: 40px;
height: 40px;
margin-bottom: 17px;
color: var(--fpr-gold-light);
background: var(--fpr-deep);
font-family: var(--fpr-data);
font-size: 21px;
line-height: 1;
border: 1px solid var(--fpr-gold);
border-radius: 50%;
}
.fp-route .fp-route__timeline-content {
display: flex;
flex-direction: column;
gap: 9px;
}
.fp-route .fp-route__timeline-name {
color: var(--fpr-gold);
font-family: var(--fpr-panel);
font-size: 13px !important;
line-height: 1.3;
letter-spacing: 0.08em !important;
text-transform: uppercase;
}
.fp-route .fp-route__timeline-text {
color: rgba(242, 235, 221, 0.9);
font-family: var(--fpr-editorial);
font-size: 17px !important;
font-weight: 500;
line-height: 1.45 !important;
} .fp-route .fp-route__sequence {
position: relative;
padding:
clamp(56px, 6vw, 82px)
0 !important;
}
.fp-route .fp-route__sequence-inner {
width: min(calc(100% - 64px), 1120px) !important;
margin: 0 auto;
}
.fp-route .fp-route__sequence-content {
width: 100%;
max-width: 980px !important;
margin: 0 auto !important;
}
.fp-route
.fp-route__sequence
.fp-route-section--sea,
.fp-route
.fp-route__sequence
.fp-route-section--port,
.fp-route
.fp-route__sequence
.fp-route-section--paper,
.fp-route
.fp-route__sequence
.fp-route-section--risk {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
color: inherit;
background: transparent !important;
}
.fp-route .fp-route__sequence--sea {
color: var(--fpr-ivory);
background:
linear-gradient(
rgba(13, 27, 42, 0.89),
rgba(13, 27, 42, 0.89)
),
var(--fpr-svg-map),
var(--fpr-navy);
background-size: cover;
}
.fp-route .fp-route__sequence--port {
color: var(--fpr-ink);
background:
radial-gradient(
circle at 88% 12%,
rgba(198, 161, 91, 0.13),
transparent 34%
),
linear-gradient(
135deg,
rgba(255, 255, 255, 0.32),
transparent 56%
),
var(--fpr-ivory);
}
.fp-route .fp-route__sequence--paper {
color: var(--fpr-ink);
background:
linear-gradient(
rgba(228, 216, 193, 0.91),
rgba(228, 216, 193, 0.91)
),
var(--fpr-svg-map),
var(--fpr-paper);
box-shadow:
inset 0 0 80px rgba(70, 47, 19, 0.09);
}
.fp-route .fp-route__sequence--risk {
color: var(--fpr-ivory);
background:
linear-gradient(
135deg,
rgba(142, 59, 59, 0.12),
transparent 42%
),
linear-gradient(
180deg,
rgba(7, 11, 16, 0.94),
rgba(7, 19, 31, 0.97)
),
var(--fpr-svg-map);
border-top: 1px solid rgba(142, 59, 59, 0.58);
border-bottom: 1px solid rgba(142, 59, 59, 0.58);
}
.fp-route .fp-route__sequence--risk::before {
position: absolute;
top: 22px;
right: 0;
left: 0;
height: 40px;
content: "";
pointer-events: none;
background-image: var(--fpr-svg-morse);
background-repeat: repeat-x;
background-position: center;
background-size: 700px 40px;
opacity: 0.28;
} .fp-route
.fp-route__sequence:not(:has(.fp-css-island--reclame))
h2,
.fp-route
.fp-route__sequence:not(:has(.fp-css-island--reclame))
h2.wp-block-heading {
margin:
0
0
10px !important;
font-family: var(--fpr-heading) !important;
font-size: clamp(34px, 4vw, 52px) !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: 1.16 !important;
letter-spacing: 0.02em;
text-wrap: balance;
}
.fp-route
.fp-route__sequence--sea:not(:has(.fp-css-island--reclame))
h2,
.fp-route
.fp-route__sequence--risk:not(:has(.fp-css-island--reclame))
h2 {
color: var(--fpr-gold-light) !important;
}
.fp-route
.fp-route__sequence--port:not(:has(.fp-css-island--reclame))
h2,
.fp-route
.fp-route__sequence--paper:not(:has(.fp-css-island--reclame))
h2 {
color: var(--fpr-navy) !important;
}
.fp-route
.fp-route__sequence:not(:has(.fp-css-island--reclame))
h2::after {
display: block;
width: min(380px, 80%);
height: 34px;
margin-top: 18px;
content: "";
background-image: var(--fpr-svg-divider);
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
opacity: 0.82;
}
.fp-route
.fp-route__sequence:not(:has(.fp-css-island--reclame))
h4,
.fp-route
.fp-route__sequence:not(:has(.fp-css-island--reclame))
h4.wp-block-heading {
margin: 0 0 22px !important;
color: #A27A32 !important;
font-family: var(--fpr-panel) !important;
font-size: clamp(24px, 2.5vw, 34px) !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1.2 !important;
letter-spacing: 0.05em !important;
text-transform: uppercase !important;
}
.fp-route
.fp-route__sequence:not(:has(.fp-css-island--reclame))
p,
.fp-route
.fp-route__sequence:not(:has(.fp-css-island--reclame))
li {
font-family: var(--fpr-body) !important;
font-size: 19px !important;
font-weight: 400 !important;
line-height: 1.72 !important;
}
.fp-route
.fp-route__sequence:not(:has(.fp-css-island--reclame))
p {
max-width: 900px;
margin-top: 0 !important;
margin-right: auto !important;
margin-bottom: 1.45em !important;
margin-left: auto !important;
}
.fp-route
.fp-route__sequence:not(:has(.fp-css-island--reclame))
p:last-child {
margin-bottom: 0 !important;
}
.fp-route
.fp-route__sequence--sea:not(:has(.fp-css-island--reclame))
p,
.fp-route
.fp-route__sequence--sea:not(:has(.fp-css-island--reclame))
li,
.fp-route
.fp-route__sequence--risk:not(:has(.fp-css-island--reclame))
p,
.fp-route
.fp-route__sequence--risk:not(:has(.fp-css-island--reclame))
li {
color: rgba(242, 235, 221, 0.93) !important;
}
.fp-route
.fp-route__sequence--port:not(:has(.fp-css-island--reclame))
p,
.fp-route
.fp-route__sequence--port:not(:has(.fp-css-island--reclame))
li,
.fp-route
.fp-route__sequence--paper:not(:has(.fp-css-island--reclame))
p,
.fp-route
.fp-route__sequence--paper:not(:has(.fp-css-island--reclame))
li {
color: #27313A !important;
}
.fp-route
.fp-route__sequence:not(:has(.fp-css-island--reclame))
a {
color: var(--fpr-gold-dark);
text-decoration-color: rgba(198, 161, 91, 0.62);
text-decoration-thickness: 1px;
}
.fp-route
.fp-route__sequence--sea:not(:has(.fp-css-island--reclame))
a,
.fp-route
.fp-route__sequence--risk:not(:has(.fp-css-island--reclame))
a {
color: var(--fpr-gold-light);
} .fp-route .fp-route__sequence-heading {
width: 100%;
margin-bottom: clamp(28px, 4vw, 44px);
}
.fp-route .fp-route__vertical-grid,
.fp-route .fp-route__horizontal-grid {
display: block !important;
width: 100%;
max-width: 980px;
margin: 0 auto;
}
.fp-route .fp-route__vertical-media,
.fp-route .fp-route__horizontal-media,
.fp-route .fp-route__vertical-text-one,
.fp-route .fp-route__vertical-text-two,
.fp-route .fp-route__horizontal-text {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
}
.fp-route .fp-route__vertical-grid > *,
.fp-route .fp-route__horizontal-grid > * {
overflow: visible !important;
}
.fp-route
.fp-route__sequence
.wp-block-image:not(.fp-route-media--vertical):not(.fp-route-media--wide) {
max-width: 760px;
margin:
24px
auto
28px !important;
}
.fp-route
.fp-route__sequence
.wp-block-image:not(.fp-route-media--vertical):not(.fp-route-media--wide)
img {
display: block;
width: 100% !important;
max-width: none !important;
max-height: 430px;
object-fit: cover;
border: 1px solid var(--fpr-gold);
box-shadow:
0 22px 52px rgba(0, 0, 0, 0.22);
filter:
grayscale(1)
contrast(1.06);
}
.fp-route
.fp-route__sequence
.wp-block-image.fp-route-media--vertical {
max-width: 430px;
margin:
24px
auto
28px !important;
}
.fp-route
.fp-route__sequence
.wp-block-image.fp-route-media--vertical
img {
display: block;
width: 100% !important;
max-height: 620px;
object-fit: cover;
border: 1px solid var(--fpr-gold);
box-shadow:
0 22px 52px rgba(0, 0, 0, 0.22);
filter:
grayscale(1)
contrast(1.06);
}
.fp-route .fp-route-media--wide {
width: 100% !important;
max-width: none !important;
margin:
clamp(30px, 4vw, 52px)
0 !important;
}
.fp-route .fp-route-media--wide img {
display: block;
width: 100% !important;
max-width: none !important;
border: 1px solid var(--fpr-gold);
box-shadow:
0 28px 68px rgba(0, 0, 0, 0.24);
}
.fp-route .wp-element-caption,
.fp-route figcaption {
margin-top: 12px !important;
color: inherit;
opacity: 0.72;
font-family: var(--fpr-body) !important;
font-size: 14px !important;
font-style: normal !important;
line-height: 1.5 !important;
text-align: center;
} .fp-route
.fp-route__sequence--map
.fp-route__sequence-inner {
width: min(calc(100% - 48px), 1440px) !important;
}
.fp-route .fp-route-map {
position: relative;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding:
clamp(34px, 4vw, 58px) !important;
overflow: hidden;
color: var(--fpr-ink);
background:
linear-gradient(
rgba(228, 216, 193, 0.88),
rgba(228, 216, 193, 0.88)
),
var(--fpr-svg-map),
var(--fpr-paper);
border: 1px solid var(--fpr-gold-dark);
box-shadow:
inset 0 0 70px rgba(73, 50, 21, 0.12),
0 30px 72px rgba(0, 0, 0, 0.24);
}
.fp-route .fp-route-map::before {
position: absolute;
top: 20px;
right: 20px;
width: clamp(90px, 12vw, 150px);
aspect-ratio: 1;
content: "";
pointer-events: none;
background-image: var(--fpr-svg-compass);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.42;
}
.fp-route .fp-route-map > * {
position: relative;
z-index: 1;
} .fp-route .wp-block-gallery {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
align-items: stretch !important;
gap: 24px !important;
margin: 34px 0 0 !important;
padding: 0 !important;
}
.fp-route .wp-block-gallery .wp-block-image {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
max-width: none !important;
min-width: 0;
margin: 0 !important;
overflow: hidden;
background: var(--fpr-navy);
border: 1px solid var(--fpr-gold);
box-shadow:
0 18px 38px rgba(7, 19, 31, 0.2);
}
.fp-route .wp-block-gallery .wp-block-image img {
display: block !important;
width: 100% !important;
height: auto !important;
max-height: none !important;
aspect-ratio: 4 / 3 !important;
object-fit: cover !important;
border: 0 !important;
filter:
grayscale(1)
contrast(1.06) !important;
}
.fp-route .wp-block-gallery figcaption,
.fp-route .wp-block-gallery .wp-element-caption {
position: static !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex: 1;
min-height: 88px;
margin: 0 !important;
padding: 17px 18px !important;
color: var(--fpr-ivory) !important;
background:
linear-gradient(
135deg,
rgba(198, 161, 91, 0.08),
transparent 55%
),
var(--fpr-navy) !important;
font-family: var(--fpr-editorial) !important;
font-size: 20px !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: 1.35 !important;
text-align: center !important;
opacity: 1 !important;
border-top: 1px solid rgba(198, 161, 91, 0.48);
} .fp-route
.fp-route__sequence:not(:has(.fp-css-island--reclame))
.wp-block-quote,
.fp-route
.fp-route__sequence:not(:has(.fp-css-island--reclame))
.wp-block-pullquote {
position: relative;
max-width: 880px;
margin:
clamp(34px, 5vw, 58px)
auto !important;
padding:
clamp(42px, 5vw, 62px)
clamp(30px, 5vw, 60px)
clamp(34px, 4vw, 48px) !important;
overflow: hidden;
color: var(--fpr-ivory) !important;
background:
linear-gradient(
135deg,
rgba(198, 161, 91, 0.1),
transparent 48%
),
var(--fpr-deep) !important;
border: 1px solid rgba(198, 161, 91, 0.78) !important;
box-shadow:
0 24px 52px rgba(7, 19, 31, 0.28);
text-align: left !important;
}
.fp-route
.fp-route__sequence:not(:has(.fp-css-island--reclame))
.wp-block-quote::before,
.fp-route
.fp-route__sequence:not(:has(.fp-css-island--reclame))
.wp-block-pullquote::before {
position: absolute;
top: 5px;
left: 24px;
content: "“";
color: rgba(198, 161, 91, 0.32);
font-family: var(--fpr-editorial);
font-size: 120px;
font-weight: 600;
line-height: 1;
}
.fp-route
.fp-route__sequence:not(:has(.fp-css-island--reclame))
.wp-block-quote p,
.fp-route
.fp-route__sequence:not(:has(.fp-css-island--reclame))
.wp-block-pullquote p {
position: relative;
z-index: 1;
margin: 0 !important;
color: var(--fpr-ivory) !important;
font-family: var(--fpr-editorial) !important;
font-size: clamp(27px, 2.8vw, 38px) !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: 1.42 !important;
}
.fp-route
.fp-route__sequence:not(:has(.fp-css-island--reclame))
.wp-block-quote cite,
.fp-route
.fp-route__sequence:not(:has(.fp-css-island--reclame))
.wp-block-pullquote cite {
display: block;
position: relative;
z-index: 1;
margin-top: 24px;
color: var(--fpr-gold) !important;
font-family: var(--fpr-body) !important;
font-size: 13px !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: 1.4 !important;
letter-spacing: 0.12em;
text-transform: uppercase;
} .fp-route .fp-route-cargo,
.fp-route .fp-route-navigation,
.fp-route .fp-route-risk,
.fp-route .fp-route-ports {
position: relative;
width: 100%;
max-width: 900px;
margin:
clamp(30px, 4vw, 52px)
auto !important;
padding:
28px
clamp(26px, 4vw, 46px)
32px !important;
overflow: hidden;
border: 1px solid var(--fpr-gold);
}
.fp-route .fp-route-cargo,
.fp-route .fp-route-navigation {
color: var(--fpr-ink);
background:
linear-gradient(
rgba(228, 216, 193, 0.93),
rgba(228, 216, 193, 0.93)
),
var(--fpr-svg-map),
var(--fpr-paper);
}
.fp-route .fp-route-risk {
color: var(--fpr-ivory);
background:
linear-gradient(
135deg,
rgba(142, 59, 59, 0.16),
transparent 52%
),
var(--fpr-deep);
border-color: rgba(142, 59, 59, 0.76);
}
.fp-route .fp-route-cargo::before,
.fp-route .fp-route-navigation::before,
.fp-route .fp-route-risk::before,
.fp-route .fp-route-ports::before {
display: block;
margin-bottom: 16px;
color: var(--fpr-gold);
font-family: var(--fpr-panel);
font-size: 13px;
line-height: 1.3;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.fp-route .fp-route-cargo::before {
content: "Cargaison";
}
.fp-route .fp-route-navigation::before {
content: "Navigation";
}
.fp-route .fp-route-risk::before {
content: "Zone de risque";
color: #C66E6E;
}
.fp-route .fp-route-ports::before {
content: "Ports et escales";
}
.fp-route .fp-route-cargo h2,
.fp-route .fp-route-cargo .wp-block-heading {
margin-top: 0 !important;
}
.fp-route .fp-route-cargo .wp-block-image {
margin:
0
auto
18px !important;
} .fp-route .fp-route__morse-section {
display: none !important;
} .fp-route-faq {
width: min(calc(100% - 64px), 980px);
margin:
clamp(68px, 8vw, 108px)
auto;
padding:
clamp(48px, 6vw, 72px)
clamp(24px, 5vw, 56px);
color: var(--fpr-ivory);
background:
linear-gradient(
135deg,
rgba(198, 161, 91, 0.07),
transparent 55%
),
var(--fpr-deep);
border: 1px solid rgba(198, 161, 91, 0.7);
}
.fp-route-faq__label {
margin: 0 0 12px !important;
color: var(--fpr-gold) !important;
font-family: var(--fpr-body) !important;
font-size: 13px !important;
font-weight: 600 !important;
text-align: center;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.fp-route-faq__title {
margin: 0 0 38px !important;
color: var(--fpr-ivory) !important;
font-family: var(--fpr-heading) !important;
font-size: clamp(34px, 4vw, 48px) !important;
font-weight: 600 !important;
line-height: 1.15 !important;
text-align: center;
}
.fp-route-faq__title::before,
.fp-route-faq__title::after {
display: none !important;
content: none !important;
}
.fp-route-faq details {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
margin: 0 0 15px !important;
background: rgba(13, 27, 42, 0.72);
border: 1px solid rgba(198, 161, 91, 0.52);
}
.fp-route-faq details:last-child {
margin-bottom: 0 !important;
}
.fp-route-faq summary {
position: relative;
display: block !important;
padding:
21px
58px
21px
22px;
cursor: pointer;
color: var(--fpr-ivory) !important;
font-family: var(--fpr-editorial) !important;
font-size: 23px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
list-style: none;
}
.fp-route-faq summary::-webkit-details-marker {
display: none;
}
.fp-route-faq summary::after {
position: absolute;
top: 50%;
right: 22px;
content: "+";
color: var(--fpr-gold);
font-family: var(--fpr-body);
font-size: 25px;
line-height: 1;
transform: translateY(-50%);
}
.fp-route-faq details[open] summary::after {
content: "−";
}
.fp-route-faq__answer {
margin: 0 !important;
padding:
0
22px
22px;
color: rgba(244, 240, 230, 0.86) !important;
font-family: var(--fpr-body) !important;
font-size: 18px !important;
line-height: 1.7 !important;
} .fp-route .fp-css-island--morse {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
position: relative;
z-index: 5;
width: 100% !important;
max-width: 900px !important;
margin: 32px auto 0 !important;
padding:
clamp(34px, 5vw, 52px)
clamp(24px, 5vw, 48px) !important;
color: var(--fpr-ink) !important;
background:
linear-gradient(
rgba(244, 240, 230, 0.97),
rgba(244, 240, 230, 0.97)
),
repeating-linear-gradient(
0deg,
rgba(143, 108, 50, 0.04) 0,
rgba(143, 108, 50, 0.04) 1px,
transparent 1px,
transparent 28px
),
var(--fpr-ivory) !important;
border: 1px solid var(--fpr-gold) !important;
box-shadow:
0 22px 52px rgba(7, 19, 31, 0.2),
inset 0 0 46px rgba(90, 63, 28, 0.08) !important;
}
.fp-route
.fp-css-island--morse
.fp-morse__eyebrow {
margin: 0 0 9px !important;
color: var(--fpr-gold-dark) !important;
font-family: var(--fpr-body) !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
letter-spacing: 0.15em !important;
text-transform: uppercase !important;
}
.fp-route
.fp-css-island--morse
.fp-morse__title {
margin: 0 0 25px !important;
color: var(--fpr-navy) !important;
font-family: var(--fpr-heading) !important;
font-size: clamp(26px, 3vw, 38px) !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: 1.18 !important;
text-transform: none !important;
}
.fp-route
.fp-css-island--morse
.fp-morse__title::before,
.fp-route
.fp-css-island--morse
.fp-morse__title::after {
display: none !important;
content: none !important;
}
.fp-route
.fp-css-island--morse
.fp-morse__code {
display: block !important;
max-width: none !important;
margin: 0 !important;
padding: 22px 20px !important;
color: var(--fpr-ivory) !important;
background: var(--fpr-deep) !important;
font-family:
ui-monospace,
SFMono-Regular,
Menlo,
Monaco,
Consolas,
"Courier New",
monospace !important;
font-size: clamp(17px, 2vw, 24px) !important;
font-style: normal !important;
font-weight: 700 !important;
line-height: 1.75 !important;
letter-spacing: 0.11em !important;
text-transform: none !important;
border-left: 3px solid var(--fpr-gold);
overflow-wrap: anywhere;
}
.fp-route
.fp-css-island--morse
.fp-morse__translation {
margin-top: 28px !important;
padding-top: 22px !important;
border-top: 1px solid rgba(143, 108, 50, 0.42);
}
.fp-route
.fp-css-island--morse
.fp-morse__translation-label {
margin: 0 0 10px !important;
color: var(--fpr-gold-dark) !important;
font-family: var(--fpr-body) !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
}
.fp-route
.fp-css-island--morse
.fp-morse__translation-text {
max-width: none !important;
margin: 0 !important;
color: var(--fpr-ink) !important;
font-family: var(--fpr-body) !important;
font-size: clamp(20px, 2.2vw, 27px) !important;
font-weight: 500 !important;
line-height: 1.55 !important;
}
.fp-route
.fp-css-island--morse
.fp-morse__stamp {
display: inline-block !important;
max-width: 100% !important;
margin: 27px 0 0 !important;
padding: 8px 13px !important;
color: var(--fpr-signal) !important;
background: rgba(255, 255, 255, 0.28) !important;
font-family: var(--fpr-body) !important;
font-size: 11px !important;
font-weight: 700 !important;
line-height: 1.4 !important;
letter-spacing: 0.07em !important;
text-transform: uppercase !important;
border: 2px solid rgba(142, 59, 59, 0.72) !important;
transform: rotate(-2deg);
} .fp-route .fp-css-island--reclame {
position: relative;
z-index: 5;
width: 100% !important;
max-width: 1040px !important;
margin-right: auto !important;
margin-left: auto !important;
}
.fp-route
.fp-css-island--reclame
:is(
.wp-block-group,
.wp-block-columns,
.wp-block-column,
.wp-block-cover,
.wp-block-media-text
) {
max-width: none !important;
} .fp-route .fp-city-gallery {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
position: relative;
z-index: 3;
}
.fp-route
.fp-city-gallery
.fp-city-gallery__eyebrow {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
color: var(--fpr-gold) !important;
font-family: var(--fpr-body) !important;
}
.fp-route
.fp-city-gallery
.fp-city-gallery__title {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
color: var(--fpr-ivory) !important;
font-family: var(--fpr-heading) !important;
}
.fp-route
.fp-city-gallery
.fp-city-gallery__title::before,
.fp-route
.fp-city-gallery
.fp-city-gallery__title::after {
display: none !important;
content: none !important;
}
.fp-route
.fp-city-gallery
.fp-city-gallery__intro {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
color: rgba(244, 240, 230, 0.84) !important;
font-family: var(--fpr-editorial) !important;
}
.fp-route
.fp-city-gallery
.fp-city-gallery__name {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
color: var(--fpr-ivory) !important;
font-family: var(--fpr-editorial) !important;
}
.fp-route
.fp-city-gallery
.fp-city-gallery__role {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
color: var(--fpr-gold) !important;
font-family: var(--fpr-body) !important;
}
.fp-route
.fp-city-gallery
.fp-city-gallery__action {
display: inline-flex !important;
visibility: visible !important;
opacity: 1 !important;
color: rgba(244, 240, 230, 0.88) !important;
font-family: var(--fpr-body) !important;
} .fp-route .fp-route__linked-ports {
position: relative;
padding:
clamp(76px, 8vw, 118px)
0;
color: var(--fpr-ink);
background:
linear-gradient(
rgba(228, 216, 193, 0.92),
rgba(228, 216, 193, 0.92)
),
var(--fpr-svg-map),
var(--fpr-paper);
border-top: 1px solid var(--fpr-gold-dark);
border-bottom: 1px solid var(--fpr-gold-dark);
}
.fp-route .fp-route__linked-ports-inner {
width: min(calc(100% - 64px), 1320px);
margin: 0 auto;
}
.fp-route .fp-route__linked-ports-label,
.fp-route .fp-route__related-label {
margin: 0 0 13px !important;
color: var(--fpr-gold-dark) !important;
font-family: var(--fpr-panel) !important;
font-size: 14px !important;
line-height: 1.3 !important;
text-align: center;
letter-spacing: 0.15em;
text-transform: uppercase;
}
.fp-route .fp-route__linked-ports-title,
.fp-route .fp-route__related-title {
margin: 0 0 48px !important;
font-family: var(--fpr-heading) !important;
font-size: clamp(34px, 4vw, 50px) !important;
font-weight: 600 !important;
line-height: 1.16 !important;
text-align: center;
text-wrap: balance;
}
.fp-route .fp-route__linked-ports-title {
color: var(--fpr-navy) !important;
}
.fp-route .fp-route__ports-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: clamp(20px, 3vw, 32px);
}
.fp-route .fp-route__port-card {
display: flex;
flex-direction: column;
min-width: 0;
overflow: hidden;
color: var(--fpr-ivory);
background: var(--fpr-deep);
border: 1px solid var(--fpr-gold);
text-decoration: none !important;
box-shadow:
0 22px 52px rgba(7, 19, 31, 0.24);
transition:
transform 220ms ease,
box-shadow 220ms ease;
}
.fp-route .fp-route__port-card:hover,
.fp-route .fp-route__port-card:focus-visible {
transform: translateY(-6px);
box-shadow:
0 30px 68px rgba(7, 19, 31, 0.34);
}
.fp-route .fp-route__port-image img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 10;
object-fit: cover;
filter:
grayscale(1)
contrast(1.05);
}
.fp-route .fp-route__port-content {
display: flex;
flex-direction: column;
flex: 1;
gap: 9px;
padding: 24px;
}
.fp-route .fp-route__port-step {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
margin-bottom: 5px;
color: var(--fpr-gold-light);
font-family: var(--fpr-data);
font-size: 18px;
border: 1px solid var(--fpr-gold);
border-radius: 50%;
}
.fp-route .fp-route__port-name {
color: var(--fpr-ivory);
font-family: var(--fpr-editorial);
font-size: 28px;
font-weight: 600;
line-height: 1.2;
}
.fp-route .fp-route__port-role {
color: rgba(242, 235, 221, 0.76);
font-family: var(--fpr-body);
font-size: 15px;
line-height: 1.5;
}
.fp-route .fp-route__port-link {
margin-top: auto;
padding-top: 17px;
color: var(--fpr-gold);
font-family: var(--fpr-panel);
font-size: 13px;
line-height: 1.3;
letter-spacing: 0.08em;
text-transform: uppercase;
} .fp-route .fp-route__related {
padding:
clamp(76px, 8vw, 118px)
0;
color: var(--fpr-ivory);
background:
linear-gradient(
135deg,
rgba(36, 72, 100, 0.28),
transparent 52%
),
var(--fpr-deep);
}
.fp-route .fp-route__related-inner {
width: min(calc(100% - 64px), 1240px);
margin: 0 auto;
}
.fp-route .fp-route__related-label {
color: var(--fpr-gold) !important;
}
.fp-route .fp-route__related-title {
color: var(--fpr-gold-light) !important;
}
.fp-route .fp-route__related-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(22px, 3vw, 34px);
}
.fp-route .fp-route__related-card {
display: flex;
flex-direction: column;
min-width: 0;
overflow: hidden;
color: var(--fpr-ivory);
background: var(--fpr-navy);
border: 1px solid rgba(198, 161, 91, 0.78);
text-decoration: none !important;
box-shadow:
0 24px 58px rgba(0, 0, 0, 0.28);
transition:
transform 220ms ease,
box-shadow 220ms ease;
}
.fp-route .fp-route__related-card:hover,
.fp-route .fp-route__related-card:focus-visible {
transform: translateY(-6px);
box-shadow:
0 32px 72px rgba(0, 0, 0, 0.38);
}
.fp-route .fp-route__related-image img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 10;
object-fit: cover;
filter:
grayscale(1)
contrast(1.05);
}
.fp-route .fp-route__related-content {
display: flex;
flex-direction: column;
gap: 10px;
padding: 25px 26px 30px;
}
.fp-route .fp-route__related-card-label {
color: var(--fpr-gold);
font-family: var(--fpr-panel);
font-size: 13px;
line-height: 1.3;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.fp-route .fp-route__related-name {
color: var(--fpr-ivory);
font-family: var(--fpr-editorial);
font-size: 29px;
font-weight: 600;
line-height: 1.2;
}
.fp-route .fp-route__related-zone {
color: rgba(242, 235, 221, 0.72);
font-family: var(--fpr-body);
font-size: 15px;
line-height: 1.45;
} @media (max-width: 1100px) {
.fp-route .fp-route__hero-grid {
min-height: 760px;
}
.fp-route .fp-route__hero-content {
width: min(720px, calc(100% - 48px));
margin-left: 24px;
padding-top: 100px;
padding-bottom: 100px;
}
.fp-route .fp-route__hero-grid::before {
background:
linear-gradient(
90deg,
rgba(5, 13, 22, 0.95) 0%,
rgba(7, 19, 31, 0.84) 48%,
rgba(7, 19, 31, 0.34) 100%
),
linear-gradient(
180deg,
rgba(7, 19, 31, 0.2),
rgba(7, 19, 31, 0.68)
);
}
.fp-route .fp-route__hero-stats {
width: calc(100% - 42px);
}
.fp-route .fp-route__facts-inner {
grid-template-columns: 1fr;
}
.fp-route .fp-route__timeline-list {
grid-template-columns: 1fr !important;
}
.fp-route .fp-route__timeline-item {
display: grid;
grid-template-columns: 42px minmax(0, 1fr);
gap: 15px;
text-align: left;
}
.fp-route .fp-route__timeline-item:not(:last-child)::after {
top: 43px;
bottom: -24px;
left: 20px;
width: 1px;
height: auto;
background:
repeating-linear-gradient(
180deg,
var(--fpr-gold) 0 7px,
transparent 7px 13px
);
}
.fp-route .fp-route__timeline-number {
margin: 0;
}
.fp-route .wp-block-gallery {
grid-template-columns: 1fr !important;
}
.fp-route .wp-block-gallery .wp-block-image {
max-width: 560px !important;
margin-right: auto !important;
margin-left: auto !important;
}
.fp-route .fp-route__ports-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.fp-route .fp-route__related-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
} @media (max-width: 680px) {
.fp-route {
font-size: 19px;
}
.fp-route .fp-route__hero::after {
display: none;
}
.fp-route .fp-route__hero-grid {
min-height: 720px;
}
.fp-route .fp-route__hero-grid::before {
background:
linear-gradient(
180deg,
rgba(5, 13, 22, 0.72) 0%,
rgba(7, 19, 31, 0.86) 52%,
rgba(7, 19, 31, 0.97) 100%
);
}
.fp-route .fp-route__hero-image {
object-position: 58% center;
}
.fp-route .fp-route__hero-content {
width: calc(100% - 36px);
margin-right: 18px;
margin-left: 18px;
padding-top: 68px;
padding-bottom: 70px;
}
.fp-route .fp-route__title,
.fp-route .fp-route__title * {
font-size: clamp(43px, 13vw, 62px) !important;
}
.fp-route .fp-route__subtitle {
font-size: clamp(25px, 8vw, 35px) !important;
}
.fp-route .fp-route__chapo p {
font-size: 20px !important;
}
.fp-route .fp-route__hero-actions {
flex-direction: column;
}
.fp-route .fp-route__button {
width: 100%;
}
.fp-route .fp-route__hero-stats {
grid-template-columns: repeat(2, minmax(0, 1fr));
width: 100%;
border-right: 0;
border-left: 0;
}
.fp-route .fp-route__hero-stat {
padding: 19px 16px !important;
border-bottom: 1px solid rgba(198, 161, 91, 0.28);
}
.fp-route .fp-route__hero-stat:nth-child(2n) {
border-right: 0;
}
.fp-route .fp-route__facts {
padding:
58px
0;
}
.fp-route .fp-route__facts-inner,
.fp-route .fp-route__sequence-inner,
.fp-route .fp-route__linked-ports-inner,
.fp-route .fp-route__related-inner {
width: calc(100% - 36px) !important;
}
.fp-route .fp-route__identity,
.fp-route .fp-route__timeline {
padding:
38px
22px;
}
.fp-route .fp-route__identity-list {
grid-template-columns: 1fr;
gap: 5px;
}
.fp-route .fp-route__identity-list dt {
margin-top: 17px !important;
text-align: center;
}
.fp-route .fp-route__identity-list dt:first-child {
margin-top: 0 !important;
}
.fp-route .fp-route__identity-list dd {
text-align: center;
}
.fp-route .fp-route__sequence {
padding:
50px
0 !important;
}
.fp-route
.fp-route__sequence:not(:has(.fp-css-island--reclame))
h2 {
font-size: clamp(30px, 9vw, 39px) !important;
}
.fp-route
.fp-route__sequence:not(:has(.fp-css-island--reclame))
h4 {
font-size: 22px !important;
}
.fp-route
.fp-route__sequence:not(:has(.fp-css-island--reclame))
p,
.fp-route
.fp-route__sequence:not(:has(.fp-css-island--reclame))
li {
font-size: 19px !important;
line-height: 1.66 !important;
}
.fp-route
.fp-route__sequence
.wp-block-image:not(.fp-route-media--vertical):not(.fp-route-media--wide) {
max-width: 100%;
margin:
20px
auto
24px !important;
}
.fp-route
.fp-route__sequence
.wp-block-image:not(.fp-route-media--vertical):not(.fp-route-media--wide)
img {
max-height: 320px;
}
.fp-route
.fp-route__sequence
.wp-block-image.fp-route-media--vertical {
max-width: 320px;
}
.fp-route .fp-route-map {
padding:
26px
18px !important;
}
.fp-route .fp-route-map::before {
width: 72px;
}
.fp-route .wp-block-gallery figcaption,
.fp-route .wp-block-gallery .wp-element-caption {
font-size: 18px !important;
}
.fp-route-faq {
width: calc(100% - 36px);
padding:
38px
18px;
}
.fp-route-faq summary {
padding:
19px
52px
19px
18px;
font-size: 20px !important;
}
.fp-route-faq__answer {
padding:
0
18px
20px;
font-size: 17px !important;
}
.fp-route .fp-css-island--morse {
padding:
30px
20px !important;
}
.fp-route
.fp-css-island--morse
.fp-morse__code {
padding:
18px
16px !important;
font-size: 16px !important;
letter-spacing: 0.07em !important;
}
.fp-route .fp-route__ports-grid,
.fp-route .fp-route__related-grid {
grid-template-columns: 1fr;
}
} @media (prefers-reduced-motion: reduce) {
.fp-route *,
.fp-route *::before,
.fp-route *::after {
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
}
}  .fp-route .fp-route__morse-section {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
position: relative;
z-index: 5;
width: min(calc(100% - 64px), 900px) !important;
max-width: 900px !important;
margin:
clamp(34px, 5vw, 58px)
auto !important;
padding:
clamp(36px, 5vw, 54px)
clamp(24px, 5vw, 48px) !important;
color: #17212B !important;
background:
linear-gradient(
rgba(244, 240, 230, 0.97),
rgba(244, 240, 230, 0.97)
),
repeating-linear-gradient(
0deg,
rgba(143, 108, 50, 0.04) 0,
rgba(143, 108, 50, 0.04) 1px,
transparent 1px,
transparent 28px
),
#F4F0E6 !important;
border: 1px solid #C6A15B !important;
box-shadow:
0 22px 52px rgba(7, 19, 31, 0.2),
inset 0 0 46px rgba(90, 63, 28, 0.08) !important;
} .fp-route
.fp-route__morse-section
:is(
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
strong,
em,
cite,
blockquote
) {
visibility: visible !important;
opacity: 1 !important;
color: #17212B !important;
background: transparent !important;
text-shadow: none !important;
} .fp-route
.fp-route__morse-section
:is(
.fp-route__morse-label,
.fp-route__morse-eyebrow,
.fp-route__morse-translation-label
) {
color: #8F6C32 !important;
font-family: "Inter", Arial, sans-serif !important;
font-size: 12px !important;
font-style: normal !important;
font-weight: 700 !important;
line-height: 1.35 !important;
letter-spacing: 0.13em !important;
text-transform: uppercase !important;
} .fp-route
.fp-route__morse-section
:is(h2, h3, .fp-route__morse-title) {
margin-top: 0 !important;
color: #0D1B2A !important;
font-family: "Cinzel", Georgia, serif !important;
font-size: clamp(27px, 3vw, 38px) !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: 1.2 !important;
text-transform: none !important;
}
.fp-route
.fp-route__morse-section
:is(h2, h3, .fp-route__morse-title)::before,
.fp-route
.fp-route__morse-section
:is(h2, h3, .fp-route__morse-title)::after {
display: none !important;
content: none !important;
} .fp-route
.fp-route__morse-section
:is(
code,
pre,
.fp-route__morse-code,
.fp-route__morse-message
) {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
max-width: none !important;
margin: 20px 0 !important;
padding: 20px !important;
color: #F4F0E6 !important;
background: #07131F !important;
font-family:
ui-monospace,
SFMono-Regular,
Menlo,
Monaco,
Consolas,
"Courier New",
monospace !important;
font-size: clamp(17px, 2vw, 24px) !important;
font-style: normal !important;
font-weight: 700 !important;
line-height: 1.75 !important;
letter-spacing: 0.1em !important;
text-transform: none !important;
border-left: 3px solid #C6A15B !important;
white-space: normal !important;
overflow-wrap: anywhere;
} .fp-route
.fp-route__morse-section
:is(
blockquote,
.fp-route__morse-translation,
.fp-route__morse-trad
) {
color: #17212B !important;
background: transparent !important;
font-family: "Cormorant Garamond", Georgia, serif !important;
font-size: clamp(22px, 2.4vw, 30px) !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: 1.5 !important;
border: 0 !important;
box-shadow: none !important;
} .fp-route .fp-route-cargo img,
.fp-route .fp-route-cargo .wp-block-image img,
.fp-route .fp-route-cargo .wp-block-cover img,
.fp-route .fp-route-cargo .wp-block-cover__image-background {
opacity: 1 !important;
filter: none !important;
mix-blend-mode: normal !important;
} .fp-route
.fp-route-cargo
.wp-block-cover__background,
.fp-route
.fp-route-cargo
.wp-block-cover__gradient-background {
opacity: 0 !important;
background: transparent !important;
} .fp-route
:is(
.fp-css-island--reclame,
.wp-block-group:has(img[src*="livre-819x1024"]),
.wp-block-columns:has(img[src*="livre-819x1024"])
)
img {
opacity: 1 !important;
filter: none !important;
mix-blend-mode: normal !important;
} .fp-route
:is(
.fp-css-island--reclame,
.wp-block-group:has(img[src*="livre-819x1024"]),
.wp-block-columns:has(img[src*="livre-819x1024"])
)
.wp-block-cover__background,
.fp-route
:is(
.fp-css-island--reclame,
.wp-block-group:has(img[src*="livre-819x1024"]),
.wp-block-columns:has(img[src*="livre-819x1024"])
)
.wp-block-cover__gradient-background {
opacity: 0 !important;
background: transparent !important;
} .fp-route
:is(
.fp-css-island--reclame,
.wp-block-group:has(img[src*="livre-819x1024"]),
.wp-block-columns:has(img[src*="livre-819x1024"])
)
:is(
h1,
h2,
h3,
h4,
h5,
h6,
.wp-block-heading
) {
color: #8F6C32 !important;
font-family:
"Market Deco",
"Poiret One",
sans-serif !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1.15 !important;
letter-spacing: 0.035em !important;
text-transform: none !important;
text-shadow: none !important;
} .fp-route
:is(
.fp-css-island--reclame,
.wp-block-group:has(img[src*="livre-819x1024"]),
.wp-block-columns:has(img[src*="livre-819x1024"])
)
:is(
h1,
h2,
h3,
h4,
h5,
h6,
.wp-block-heading
)::before,
.fp-route
:is(
.fp-css-island--reclame,
.wp-block-group:has(img[src*="livre-819x1024"]),
.wp-block-columns:has(img[src*="livre-819x1024"])
)
:is(
h1,
h2,
h3,
h4,
h5,
h6,
.wp-block-heading
)::after {
display: none !important;
content: none !important;
} .fp-route
:is(
.fp-css-island--reclame,
.wp-block-group:has(img[src*="livre-819x1024"]),
.wp-block-columns:has(img[src*="livre-819x1024"])
)
:is(p, li) {
max-width: none !important;
margin-right: 0 !important;
margin-left: 0 !important;
color: #172234 !important;
font-family:
"Cormorant Garamond",
Georgia,
serif !important;
font-size: 20px !important;
font-style: normal !important;
font-weight: 500 !important;
line-height: 1.5 !important;
letter-spacing: 0 !important;
text-transform: none !important;
text-shadow: none !important;
} .fp-route
:is(
.fp-css-island--reclame,
.wp-block-group:has(img[src*="livre-819x1024"]),
.wp-block-columns:has(img[src*="livre-819x1024"])
)
:is(
.wp-block-button__link,
.wp-element-button
) {
font-family: "Inter", Arial, sans-serif !important;
font-size: 14px !important;
font-style: normal !important;
font-weight: 700 !important;
line-height: 1.2 !important;
letter-spacing: 0.07em !important;
text-transform: uppercase !important;
text-decoration: none !important;
} .fp-route
.fp-city-gallery
.fp-city-gallery__title {
color: #F4F0E6 !important;
font-family: "Cinzel", Georgia, serif !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: 1.15 !important;
}
.fp-route
.fp-city-gallery
.fp-city-gallery__intro,
.fp-route
.fp-city-gallery
.fp-city-gallery__name {
color: #F4F0E6 !important;
font-family:
"Cormorant Garamond",
Georgia,
serif !important;
font-style: normal !important;
font-weight: 600 !important;
}
.fp-route
.fp-city-gallery
:is(
.fp-city-gallery__eyebrow,
.fp-city-gallery__role,
.fp-city-gallery__action
) {
font-family: "Inter", Arial, sans-serif !important;
font-style: normal !important;
font-weight: 700 !important;
} @media (max-width: 680px) {
.fp-route .fp-route__morse-section {
width: calc(100% - 36px) !important;
padding:
30px
20px !important;
}
.fp-route
.fp-route__morse-section
:is(
code,
pre,
.fp-route__morse-code,
.fp-route__morse-message
) {
padding: 17px 15px !important;
font-size: 16px !important;
letter-spacing: 0.06em !important;
}
.fp-route
:is(
.fp-css-island--reclame,
.wp-block-group:has(img[src*="livre-819x1024"]),
.wp-block-columns:has(img[src*="livre-819x1024"])
)
:is(p, li) {
font-size: 19px !important;
}
}  body.fp-route-page
.fp-route
.fp-route-photo-couleur,
body.fp-route-page
.fp-route
.fp-route-photo-couleur figure,
body.fp-route-page
.fp-route
.fp-route-photo-couleur .wp-block-image {
opacity: 1 !important;
background: transparent !important;
mix-blend-mode: normal !important;
}
body.fp-route-page
.fp-route
.fp-route-photo-couleur img,
body.fp-route-page
.fp-route
figure.fp-route-photo-couleur img,
body.fp-route-page
.fp-route
.wp-block-image.fp-route-photo-couleur img {
opacity: 1 !important;
filter: none !important;
-webkit-filter: none !important;
mix-blend-mode: normal !important;
} body.fp-route-page
.fp-route
.mp-book-ad {
position: relative;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
width: 100% !important;
margin:
clamp(42px, 6vw, 78px)
auto !important;
padding:
clamp(20px, 3vw, 34px) !important;
color: #081426 !important;
background:
linear-gradient(
rgba(255, 255, 255, 0.10),
rgba(255, 255, 255, 0.10)
),
#E9DFCA !important;
border: 1px solid #C8A45F !important;
outline: 1px solid rgba(8, 20, 38, 0.42);
outline-offset: -10px;
} body.fp-route-page
.fp-route
.mp-book-ad > .kt-row-column-wrap,
body.fp-route-page
.fp-route
.mp-book-ad .kt-row-column-wrap {
align-items: center !important;
column-gap:
clamp(30px, 5vw, 70px) !important;
padding:
clamp(28px, 5vw, 60px)
clamp(18px, 4vw, 50px) !important;
background: transparent !important;
background-image: none !important;
} body.fp-route-page
.fp-route
.mp-book-ad .wp-block-kadence-column,
body.fp-route-page
.fp-route
.mp-book-ad .kt-inside-inner-col,
body.fp-route-page
.fp-route
.mp-book-ad .mp-book-copy {
visibility: visible !important;
opacity: 1 !important;
background: transparent !important;
background-image: none !important;
} body.fp-route-page
.fp-route
.mp-book-ad .mp-book-cover,
body.fp-route-page
.fp-route
.mp-book-ad .mp-book-cover figure,
body.fp-route-page
.fp-route
.mp-book-ad .mp-book-cover .wp-block-image {
opacity: 1 !important;
background-image: none !important;
}
body.fp-route-page
.fp-route
.mp-book-ad .mp-book-cover img,
body.fp-route-page
.fp-route
.mp-book-ad img {
opacity: 1 !important;
filter: none !important;
-webkit-filter: none !important;
mix-blend-mode: normal !important;
} body.fp-route-page
.fp-route
.mp-book-ad
:is(
.mp-book-copy,
.mp-book-copy p,
.mp-book-copy h1,
.mp-book-copy h2,
.mp-book-copy h3,
.mp-book-copy span,
.mp-book-copy a,
.mp-ad-label,
.mp-ad-title,
.mp-ad-text
) {
visibility: visible !important;
opacity: 1 !important;
text-shadow: none !important;
} body.fp-route-page
.fp-route
.mp-book-ad
.mp-ad-label {
display: block !important;
margin:
0
0
20px !important;
color: #806693 !important;
font-family:
"Poiret One",
sans-serif !important;
font-size: 0.85rem !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1.4 !important;
letter-spacing: 0.24em !important;
text-transform: uppercase !important;
} body.fp-route-page
.fp-route
.mp-book-ad
.mp-ad-title {
display: block !important;
margin:
0
0
25px !important;
color: #081426 !important;
font-family:
"Market Deco",
"MarketDeco",
"Limelight",
sans-serif !important;
font-size:
clamp(2.2rem, 4.2vw, 4.6rem) !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1.04 !important;
letter-spacing: 0.015em !important;
text-transform: uppercase !important;
} body.fp-route-page
.fp-route
.mp-book-ad
.mp-ad-title::before,
body.fp-route-page
.fp-route
.mp-book-ad
.mp-ad-title::after {
display: none !important;
content: none !important;
} body.fp-route-page
.fp-route
.mp-book-ad
.mp-ad-text {
display: block !important;
max-width: 650px !important;
margin:
0
0
31px !important;
color: #252A32 !important;
font-family:
"Poiret One",
sans-serif !important;
font-size:
clamp(1.05rem, 1.45vw, 1.2rem) !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1.72 !important;
letter-spacing: 0.02em !important;
text-transform: none !important;
} body.fp-route-page
.fp-route
.mp-book-ad
.mp-ad-button {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
}
body.fp-route-page
.fp-route
.mp-book-ad
.mp-ad-button
.wp-block-button__link {
display: inline-block !important;
padding:
14px
26px !important;
color: #F4EAD7 !important;
background: #081426 !important;
font-family:
"Poiret One",
sans-serif !important;
font-size: 0.84rem !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1.3 !important;
letter-spacing: 0.15em !important;
text-transform: uppercase !important;
border: 1px solid #081426 !important;
border-radius: 0 !important;
text-decoration: none !important;
} body.fp-route-page
.fp-route
.fp-route-morse-inline {
position: relative;
z-index: 5;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
width: 100% !important;
max-width: 900px !important;
margin:
32px
auto
0 !important;
padding:
clamp(34px, 5vw, 52px)
clamp(24px, 5vw, 48px) !important;
color: #17212B !important;
background:
linear-gradient(
rgba(244, 240, 230, 0.97),
rgba(244, 240, 230, 0.97)
),
repeating-linear-gradient(
0deg,
rgba(143, 108, 50, 0.04) 0,
rgba(143, 108, 50, 0.04) 1px,
transparent 1px,
transparent 28px
),
#F4F0E6 !important;
border: 1px solid #C6A15B !important;
box-shadow:
0 22px 52px rgba(7, 19, 31, 0.20),
inset 0 0 46px rgba(90, 63, 28, 0.08) !important;
} body.fp-route-page
.fp-route
.fp-route-morse-inline
.fp-route-morse-inline__label {
max-width: none !important;
margin:
0
0
9px !important;
color: #8F6C32 !important;
background: transparent !important;
font-family:
"Inter",
Arial,
sans-serif !important;
font-size: 12px !important;
font-style: normal !important;
font-weight: 700 !important;
line-height: 1.3 !important;
letter-spacing: 0.15em !important;
text-transform: uppercase !important;
} body.fp-route-page
.fp-route
.fp-route-morse-inline
.fp-route-morse-inline__title {
margin:
0
0
25px !important;
color: #0D1B2A !important;
background: transparent !important;
font-family:
"Cinzel",
Georgia,
serif !important;
font-size:
clamp(26px, 3vw, 38px) !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: 1.18 !important;
letter-spacing: 0.01em !important;
text-transform: none !important;
}
body.fp-route-page
.fp-route
.fp-route-morse-inline
.fp-route-morse-inline__title::before,
body.fp-route-page
.fp-route
.fp-route-morse-inline
.fp-route-morse-inline__title::after {
display: none !important;
content: none !important;
} body.fp-route-page
.fp-route
.fp-route-morse-inline
.fp-route-morse-inline__code {
display: block !important;
max-width: none !important;
margin: 0 !important;
padding:
22px
20px !important;
color: #F4F0E6 !important;
background: #07131F !important;
font-family:
ui-monospace,
SFMono-Regular,
Menlo,
Monaco,
Consolas,
"Courier New",
monospace !important;
font-size:
clamp(17px, 2vw, 24px) !important;
font-style: normal !important;
font-weight: 700 !important;
line-height: 1.75 !important;
letter-spacing: 0.11em !important;
text-transform: none !important;
border-left: 3px solid #C6A15B;
overflow-wrap: anywhere;
} body.fp-route-page
.fp-route
.fp-route-morse-inline
.fp-route-morse-inline__translation {
margin-top: 28px !important;
padding-top: 22px !important;
border-top:
1px solid rgba(143, 108, 50, 0.42);
}
body.fp-route-page
.fp-route
.fp-route-morse-inline
.fp-route-morse-inline__translation-label {
max-width: none !important;
margin:
0
0
10px !important;
color: #8F6C32 !important;
background: transparent !important;
font-family:
"Inter",
Arial,
sans-serif !important;
font-size: 12px !important;
font-style: normal !important;
font-weight: 700 !important;
line-height: 1.3 !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
}
body.fp-route-page
.fp-route
.fp-route-morse-inline
.fp-route-morse-inline__translation-text {
max-width: none !important;
margin: 0 !important;
color: #17212B !important;
background: transparent !important;
font-family:
"Inter",
Arial,
sans-serif !important;
font-size:
clamp(20px, 2.2vw, 27px) !important;
font-style: normal !important;
font-weight: 500 !important;
line-height: 1.55 !important;
letter-spacing: normal !important;
text-transform: none !important;
} body.fp-route-page
.fp-route
.fp-route-morse-inline
.fp-route-morse-inline__stamp {
display: inline-block !important;
max-width: 100% !important;
margin:
27px
0
0 !important;
padding:
8px
13px !important;
color: #8E3B3B !important;
background: rgba(255, 255, 255, 0.28) !important;
font-family:
"Inter",
Arial,
sans-serif !important;
font-size: 11px !important;
font-style: normal !important;
font-weight: 700 !important;
line-height: 1.4 !important;
letter-spacing: 0.07em !important;
text-transform: uppercase !important;
border:
2px solid rgba(142, 59, 59, 0.72) !important;
transform: rotate(-2deg);
} body.fp-route-page
.fp-route
.fp-city-gallery {
color: #F4F0E6 !important;
}
body.fp-route-page
.fp-route
.fp-city-gallery
.fp-city-gallery__eyebrow {
position: relative;
z-index: 5;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
color: #C6A15B !important;
-webkit-text-fill-color: #C6A15B !important;
font-family:
"Inter",
Arial,
sans-serif !important;
text-shadow: none !important;
}
body.fp-route-page
.fp-route
.fp-city-gallery
.fp-city-gallery__title {
position: relative;
z-index: 5;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
color: #F4F0E6 !important;
-webkit-text-fill-color: #F4F0E6 !important;
font-family:
"Cinzel",
Georgia,
serif !important;
font-size:
clamp(34px, 4vw, 52px) !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: 1.15 !important;
text-shadow:
0 2px 12px rgba(0, 0, 0, 0.35) !important;
}
body.fp-route-page
.fp-route
.fp-city-gallery
.fp-city-gallery__title::before,
body.fp-route-page
.fp-route
.fp-city-gallery
.fp-city-gallery__title::after {
display: none !important;
content: none !important;
}
body.fp-route-page
.fp-route
.fp-city-gallery
.fp-city-gallery__intro {
position: relative;
z-index: 5;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
color: rgba(244, 240, 230, 0.88) !important;
-webkit-text-fill-color:
rgba(244, 240, 230, 0.88) !important;
font-family:
"Cormorant Garamond",
Georgia,
serif !important;
font-size: 22px !important;
font-style: normal !important;
font-weight: 500 !important;
line-height: 1.55 !important;
}
body.fp-route-page
.fp-route
.fp-city-gallery
.fp-city-gallery__name {
position: relative;
z-index: 5;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
color: #FFFFFF !important;
-webkit-text-fill-color: #FFFFFF !important;
font-family:
"Cormorant Garamond",
Georgia,
serif !important;
font-size:
clamp(27px, 3vw, 40px) !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: 1.12 !important;
text-shadow:
0 2px 12px rgba(0, 0, 0, 0.78) !important;
}
body.fp-route-page
.fp-route
.fp-city-gallery
.fp-city-gallery__role {
position: relative;
z-index: 5;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
color: #E0BE78 !important;
-webkit-text-fill-color: #E0BE78 !important;
font-family:
"Inter",
Arial,
sans-serif !important;
font-style: normal !important;
font-weight: 700 !important;
text-shadow:
0 2px 10px rgba(0, 0, 0, 0.75) !important;
}
body.fp-route-page
.fp-route
.fp-city-gallery
.fp-city-gallery__action {
position: relative;
z-index: 5;
display: inline-flex !important;
visibility: visible !important;
opacity: 1 !important;
color: #FFFFFF !important;
-webkit-text-fill-color: #FFFFFF !important;
font-family:
"Inter",
Arial,
sans-serif !important;
font-style: normal !important;
font-weight: 700 !important;
text-shadow:
0 2px 10px rgba(0, 0, 0, 0.75) !important;
} @media (max-width: 680px) {
body.fp-route-page
.fp-route
.fp-route-morse-inline {
padding:
30px
20px !important;
}
body.fp-route-page
.fp-route
.fp-route-morse-inline
.fp-route-morse-inline__code {
padding:
18px
16px !important;
font-size: 16px !important;
letter-spacing: 0.07em !important;
}
body.fp-route-page
.fp-route
.fp-city-gallery
.fp-city-gallery__intro {
font-size: 20px !important;
}
body.fp-route-page
.fp-route
.mp-book-ad
.mp-ad-title {
font-size:
clamp(2rem, 11vw, 3.2rem) !important;
}
}  body.fp-route-page
.fp-route
.fp-css-island--reclame {
position: relative;
left: 50%;
width: min(calc(100vw - 64px), 1460px) !important;
max-width: 1460px !important;
margin:
clamp(42px, 6vw, 78px)
0 !important;
transform: translateX(-50%);
} body.fp-route-page
.fp-route
.fp-css-island--reclame
.mp-book-ad {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
overflow: visible !important;
} body.fp-route-page
.fp-route
.fp-css-island--reclame
:is(
.kt-row-column-wrap,
.wp-block-kadence-rowlayout,
.wp-block-kadence-column,
.kt-inside-inner-col,
.wp-block-group,
.wp-block-columns,
.wp-block-column
) {
max-width: none !important;
overflow: visible !important;
} body.fp-route-page
.fp-route
.mp-book-ad
.kt-row-column-wrap {
display: grid !important;
grid-template-columns:
minmax(420px, 0.82fr)
minmax(650px, 1.18fr) !important;
align-items: center !important;
gap:
clamp(56px, 6vw, 110px) !important;
width: 100% !important;
padding:
clamp(48px, 5vw, 76px)
clamp(54px, 6vw, 96px) !important;
} body.fp-route-page
.fp-route
.mp-book-ad
.mp-book-cover,
body.fp-route-page
.fp-route
.mp-book-ad
.mp-book-cover
.kt-inside-inner-col,
body.fp-route-page
.fp-route
.mp-book-ad
.mp-book-cover
figure,
body.fp-route-page
.fp-route
.mp-book-ad
.mp-book-cover
.wp-block-image {
display: block !important;
width: 100% !important;
max-width: none !important;
height: auto !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
background: transparent !important;
} body.fp-route-page
.fp-route
.mp-book-ad
.mp-book-cover
img {
display: block !important;
width: min(100%, 520px) !important;
max-width: 520px !important;
height: auto !important;
max-height: none !important;
aspect-ratio: auto !important;
margin: 0 auto !important;
object-fit: contain !important;
object-position: center center !important;
opacity: 1 !important;
filter: none !important;
-webkit-filter: none !important;
mix-blend-mode: normal !important;
transform: none !important;
} body.fp-route-page
.fp-route
.mp-book-ad
.mp-book-cover::before,
body.fp-route-page
.fp-route
.mp-book-ad
.mp-book-cover::after,
body.fp-route-page
.fp-route
.mp-book-ad
.mp-book-cover
.wp-block-cover__background,
body.fp-route-page
.fp-route
.mp-book-ad
.mp-book-cover
.wp-block-cover__gradient-background {
display: none !important;
content: none !important;
opacity: 0 !important;
background: transparent !important;
} body.fp-route-page
.fp-route
.mp-book-ad
.mp-book-copy,
body.fp-route-page
.fp-route
.mp-book-ad
.mp-book-copy
.kt-inside-inner-col {
width: 100% !important;
max-width: none !important;
overflow: visible !important;
} body.fp-route-page
.fp-route
.mp-book-ad
.mp-ad-title {
width: 100% !important;
max-width: none !important;
margin:
0
0
25px !important;
font-size:
clamp(2.4rem, 3.25vw, 4.15rem) !important;
line-height: 1.02 !important;
letter-spacing: 0.01em !important;
white-space: nowrap !important;
text-wrap: nowrap !important;
} body.fp-route-page
.fp-route
.mp-book-ad
.mp-ad-text {
width: 100% !important;
max-width: 720px !important;
} body.fp-route-page
.fp-route
.mp-book-ad
.mp-ad-button
.wp-block-button__link,
body.fp-route-page
.fp-route
.mp-book-ad
.mp-ad-button
.wp-element-button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 50px !important;
padding:
14px
27px !important;
color: #07131F !important;
background: #C6A15B !important;
background-color: #C6A15B !important;
background-image: none !important;
border: 1px solid #C6A15B !important;
border-radius: 0 !important;
box-shadow:
0 12px 26px rgba(7, 19, 31, 0.18) !important;
text-decoration: none !important;
} body.fp-route-page
.fp-route
.mp-book-ad
.mp-ad-button
.wp-block-button__link:hover,
body.fp-route-page
.fp-route
.mp-book-ad
.mp-ad-button
.wp-block-button__link:focus-visible,
body.fp-route-page
.fp-route
.mp-book-ad
.mp-ad-button
.wp-element-button:hover,
body.fp-route-page
.fp-route
.mp-book-ad
.mp-ad-button
.wp-element-button:focus-visible {
color: #F4F0E6 !important;
background: #8F6C32 !important;
background-color: #8F6C32 !important;
border-color: #8F6C32 !important;
} @media (max-width: 1250px) {
body.fp-route-page
.fp-route
.fp-css-island--reclame {
width: calc(100vw - 48px) !important;
}
body.fp-route-page
.fp-route
.mp-book-ad
.kt-row-column-wrap {
grid-template-columns:
minmax(330px, 42%)
minmax(0, 58%) !important;
gap: 46px !important;
padding:
50px
42px !important;
}
body.fp-route-page
.fp-route
.mp-book-ad
.mp-book-cover
img {
width: min(100%, 430px) !important;
max-width: 430px !important;
}
body.fp-route-page
.fp-route
.mp-book-ad
.mp-ad-title {
font-size:
clamp(2.2rem, 4vw, 3.6rem) !important;
white-space: normal !important;
text-wrap: balance !important;
}
} @media (max-width: 820px) {
body.fp-route-page
.fp-route
.fp-css-island--reclame {
left: 50%;
width: calc(100vw - 32px) !important;
transform: translateX(-50%);
}
body.fp-route-page
.fp-route
.mp-book-ad
.kt-row-column-wrap {
display: flex !important;
flex-direction: column !important;
gap: 36px !important;
padding:
42px
24px !important;
}
body.fp-route-page
.fp-route
.mp-book-ad
.mp-book-cover
img {
width: min(100%, 390px) !important;
max-width: 390px !important;
}
body.fp-route-page
.fp-route
.mp-book-ad
.mp-book-copy {
text-align: center;
}
body.fp-route-page
.fp-route
.mp-book-ad
.mp-ad-title {
font-size:
clamp(2rem, 9vw, 3.3rem) !important;
white-space: normal !important;
text-wrap: balance !important;
}
body.fp-route-page
.fp-route
.mp-book-ad
.mp-ad-text {
max-width: 620px !important;
margin-right: auto !important;
margin-left: auto !important;
}
body.fp-route-page
.fp-route
.mp-book-ad
.mp-ad-button,
body.fp-route-page
.fp-route
.mp-book-ad
.mp-ad-button
.wp-block-button {
justify-content: center !important;
}
} @media (min-width: 1024px) {
body.fp-ville-page .fp-ville__sequence--reclame-canonique {
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
width: 100% !important;
height: calc(100svh - 77px) !important;
min-height: 0 !important;
max-height: calc(100svh - 77px) !important;
margin: 0 !important;
padding: clamp(18px, 2.5vh, 28px) 32px !important;
overflow: hidden !important;
}
body.fp-ville-page .fp-ville__sequence--reclame-canonique > .fp-ville__sequence-inner {
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.fp-ville-page .fp-ville__sequence--reclame-canonique .fpv42-book-feature {
box-sizing: border-box !important;
width: min(100%, 1440px) !important;
max-width: 1440px !important;
height: 100% !important;
min-height: 0 !important;
max-height: 100% !important;
margin: 0 auto !important;
padding: clamp(28px, 3.5vh, 46px) clamp(34px, 4vw, 64px) !important;
grid-template-columns: minmax(0, 1fr) minmax(320px, .9fr) !important;
gap: clamp(34px, 4vw, 60px) !important;
overflow: hidden !important;
}
body.fp-ville-page .fp-ville__sequence--reclame-canonique .fpv42-book-feature__content {
box-sizing: border-box !important;
min-width: 0 !important;
align-self: center !important;
padding: 0 !important;
}
body.fp-ville-page .fp-ville__sequence--reclame-canonique .fpv42-book-feature__cover {
box-sizing: border-box !important;
align-self: center !important;
width: 100% !important;
height: min(68vh, 620px) !important;
max-height: calc(100svh - 155px) !important;
overflow: hidden !important;
}
body.fp-ville-page .fp-ville__sequence--reclame-canonique .fpv42-book-feature__cover img {
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
}
} @media (max-width: 520px) {
body.fp-route-page
.fp-route
.fp-css-island--reclame {
width: calc(100vw - 20px) !important;
}
body.fp-route-page
.fp-route
.mp-book-ad
.kt-row-column-wrap {
padding:
34px
17px !important;
}
body.fp-route-page
.fp-route
.mp-book-ad
.mp-book-cover
img {
width: min(100%, 320px) !important;
max-width: 320px !important;
}
body.fp-route-page
.fp-route
.mp-book-ad
.mp-ad-button,
body.fp-route-page
.fp-route
.mp-book-ad
.mp-ad-button
.wp-block-button,
body.fp-route-page
.fp-route
.mp-book-ad
.mp-ad-button
.wp-block-button__link {
width: 100% !important;
}
} @import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Limelight&display=swap");  .fp-editorial-card .fp-editorial-card__value {
display: block;
font-family: "Limelight", Georgia, serif !important;
font-size: clamp(38px, 4.7vw, 64px) !important;
font-style: normal !important;
font-weight: 400 !important;
letter-spacing: 0.01em !important;
line-height: 1.05 !important;
text-transform: none !important;
color: inherit;
} .fp-editorial-card .fp-editorial-card__text {
display: block;
max-width: 760px;
font-family: "Cormorant Garamond", Georgia, serif !important;
font-size: clamp(23px, 2.2vw, 31px) !important;
font-style: normal !important;
font-weight: 500 !important;
letter-spacing: 0.005em !important;
line-height: 1.42 !important;
color: inherit;
} .fp-editorial-card--citation .fp-editorial-card__text {
font-family: "Cormorant Garamond", Georgia, serif !important;
font-size: clamp(27px, 3.2vw, 42px) !important;
font-style: italic !important;
font-weight: 500 !important;
line-height: 1.3 !important;
} .fp-editorial-card .fp-editorial-card__label,
.fp-editorial-card .fp-editorial-card__cta,
.fp-editorial-card .fp-editorial-card__attribution {
font-family: Inter, Arial, sans-serif !important;
} .fp-editorial-card--navy .fp-editorial-card__value,
.fp-editorial-card--navy .fp-editorial-card__text {
color: #F4F0E6 !important;
} .fp-editorial-card--ivory .fp-editorial-card__value,
.fp-editorial-card--ivory .fp-editorial-card__text {
color: #0F1E33 !important;
} @media (max-width: 760px) {
.fp-editorial-card .fp-editorial-card__value {
font-size: 38px !important;
line-height: 1.08 !important;
}
.fp-editorial-card .fp-editorial-card__text {
font-size: 22px !important;
line-height: 1.45 !important;
}
.fp-editorial-card--citation .fp-editorial-card__text {
font-size: 27px !important;
line-height: 1.3 !important;
}
}  .fp-hub--atlas .fp-hub__main-visual .fp-hub__section-heading,
.fp-hub--atlas .fp-hub__main-visual .fp-hub__visual-frame {
display: none;
} .fp-hub--atlas .fp-hub__main-visual {
padding-top: 72px;
padding-bottom: 82px;
} .fp-hub--atlas .fp-hub__index {
margin-top: 0;
} .fp-hub--atlas .fp-hub__index-title {
margin-bottom: 18px;
} @media (max-width: 760px) {
.fp-hub--atlas .fp-hub__main-visual {
padding-top: 48px;
padding-bottom: 58px;
}
} body.fp-lieu-v6-active .fp-lieu-v6__chapeau {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
max-width: 650px;
margin: 28px 0 0 !important;
color: rgba(244, 240, 230, 0.88) !important;
font-family:
"Cormorant Garamond",
Georgia,
serif !important;
font-size: clamp(23px, 2.2vw, 32px) !important;
font-weight: 500 !important;
font-style: italic;
line-height: 1.32 !important;
text-align: left !important;
}  .fp-personnage {
--fp-final-title:
"Park Lane",
"ParkLane",
"Cinzel",
Georgia,
serif;
--fp-final-subtitle:
"Market Deco",
"MarketDeco",
"Poiret One",
"Cinzel",
sans-serif;
--fp-final-editorial:
"Cormorant Garamond",
Georgia,
serif;
--fp-final-readable:
"Inter",
Arial,
sans-serif;
--fp-final-panel:
"Poiret One",
"Cinzel",
sans-serif;
--fp-final-date:
"Italiana",
"Cormorant Garamond",
Georgia,
serif;
--fp-final-navy: #071A31;
--fp-final-navy-deep: #041426;
--fp-final-gold: #C6A15B;
--fp-final-gold-light: #E0BF7A;
--fp-final-gold-dark: #8C662D;
--fp-final-ivory: #F4F0E6;
--fp-final-ink: #172234;
} .fp-personnage .fp-personnage__title {
margin-top: 0 !important;
color: var(--fp-final-ivory) !important;
font-family: var(--fp-final-title) !important;
font-size: clamp(72px, 7.2vw, 116px) !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 0.92 !important;
letter-spacing: 0.01em !important;
text-transform: uppercase !important;
text-wrap: balance;
overflow-wrap: normal;
word-break: normal;
} .fp-personnage .fp-personnage__label {
color: var(--fp-final-gold-light) !important;
font-family: var(--fp-final-panel) !important;
font-size: 14px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1.35 !important;
letter-spacing: 0.15em !important;
text-transform: uppercase !important;
} .fp-personnage .fp-personnage__subtitle {
margin-top: 12px !important;
margin-bottom: 28px !important;
color: var(--fp-final-gold-light) !important;
font-family: var(--fp-final-subtitle) !important;
font-size: clamp(40px, 4vw, 62px) !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1.06 !important;
letter-spacing: 0.025em !important;
text-transform: none !important;
text-wrap: balance;
} .fp-personnage .fp-personnage__chapo {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
width: 100% !important;
max-width: 760px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
color: rgba(244, 240, 230, 0.95) !important;
font-family: var(--fp-final-editorial) !important;
font-size: 25px !important;
font-style: normal !important;
font-weight: 500 !important;
line-height: 1.48 !important;
letter-spacing: 0.004em !important;
text-transform: none !important;
}
.fp-personnage .fp-personnage__chapo p {
display: block !important;
margin: 0 !important;
padding: 0 !important;
color: inherit !important;
font: inherit !important;
letter-spacing: inherit !important;
text-transform: inherit !important;
} .fp-personnage .fp-personnage__article p,
.fp-personnage .fp-personnage__article li,
.fp-personnage .fp-personnage__sequence p,
.fp-personnage .fp-personnage__sequence li,
.fp-personnage .fp-personnage__sequence-content p,
.fp-personnage .fp-personnage__sequence-content li {
font-family: var(--fp-final-readable) !important;
font-size: 20px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1.72 !important;
letter-spacing: 0 !important;
text-transform: none !important;
} .fp-personnage
.fp-personnage__sequence--bleu
:is(p, li) {
color: rgba(244, 240, 230, 0.93) !important;
} .fp-personnage
.fp-personnage__sequence--ivoire
:is(p, li) {
color: var(--fp-final-ink) !important;
} .fp-personnage .fp-personnage__article h2,
.fp-personnage .fp-personnage__sequence h2,
.fp-personnage .fp-personnage__sequence-content h2 {
color: var(--fp-final-gold-light) !important;
font-family:
"Cinzel",
Georgia,
serif !important;
font-size: clamp(29px, 2.5vw, 39px) !important;
font-style: normal !important;
font-weight: 500 !important;
line-height: 1.22 !important;
letter-spacing: 0.025em !important;
text-transform: uppercase !important;
text-wrap: balance;
}
.fp-personnage
.fp-personnage__sequence--ivoire
:is(
.fp-personnage__sequence-content h2,
h2.wp-block-heading
) {
color: var(--fp-final-gold-dark) !important;
} .fp-personnage .fp-personnage__facts-inner {
grid-template-columns:
minmax(0, 0.96fr)
minmax(0, 1.04fr) !important;
}
.fp-personnage .fp-personnage__identity {
text-align: center !important;
}
.fp-personnage .fp-personnage__panel-title,
.fp-personnage .fp-personnage__timeline-title {
width: 100%;
font-family: var(--fp-final-panel) !important;
font-size: 31px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1.16 !important;
letter-spacing: 0.07em !important;
text-transform: uppercase !important;
}
.fp-personnage .fp-personnage__panel-title {
color: var(--fp-final-gold-light) !important;
text-align: center !important;
}
.fp-personnage .fp-personnage__timeline-title {
color: var(--fp-final-gold-dark) !important;
text-align: center !important;
}
.fp-personnage .fp-personnage__identity-list {
width: 100%;
margin-right: auto !important;
margin-left: auto !important;
}
.fp-personnage .fp-personnage__identity-list dt,
.fp-personnage .fp-personnage__identity-list dd {
font-family: var(--fp-final-editorial) !important;
font-size: 20px !important;
line-height: 1.38 !important;
}
.fp-personnage .fp-personnage__identity-list dt {
color: var(--fp-final-ivory) !important;
font-weight: 600 !important;
}
.fp-personnage .fp-personnage__identity-list dd {
color: rgba(244, 240, 230, 0.84) !important;
font-weight: 500 !important;
} .fp-personnage .fp-personnage__timeline-year {
color: var(--fp-final-navy) !important;
font-family: var(--fp-final-readable) !important;
font-size: 18px !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: 1.3 !important;
white-space: nowrap;
}
.fp-personnage .fp-personnage__timeline-text {
min-width: 0;
color: var(--fp-final-ink) !important;
font-family: var(--fp-final-readable) !important;
font-size: 19px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1.42 !important;
letter-spacing: 0 !important;
text-transform: none !important;
white-space: normal;
overflow-wrap: anywhere;
} .fp-personnage .fp-personnage__questions,
.fp-personnage .fp-personnage__questions-list,
.fp-personnage .fp-personnage__questions details,
.fp-personnage .fp-personnage__questions .wp-block-details,
.fp-personnage .fp-personnage__questions summary,
.fp-personnage .fp-personnage__sequence details,
.fp-personnage .fp-personnage__sequence .wp-block-details {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
} @media (min-width: 960px) {
.fp-personnage
.fp-personnage__sequence--bleu.fp-personnage__sequence--plein
.fp-personnage__sequence-content,
.fp-personnage
.fp-personnage__sequence--columns
.fp-personnage__sequence-content {
max-width: 1180px !important;
margin-right: auto !important;
margin-left: auto !important;
column-count: 2;
column-gap: 72px;
column-rule:
1px solid rgba(198, 161, 91, 0.30);
}
.fp-personnage
.fp-personnage__sequence--bleu.fp-personnage__sequence--plein
.fp-personnage__sequence-content h2,
.fp-personnage
.fp-personnage__sequence--columns
.fp-personnage__sequence-content h2 {
column-span: all;
}
.fp-personnage
.fp-personnage__sequence--bleu.fp-personnage__sequence--plein
.fp-personnage__sequence-content
:is(p, ul, ol, blockquote, figure),
.fp-personnage
.fp-personnage__sequence--columns
.fp-personnage__sequence-content
:is(p, ul, ol, blockquote, figure) {
break-inside: avoid;
}
} .fp-personnage
.fp-personnage__sequence
:is(
blockquote,
.wp-block-quote,
.wp-block-pullquote
) {
border-color: var(--fp-final-gold) !important;
}
.fp-personnage
.fp-personnage__sequence
:is(
blockquote,
.wp-block-quote,
.wp-block-pullquote
)
p {
color: var(--fp-final-gold-light) !important;
font-family: var(--fp-final-date) !important;
font-size: clamp(32px, 3vw, 46px) !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1.3 !important;
} body:has(.fp-personnage) .entry-header,
body:has(.fp-personnage) .entry-title,
body:has(.fp-personnage) .entry-meta,
body:has(.fp-personnage) .page-header,
body:has(.fp-personnage) .post-meta,
body:has(.fp-personnage) .wp-block-post-title,
body:has(.fp-personnage) .wp-block-post-date,
body:has(.fp-personnage) .wp-block-post-author,
body:has(.fp-personnage) .wp-block-post-terms,
body:has(.fp-personnage) .wp-block-post-featured-image,
body:has(.fp-personnage) .breadcrumb,
body:has(.fp-personnage) .breadcrumbs,
body:has(.fp-personnage) .rank-math-breadcrumb,
body:has(.fp-personnage) .yoast-breadcrumb {
display: none !important;
}
body:has(.fp-personnage) .site-content,
body:has(.fp-personnage) .content-area,
body:has(.fp-personnage) .site-main,
body:has(.fp-personnage) .inside-article,
body:has(.fp-personnage) .entry-content {
margin-top: 0 !important;
padding-top: 0 !important;
} @media (max-width: 920px) {
.fp-personnage .fp-personnage__facts-inner {
grid-template-columns: 1fr !important;
}
.fp-personnage .fp-personnage__title {
font-size: clamp(58px, 12vw, 88px) !important;
}
.fp-personnage .fp-personnage__subtitle {
font-size: clamp(34px, 7vw, 48px) !important;
}
.fp-personnage .fp-personnage__chapo {
max-width: 650px !important;
margin-right: auto !important;
margin-left: auto !important;
font-size: 22px !important;
text-align: left !important;
}
.fp-personnage
.fp-personnage__sequence--with-aside
.fp-personnage__sequence-inner {
grid-template-columns: 1fr !important;
}
.fp-personnage
.fp-personnage__sequence--with-aside
.fp-personnage__sequence-content {
order: 1 !important;
max-width: none !important;
}
.fp-personnage
.fp-personnage__sequence--with-aside
.fp-personnage__sequence-aside {
order: 2 !important;
}
} @media (max-width: 580px) {
.fp-personnage .fp-personnage__hero-inner,
.fp-personnage .fp-personnage__facts-inner,
.fp-personnage .fp-personnage__sequence-inner,
.fp-personnage .fp-personnage__related-inner {
width: calc(100% - 22px) !important;
}
.fp-personnage .fp-personnage__hero-content {
padding:
48px
8px
28px !important;
text-align: center !important;
}
.fp-personnage .fp-personnage__label {
justify-content: center !important;
}
.fp-personnage .fp-personnage__title {
font-size: clamp(48px, 15vw, 72px) !important;
line-height: 0.96 !important;
}
.fp-personnage .fp-personnage__subtitle {
margin-top: 10px !important;
margin-bottom: 22px !important;
font-size: clamp(30px, 9vw, 38px) !important;
line-height: 1.1 !important;
}
.fp-personnage .fp-personnage__chapo {
font-size: 20px !important;
line-height: 1.5 !important;
}
.fp-personnage .fp-personnage__article p,
.fp-personnage .fp-personnage__article li,
.fp-personnage .fp-personnage__sequence p,
.fp-personnage .fp-personnage__sequence li,
.fp-personnage .fp-personnage__sequence-content p,
.fp-personnage .fp-personnage__sequence-content li {
font-size: 19px !important;
line-height: 1.68 !important;
}
.fp-personnage .fp-personnage__identity,
.fp-personnage .fp-personnage__timeline {
padding:
32px
22px !important;
}
.fp-personnage .fp-personnage__identity-list {
grid-template-columns: 1fr !important;
}
.fp-personnage .fp-personnage__identity-list dt,
.fp-personnage .fp-personnage__identity-list dd,
.fp-personnage .fp-personnage__timeline-text {
font-size: 18px !important;
white-space: normal !important;
}
.fp-personnage .fp-personnage__identity-list dt {
padding-bottom: 2px !important;
border-bottom: 0 !important;
}
.fp-personnage .fp-personnage__identity-list dd {
padding-top: 0 !important;
padding-bottom: 14px !important;
}
.fp-personnage .fp-personnage__timeline-item {
grid-template-columns:
12px
55px
minmax(0, 1fr) !important;
gap: 8px !important;
}
.fp-personnage
.fp-personnage__sequence
:is(
blockquote,
.wp-block-quote,
.wp-block-pullquote
) {
padding:
54px
22px
34px !important;
}
.fp-personnage
.fp-personnage__sequence
:is(
blockquote,
.wp-block-quote,
.wp-block-pullquote
)
p {
font-size: 30px !important;
}
} @media (prefers-reduced-motion: reduce) {
.fp-personnage *,
.fp-personnage *::before,
.fp-personnage *::after {
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
}
} body.category-personnages
:is(
.fp-hub__title,
.fp-category-hub__title,
.fp-category-hero__title,
.archive-title,
.page-title,
main h1
),
body.category-personnages-haut-en-couleur
:is(
.fp-hub__title,
.fp-category-hub__title,
.fp-category-hero__title,
.archive-title,
.page-title,
main h1
),
body.category-personnages-hauts-en-couleur
:is(
.fp-hub__title,
.fp-category-hub__title,
.fp-category-hero__title,
.archive-title,
.page-title,
main h1
) {
font-family:
"Limelight",
"Cormorant Garamond",
Georgia,
serif !important;
font-style: normal !important;
font-weight: 400 !important;
font-synthesis: none !important;
letter-spacing: 0.01em !important;
line-height: 0.96 !important;
text-transform: none !important;
}  .fpch-chronique {
--fpch-black: #0b0b0b;
--fpch-navy: #0f1e33;
--fpch-navy-deep: #081321;
--fpch-navy-soft: #162943;
--fpch-ivory: #f4f0e6;
--fpch-paper: #f8f4ec;
--fpch-paper-dark: #e8dfcf;
--fpch-gold: #c6a15b;
--fpch-gold-light: #dfc27c;
--fpch-gold-dark: #8b6a34;
--fpch-red: #a1121d;
--fpch-red-dark: #700810;
--fpch-text: #29251f;
--fpch-muted: #6d675e;
--fpch-font-chronique: "Limelight", Georgia, serif;
--fpch-font-question: "Market Deco", "Poiret One", sans-serif;
--fpch-font-heading: "Cormorant Garamond", Georgia, serif;
--fpch-font-body: "Cormorant Garamond", Georgia, serif;
--fpch-font-ui: "Inter", Arial, sans-serif;
--fpch-wide: 1180px;
--fpch-text-wide: 1080px;
--fpch-text-standard: 920px;
--fpch-landscape: 920px;
width: 100vw;
max-width: 100vw;
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
overflow-x: clip;
color: var(--fpch-text);
background: var(--fpch-paper);
font-family: var(--fpch-font-body);
font-size: 19px;
line-height: 1.72;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
.fpch-chronique *,
.fpch-chronique *::before,
.fpch-chronique *::after {
box-sizing: border-box;
}
.fpch-chronique figure {
margin: 0;
}
.fpch-chronique img {
display: block;
max-width: 100%;
height: auto;
}
.fpch-chronique a {
color: var(--fpch-gold-dark);
text-decoration-color: rgba(139, 106, 52, 0.55);
text-decoration-thickness: 1px;
text-underline-offset: 0.18em;
}
.fpch-chronique a:hover,
.fpch-chronique a:focus-visible {
color: var(--fpch-navy);
text-decoration-color: var(--fpch-gold);
} body.fpch-page .entry-header,
body.fpch-page .post-image,
body.fpch-page .featured-image,
body.fpch-page figure.post-thumbnail,
body.fpch-page .single-featured-image-header,
body.fpch-page .wp-block-post-title,
body.fpch-page .wp-block-post-excerpt,
body.fpch-page .wp-block-post-featured-image {
display: none !important;
}
body.fpch-page .site-content,
body.fpch-page .content-area,
body.fpch-page .site-main,
body.fpch-page .inside-article,
body.fpch-page .entry-content {
margin-top: 0 !important;
padding-top: 0 !important;
} .fpch-hero {
width: 100%;
background: var(--fpch-navy-deep);
}
.fpch-hero__figure {
position: relative;
width: 100%;
min-height: clamp(430px, 48vw, 620px);
margin: 0;
overflow: hidden;
background: var(--fpch-navy-deep);
border-bottom: 1px solid rgba(198, 161, 91, 0.48);
}
.fpch-hero__image {
display: block !important;
width: 100% !important;
height: clamp(430px, 48vw, 620px) !important;
object-fit: cover;
object-position: center;
opacity: 1 !important;
filter: none !important;
mix-blend-mode: normal !important;
} .fpch-hero__label {
position: absolute;
z-index: 2;
left: max(
28px,
calc((100vw - var(--fpch-wide)) / 2)
);
bottom: clamp(28px, 4vw, 56px);
display: inline-flex;
align-items: baseline;
gap: 0.3em;
padding: 22px 30px 20px;
color: var(--fpch-gold-light);
background: rgba(8, 19, 33, 0.95);
border: 1px solid var(--fpch-gold);
box-shadow:
0 18px 42px rgba(0, 0, 0, 0.3);
}
.fpch-hero__label::before,
.fpch-hero__label::after {
content: "";
position: absolute;
width: 18px;
height: 18px;
border-color: var(--fpch-gold);
opacity: 0.78;
}
.fpch-hero__label::before {
top: 7px;
left: 7px;
border-top: 1px solid;
border-left: 1px solid;
}
.fpch-hero__label::after {
right: 7px;
bottom: 7px;
border-right: 1px solid;
border-bottom: 1px solid;
}
.fpch-hero__label-word,
.fpch-hero__label-number {
color: var(--fpch-gold-light);
font-family: var(--fpch-font-chronique) !important;
font-size: clamp(2.45rem, 4vw, 3.65rem);
font-weight: 400;
letter-spacing: 0.035em;
line-height: 0.95;
text-transform: uppercase;
}
.fpch-hero__label-number {
color: var(--fpch-gold);
} .fpch-introduction {
position: relative;
width: 100%;
padding:
clamp(68px, 8vw, 108px)
24px
clamp(68px, 8vw, 104px);
background:
radial-gradient(
circle at 50% 0%,
rgba(198, 161, 91, 0.07),
transparent 42%
),
var(--fpch-ivory);
border-bottom: 1px solid rgba(139, 106, 52, 0.2);
}
.fpch-introduction__inner {
width: min(100%, 1100px);
margin-inline: auto;
text-align: center;
}
.fpch-introduction__title {
margin: 0;
color: var(--fpch-navy);
font-family: var(--fpch-font-question) !important;
font-size: clamp(3.2rem, 6vw, 5.7rem) !important;
font-weight: 400 !important;
letter-spacing: 0.01em;
line-height: 1.04 !important;
text-wrap: balance;
}
.fpch-introduction__title::after {
content: "";
display: block;
width: 92px;
height: 1px;
margin: 35px auto 0;
background: var(--fpch-gold);
}
.fpch-introduction__excerpt {
width: min(100%, 940px);
margin: 32px auto 0 !important;
color: #4a453d;
font-family: var(--fpch-font-heading) !important;
font-size: clamp(1.5rem, 2.4vw, 1.75rem) !important;
font-weight: 500;
line-height: 1.48 !important;
text-wrap: pretty;
} .fpch-answer {
position: relative;
width: 100%;
padding:
clamp(66px, 8vw, 100px)
24px;
overflow: hidden;
color: var(--fpch-ivory);
background:
radial-gradient(
circle at 12% 20%,
rgba(198, 161, 91, 0.08),
transparent 32%
),
radial-gradient(
circle at 88% 80%,
rgba(198, 161, 91, 0.05),
transparent 30%
),
var(--fpch-navy);
}
.fpch-answer::after {
content: "";
position: absolute;
right: clamp(18px, 5vw, 80px);
bottom: -18px;
width: 180px;
height: 100px;
background-color: rgba(198, 161, 91, 0.09);
-webkit-mask:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 100'%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M90 96L8 15M90 96L42 8M90 96V3M90 96L138 8M90 96L172 15'/%3E%3Cpath d='M22 30Q90 85 158 30'/%3E%3Cpath d='M38 16Q90 62 142 16'/%3E%3C/g%3E%3C/svg%3E")
center / contain no-repeat;
mask:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 100'%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M90 96L8 15M90 96L42 8M90 96V3M90 96L138 8M90 96L172 15'/%3E%3Cpath d='M22 30Q90 85 158 30'/%3E%3Cpath d='M38 16Q90 62 142 16'/%3E%3C/g%3E%3C/svg%3E")
center / contain no-repeat;
pointer-events: none;
}
.fpch-answer__inner {
position: relative;
z-index: 1;
width: min(100%, 1020px);
margin-inline: auto;
}
.fpch-answer__label {
margin: 0 0 24px !important;
color: var(--fpch-gold) !important;
font-family: var(--fpch-font-ui) !important;
font-size: 13px !important;
font-weight: 700;
letter-spacing: 0.19em;
line-height: 1.3 !important;
text-transform: uppercase;
}
.fpch-answer__label::after {
content: "";
display: block;
width: 76px;
height: 1px;
margin-top: 18px;
background: var(--fpch-gold);
}
.fpch-answer__text p {
margin: 0 0 22px;
color: var(--fpch-ivory) !important;
font-family: var(--fpch-font-heading) !important;
font-size: clamp(1.55rem, 2.8vw, 1.95rem) !important;
font-weight: 500;
line-height: 1.48 !important;
}
.fpch-answer__text p:last-child {
margin-bottom: 0;
}
.fpch-answer__text p + p {
color: var(--fpch-gold-light) !important;
font-size: clamp(1.3rem, 2.1vw, 1.55rem) !important;
} .fpch-content {
width: 100%;
background: var(--fpch-paper);
}
.fpch-chapter {
position: relative;
width: min(
calc(100% - 48px),
var(--fpch-wide)
);
margin-inline: auto;
padding:
clamp(86px, 9vw, 128px)
0;
} .fpch-chapter > * + * {
margin-top: clamp(64px, 7vw, 88px);
} .fpch-chapter__heading {
width: min(100%, 1100px);
margin: 0 auto;
text-align: center;
}
.fpch-chapter__heading h2 {
margin: 0 !important;
color: var(--fpch-navy);
font-family: var(--fpch-font-heading) !important;
font-size: clamp(2.65rem, 4.8vw, 4.35rem) !important;
font-weight: 500 !important;
letter-spacing: -0.025em;
line-height: 1.05 !important;
text-wrap: balance;
}
.fpch-chapter__heading h2::before {
content: "";
display: block;
width: 76px;
height: 42px;
margin: 0 auto 24px;
background-color: var(--fpch-gold);
-webkit-mask:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 65'%3E%3Cg fill='none' stroke='black' stroke-width='2.5'%3E%3Cpath d='M60 61L8 10M60 61L32 5M60 61V2M60 61L88 5M60 61L112 10'/%3E%3Cpath d='M18 20Q60 58 102 20'/%3E%3C/g%3E%3C/svg%3E")
center / contain no-repeat;
mask:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 65'%3E%3Cg fill='none' stroke='black' stroke-width='2.5'%3E%3Cpath d='M60 61L8 10M60 61L32 5M60 61V2M60 61L88 5M60 61L112 10'/%3E%3Cpath d='M18 20Q60 58 102 20'/%3E%3C/g%3E%3C/svg%3E")
center / contain no-repeat;
}
.fpch-chapter__heading h2::after {
content: "";
display: block;
width: 76px;
height: 1px;
margin: 28px auto 0;
background: var(--fpch-gold);
} .fpch-chapter h3 {
position: relative;
margin: 2.1em 0 0.75em;
padding-left: 25px;
color: var(--fpch-gold-dark);
font-family: var(--fpch-font-heading) !important;
font-size: clamp(1.55rem, 2.5vw, 2.15rem) !important;
font-weight: 600 !important;
line-height: 1.2 !important;
break-after: avoid;
}
.fpch-chapter h3::before {
content: "";
position: absolute;
top: 0.32em;
left: 0;
width: 12px;
height: 12px;
background-color: var(--fpch-gold);
-webkit-mask:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 0L20 10L10 20L0 10Z' fill='black'/%3E%3C/svg%3E")
center / contain no-repeat;
mask:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 0L20 10L10 20L0 10Z' fill='black'/%3E%3C/svg%3E")
center / contain no-repeat;
} .fpch-segment p,
.fpch-segment li,
.fpch-chapter > p,
.fpch-chapter > ul li,
.fpch-chapter > ol li {
color: var(--fpch-text);
font-family: var(--fpch-font-body) !important;
font-size: 19px !important;
line-height: 1.72 !important;
}
.fpch-segment p {
margin-top: 0;
margin-bottom: 1.35em;
}
.fpch-segment p:last-child {
margin-bottom: 0;
}
.fpch-segment ul,
.fpch-segment ol {
margin: 1.25em 0 1.6em;
padding-left: 1.35em;
}
.fpch-segment li {
margin-bottom: 0.55em;
}
.fpch-segment strong {
color: var(--fpch-navy);
font-weight: 700;
} .fpch-segment .wp-block-quote {
margin: 2em 0;
padding: 10px 0 10px 30px;
border-left: 2px solid var(--fpch-gold);
}
.fpch-segment .wp-block-quote p {
color: var(--fpch-navy);
font-family: var(--fpch-font-heading) !important;
font-size: 1.3em !important;
font-style: italic;
line-height: 1.5 !important;
} .fpch-segment--text {
width: min(100%, var(--fpch-text-wide));
margin-inline: auto;
}
.fpch-segment--text > :first-child {
margin-top: 0;
} .fpch-chapter__heading + .fpch-segment--text > p:first-child {
color: var(--fpch-navy);
font-size: 21px !important;
font-weight: 600;
line-height: 1.62 !important;
} .fpch-media--landscape {
width: min(100%, var(--fpch-landscape));
margin-right: auto;
margin-left: auto;
}
.fpch-media--landscape .wp-block-image {
width: 100%;
margin: 0;
}
.fpch-media--landscape img {
display: block !important;
width: 100% !important;
height: auto !important;
max-height: 600px;
object-fit: contain;
object-position: center;
opacity: 1 !important;
filter: none !important;
mix-blend-mode: normal !important;
border: 1px solid rgba(198, 161, 91, 0.52);
box-shadow:
0 22px 50px rgba(15, 30, 51, 0.12);
}
.fpch-media--landscape figcaption {
margin-top: 13px;
color: var(--fpch-muted);
font-family: var(--fpch-font-ui) !important;
font-size: 13px !important;
line-height: 1.5 !important;
text-align: left;
} .fpch-media--landscape + .fpch-media--landscape,
.fpch-media--landscape + .fpch-segment,
.fpch-segment + .fpch-media--landscape {
margin-top: clamp(58px, 7vw, 86px);
} .fpch-segment--columns {
width: 100%;
column-count: 3;
column-gap: clamp(38px, 4.5vw, 62px);
column-rule: 1px solid rgba(198, 161, 91, 0.28);
column-fill: balance;
}
.fpch-segment--columns p {
margin-top: 0;
margin-bottom: 1.35em;
font-size: 19px !important;
line-height: 1.72 !important;
}
.fpch-segment--columns h3,
.fpch-segment--columns figure,
.fpch-segment--columns blockquote,
.fpch-segment--columns ul,
.fpch-segment--columns ol {
break-inside: avoid;
-webkit-column-break-inside: avoid;
}
.fpch-segment--columns p:first-child::first-letter {
float: left;
margin:
0.08em
0.12em
0
0;
color: var(--fpch-gold-dark);
font-family: var(--fpch-font-heading);
font-size: 3.45em;
font-weight: 600;
line-height: 0.78;
} .fpch-segment--portrait {
display: grid;
grid-template-columns:
minmax(340px, 430px)
minmax(0, 1fr);
gap: clamp(48px, 7vw, 90px);
align-items: start;
width: 100%;
}
.fpch-segment--portrait-left
.fpch-segment__portrait-image {
grid-column: 1;
grid-row: 1;
}
.fpch-segment--portrait-left
.fpch-segment__portrait-text {
grid-column: 2;
grid-row: 1;
}
.fpch-segment--portrait-right
.fpch-segment__portrait-image {
grid-column: 2;
grid-row: 1;
}
.fpch-segment--portrait-right
.fpch-segment__portrait-text {
grid-column: 1;
grid-row: 1;
}
.fpch-segment__portrait-image {
width: 100%;
}
.fpch-segment__portrait-image .wp-block-image {
width: 100%;
margin: 0;
}
.fpch-segment__portrait-image img {
display: block !important;
width: 100% !important;
height: auto !important;
object-fit: contain;
object-position: center top;
opacity: 1 !important;
filter: none !important;
mix-blend-mode: normal !important;
border: 1px solid rgba(198, 161, 91, 0.52);
box-shadow:
0 22px 50px rgba(15, 30, 51, 0.13);
}
.fpch-segment__portrait-image figcaption {
margin-top: 13px;
color: var(--fpch-muted);
font-family: var(--fpch-font-ui) !important;
font-size: 13px !important;
line-height: 1.5 !important;
}
.fpch-segment__portrait-text {
min-width: 0;
}
.fpch-segment__portrait-text p {
font-size: 19px !important;
line-height: 1.72 !important;
}
.fpch-segment__portrait-text > p:first-child {
color: var(--fpch-navy);
font-size: 21px !important;
font-weight: 600;
line-height: 1.62 !important;
} .fpch-segment--image-only {
display: block;
}
.fpch-segment--image-only
.fpch-segment__portrait-image {
width: min(100%, 430px);
margin-inline: auto;
} .fpch-segment--portrait + .fpch-segment--portrait,
.fpch-segment--portrait + .fpch-media,
.fpch-media + .fpch-segment--portrait {
margin-top: clamp(64px, 8vw, 94px);
} .fpch-revelation {
position: relative;
width: min(100%, 940px);
margin-right: auto;
margin-left: auto;
padding:
clamp(46px, 6vw, 72px);
overflow: hidden;
color: var(--fpch-gold-light);
background:
linear-gradient(
135deg,
rgba(255, 255, 255, 0.045),
transparent 44%
),
var(--fpch-red);
border: 1px solid var(--fpch-gold);
box-shadow:
12px 12px 0 var(--fpch-red-dark),
0 30px 68px rgba(80, 3, 8, 0.2);
}
.fpch-revelation::before,
.fpch-revelation::after {
content: "";
position: absolute;
width: 78px;
height: 78px;
pointer-events: none;
border-color: var(--fpch-gold);
opacity: 0.88;
}
.fpch-revelation::before {
top: 14px;
left: 14px;
border-top: 1px solid;
border-left: 1px solid;
}
.fpch-revelation::after {
right: 14px;
bottom: 14px;
border-right: 1px solid;
border-bottom: 1px solid;
}
.fpch-revelation .wp-block-pullquote,
.fpch-revelation blockquote {
margin: 0;
padding: 0;
color: var(--fpch-gold-light);
background: transparent;
border: 0;
}
.fpch-revelation p {
margin: 0;
color: var(--fpch-gold-light) !important;
font-family: var(--fpch-font-heading) !important;
font-size: clamp(1.9rem, 3.8vw, 3.1rem) !important;
font-weight: 600;
line-height: 1.15 !important;
text-align: left;
text-wrap: balance;
}
.fpch-revelation cite {
display: block;
margin-top: 26px;
color: var(--fpch-gold) !important;
font-family: var(--fpch-font-ui) !important;
font-size: 13px !important;
font-style: normal;
font-weight: 700;
letter-spacing: 0.17em;
line-height: 1.5;
text-align: left;
text-transform: uppercase;
} .fpch-reclame {
position: relative;
width: min(100%, var(--fpch-wide));
min-height: 520px;
margin-right: auto;
margin-left: auto;
display: block;
clear: both;
column-span: all;
break-inside: avoid;
-webkit-column-break-inside: avoid;
overflow: visible;
isolation: isolate;
}
.fpch-reclame > * {
width: 100% !important;
max-width: none !important;
min-height: 520px;
margin-right: auto !important;
margin-left: auto !important;
} .fpch-reclame,
.fpch-reclame * {
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
}
.fpch-reclame h1,
.fpch-reclame h2,
.fpch-reclame h3,
.fpch-reclame h4,
.fpch-reclame p,
.fpch-reclame span,
.fpch-reclame a,
.fpch-reclame strong {
max-width: 100%;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
}
.fpch-reclame img {
max-width: 100%;
height: auto;
} .fpch-revelation + .fpch-reclame {
margin-top: clamp(72px, 9vw, 118px);
} .fpch-separator {
display: flex;
align-items: center;
justify-content: center;
gap: 14px;
width: min(
calc(100% - 48px),
var(--fpch-wide)
);
margin-inline: auto;
}
.fpch-separator::before,
.fpch-separator::after {
content: "";
width: min(180px, 22vw);
height: 1px;
background:
linear-gradient(
90deg,
transparent,
var(--fpch-gold)
);
}
.fpch-separator::after {
transform: scaleX(-1);
}
.fpch-separator span {
width: 11px;
height: 11px;
background-color: var(--fpch-gold);
-webkit-mask:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 0L20 10L10 20L0 10Z' fill='black'/%3E%3C/svg%3E")
center / contain no-repeat;
mask:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 0L20 10L10 20L0 10Z' fill='black'/%3E%3C/svg%3E")
center / contain no-repeat;
} @media (max-width: 1024px) {
.fpch-chapter {
width: min(
calc(100% - 40px),
var(--fpch-wide)
);
}
.fpch-segment--columns {
column-count: 2;
column-gap: 42px;
}
.fpch-segment--portrait {
grid-template-columns:
minmax(280px, 380px)
minmax(0, 1fr);
gap: 48px;
}
.fpch-reclame,
.fpch-reclame > * {
min-height: 460px;
}
} @media (max-width: 760px) {
.fpch-chronique {
font-size: 19px;
line-height: 1.68;
}
.fpch-hero__figure {
min-height: 320px;
}
.fpch-hero__image {
height: clamp(320px, 68vw, 470px) !important;
}
.fpch-hero__label {
left: 17px;
bottom: 17px;
padding: 16px 20px 15px;
}
.fpch-hero__label-word,
.fpch-hero__label-number {
font-size: clamp(1.65rem, 7vw, 2.25rem);
}
.fpch-introduction {
padding:
54px
18px
60px;
}
.fpch-introduction__title {
font-size: clamp(2.5rem, 11vw, 3.8rem) !important;
line-height: 1.04 !important;
}
.fpch-introduction__excerpt {
font-size: 1.35rem !important;
line-height: 1.5 !important;
}
.fpch-answer {
padding:
54px
20px;
}
.fpch-answer::after {
right: -30px;
bottom: -20px;
width: 145px;
height: 82px;
}
.fpch-answer__text p {
font-size: 1.48rem !important;
}
.fpch-answer__text p + p {
font-size: 1.3rem !important;
}
.fpch-chapter {
width: calc(100% - 32px);
padding:
70px
0;
}
.fpch-chapter > * + * {
margin-top: 54px;
}
.fpch-chapter__heading h2 {
font-size: clamp(2.2rem, 9vw, 3.1rem) !important;
}
.fpch-chapter__heading h2::before {
width: 62px;
height: 34px;
margin-bottom: 20px;
}
.fpch-segment p,
.fpch-segment li,
.fpch-chapter > p,
.fpch-chapter > ul li,
.fpch-chapter > ol li {
font-size: 19px !important;
line-height: 1.68 !important;
}
.fpch-chapter__heading + .fpch-segment--text > p:first-child,
.fpch-segment__portrait-text > p:first-child {
font-size: 20px !important;
}
.fpch-media--landscape {
width: 100%;
}
.fpch-media--landscape img {
max-height: none;
}
.fpch-segment--columns {
column-count: 1;
column-rule: 0;
}
.fpch-segment--columns p:first-child::first-letter {
float: none;
margin: 0;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
.fpch-segment--portrait {
grid-template-columns: 1fr;
gap: 34px;
}
.fpch-segment--portrait-left
.fpch-segment__portrait-image,
.fpch-segment--portrait-right
.fpch-segment__portrait-image {
grid-column: 1;
grid-row: 1;
width: min(100%, 430px);
margin-inline: auto;
}
.fpch-segment--portrait-left
.fpch-segment__portrait-text,
.fpch-segment--portrait-right
.fpch-segment__portrait-text {
grid-column: 1;
grid-row: 2;
}
.fpch-revelation {
width: calc(100% - 10px);
padding:
40px
26px;
box-shadow:
7px 7px 0 var(--fpch-red-dark),
0 18px 42px rgba(80, 3, 8, 0.18);
}
.fpch-revelation::before,
.fpch-revelation::after {
width: 50px;
height: 50px;
}
.fpch-revelation p {
font-size: clamp(1.7rem, 8vw, 2.4rem) !important;
}
.fpch-reclame,
.fpch-reclame > * {
min-height: 400px;
}
.fpch-separator {
width: calc(100% - 32px);
}
} @media (max-width: 420px) {
.fpch-chapter {
width: calc(100% - 26px);
}
.fpch-hero__label {
left: 12px;
bottom: 12px;
padding: 14px 17px 13px;
}
.fpch-hero__label-word,
.fpch-hero__label-number {
font-size: 1.55rem;
}
.fpch-introduction {
padding-right: 15px;
padding-left: 15px;
}
.fpch-answer {
padding-right: 17px;
padding-left: 17px;
}
.fpch-revelation {
padding:
35px
22px;
}
} @media (prefers-reduced-motion: reduce) {
.fpch-chronique *,
.fpch-chronique *::before,
.fpch-chronique *::after {
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
}
}  .fpch-chronique .fpch-introduction__excerpt {
width: min(100%, 980px);
margin-top: 34px !important;
font-family: var(--fpch-font-heading) !important;
font-size: clamp(1.75rem, 2.75vw, 2.05rem) !important;
font-weight: 500 !important;
line-height: 1.42 !important;
color: #443f38;
} .fpch-chronique .fpch-segment p,
.fpch-chronique .fpch-segment li,
.fpch-chronique .fpch-chapter > p,
.fpch-chronique .fpch-chapter > ul li,
.fpch-chronique .fpch-chapter > ol li,
.fpch-chronique .fpch-segment__portrait-text p {
font-size: 21px !important;
line-height: 1.66 !important;
} .fpch-chronique .fpch-segment--text {
width: min(100%, 1080px);
} .fpch-chronique
.fpch-chapter__heading
+ .fpch-segment--text
> p:first-child,
.fpch-chronique
.fpch-segment__portrait-text
> p:first-child {
font-size: 23px !important;
font-weight: 600;
line-height: 1.58 !important;
} .fpch-chronique .fpch-segment li {
margin-bottom: 0.65em;
} .fpch-chronique .fpch-segment--columns p,
.fpch-chronique .fpch-segment--columns li {
font-size: 20px !important;
line-height: 1.66 !important;
}
.fpch-chronique .fpch-segment--columns {
column-gap: clamp(34px, 4vw, 54px);
} .fpch-chronique .fpch-chapter {
padding-top: clamp(58px, 6vw, 78px);
padding-bottom: clamp(58px, 6vw, 78px);
} .fpch-chronique
.fpch-content
> .fpch-chapter:first-child {
padding-top: clamp(66px, 7vw, 88px);
} .fpch-chronique .fpch-chapter > * + * {
margin-top: clamp(42px, 4.5vw, 58px);
} .fpch-chronique .fpch-separator {
margin-top: 0;
margin-bottom: 0;
} .fpch-chronique
.fpch-separator
+ .fpch-chapter {
padding-top: clamp(42px, 4.5vw, 58px);
} .fpch-chronique
.fpch-chapter:has(+ .fpch-separator) {
padding-bottom: clamp(42px, 4.5vw, 58px);
} .fpch-chronique
.fpch-revelation
+ .fpch-reclame {
margin-top: clamp(42px, 5vw, 62px) !important;
} .fpch-chronique
.fpch-segment
+ .fpch-reclame,
.fpch-chronique
.fpch-media
+ .fpch-reclame {
margin-top: clamp(42px, 5vw, 62px) !important;
} .fpch-chronique
.fpch-reclame
+ .fpch-segment,
.fpch-chronique
.fpch-reclame
+ .fpch-media,
.fpch-chronique
.fpch-reclame
+ .fpch-chapter__heading,
.fpch-chronique
.fpch-reclame
+ .fpch-revelation {
margin-top: clamp(44px, 5vw, 64px) !important;
} .fpch-chronique
.fpch-chapter:has(> .fpch-reclame:last-child) {
padding-bottom: clamp(34px, 4vw, 50px);
} .fpch-chronique
.fpch-segment--text
+ .fpch-reclame {
margin-top: clamp(38px, 4.5vw, 56px) !important;
} .fpch-chronique .fpch-reclame,
.fpch-chronique .fpch-reclame > * {
min-height: 520px;
} @media (max-width: 1024px) {
.fpch-chronique .fpch-segment p,
.fpch-chronique .fpch-segment li,
.fpch-chronique .fpch-chapter > p,
.fpch-chronique .fpch-segment__portrait-text p {
font-size: 20px !important;
line-height: 1.66 !important;
}
.fpch-chronique .fpch-segment--columns p,
.fpch-chronique .fpch-segment--columns li {
font-size: 19.5px !important;
}
} @media (max-width: 760px) {
.fpch-chronique .fpch-introduction__excerpt {
font-size: 1.45rem !important;
line-height: 1.46 !important;
}
.fpch-chronique .fpch-segment p,
.fpch-chronique .fpch-segment li,
.fpch-chronique .fpch-chapter > p,
.fpch-chronique .fpch-segment--columns p,
.fpch-chronique .fpch-segment--columns li,
.fpch-chronique .fpch-segment__portrait-text p {
font-size: 19.5px !important;
line-height: 1.66 !important;
}
.fpch-chronique
.fpch-chapter__heading
+ .fpch-segment--text
> p:first-child,
.fpch-chronique
.fpch-segment__portrait-text
> p:first-child {
font-size: 21px !important;
}
.fpch-chronique .fpch-chapter {
padding-top: 50px;
padding-bottom: 50px;
}
.fpch-chronique
.fpch-separator
+ .fpch-chapter {
padding-top: 38px;
}
.fpch-chronique
.fpch-chapter:has(+ .fpch-separator),
.fpch-chronique
.fpch-chapter:has(> .fpch-reclame:last-child) {
padding-bottom: 38px;
}
.fpch-chronique
.fpch-revelation
+ .fpch-reclame,
.fpch-chronique
.fpch-segment
+ .fpch-reclame {
margin-top: 42px !important;
}
.fpch-chronique
.fpch-reclame
+ .fpch-segment,
.fpch-chronique
.fpch-reclame
+ .fpch-chapter__heading {
margin-top: 42px !important;
}
}  .fpch-chronique {
--fpch-font-question:
"Market Deco",
"Poiret One",
sans-serif;
--fpch-font-heading:
"Cormorant Garamond",
Georgia,
serif;
--fpch-font-body:
"Inter",
"Source Sans 3",
"Source Sans Pro",
Arial,
sans-serif;
--fpch-font-ui:
"Inter",
"Source Sans 3",
Arial,
sans-serif;
font-family: var(--fpch-font-body) !important;
font-size: 19.5px;
line-height: 1.68;
} .fpch-chronique .fpch-segment p,
.fpch-chronique .fpch-segment li,
.fpch-chronique .fpch-chapter > p,
.fpch-chronique .fpch-chapter li,
.fpch-chronique .fpch-segment__portrait-text p,
.fpch-chronique .fpch-segment--columns p,
.fpch-chronique .fpch-segment--columns li {
color: #26231f !important;
font-family: var(--fpch-font-body) !important;
font-size: 19.5px !important;
font-style: normal !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
line-height: 1.68 !important;
} .fpch-chronique .fpch-segment p {
margin-top: 0 !important;
margin-bottom: 1.25em !important;
} .fpch-chronique
.fpch-chapter__heading
+ .fpch-segment--text
> p:first-child,
.fpch-chronique
.fpch-segment__portrait-text
> p:first-child {
color: #26231f !important;
font-family: var(--fpch-font-body) !important;
font-size: 20px !important;
font-style: normal !important;
font-weight: 450 !important;
line-height: 1.65 !important;
} .fpch-chronique .fpch-segment--columns {
column-gap: clamp(40px, 4.5vw, 58px);
column-rule: 1px solid rgba(198, 161, 91, 0.25);
}
.fpch-chronique .fpch-segment--columns p,
.fpch-chronique .fpch-segment--columns li {
font-family: var(--fpch-font-body) !important;
font-size: 19px !important;
font-weight: 400 !important;
line-height: 1.67 !important;
} .fpch-chronique
.fpch-segment--columns
p:first-child::first-letter {
float: none !important;
margin: 0 !important;
color: inherit !important;
font-family: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
} .fpch-chronique
.fpch-chapter__heading h2 {
font-family: var(--fpch-font-heading) !important;
font-weight: 500 !important;
} .fpch-chronique .fpch-chapter h3 {
font-family: var(--fpch-font-heading) !important;
font-weight: 600 !important;
} .fpch-chronique
.fpch-introduction__excerpt {
width: min(100%, 980px);
color: #3d3933 !important;
font-family: var(--fpch-font-heading) !important;
font-size: clamp(1.85rem, 2.9vw, 2.2rem) !important;
font-style: normal !important;
font-weight: 500 !important;
line-height: 1.4 !important;
} .fpch-chronique
.fpch-answer__text p {
font-family: var(--fpch-font-heading) !important;
font-size: clamp(1.7rem, 2.8vw, 2rem) !important;
font-weight: 500 !important;
line-height: 1.45 !important;
}
.fpch-chronique
.fpch-answer__text p + p {
font-size: clamp(1.4rem, 2.2vw, 1.65rem) !important;
} .fpch-chronique
.fpch-revelation p {
font-family: var(--fpch-font-heading) !important;
font-weight: 600 !important;
} .fpch-chronique .fpch-reclame,
.fpch-chronique .fpch-reclame * {
font-family: revert;
} @media (max-width: 1024px) {
.fpch-chronique .fpch-segment p,
.fpch-chronique .fpch-segment li,
.fpch-chronique .fpch-chapter > p,
.fpch-chronique .fpch-chapter li,
.fpch-chronique .fpch-segment__portrait-text p {
font-size: 19px !important;
}
.fpch-chronique .fpch-segment--columns p,
.fpch-chronique .fpch-segment--columns li {
font-size: 18.5px !important;
}
} @media (max-width: 760px) {
.fpch-chronique .fpch-segment p,
.fpch-chronique .fpch-segment li,
.fpch-chronique .fpch-chapter > p,
.fpch-chronique .fpch-chapter li,
.fpch-chronique .fpch-segment--columns p,
.fpch-chronique .fpch-segment--columns li,
.fpch-chronique .fpch-segment__portrait-text p {
font-size: 19px !important;
line-height: 1.65 !important;
}
.fpch-chronique
.fpch-chapter__heading
+ .fpch-segment--text
> p:first-child,
.fpch-chronique
.fpch-segment__portrait-text
> p:first-child {
font-size: 19px !important;
font-weight: 500 !important;
}
.fpch-chronique
.fpch-introduction__excerpt {
font-size: 1.55rem !important;
line-height: 1.45 !important;
}
}  body.fp-global-design {
--fp-black: #080b0e;
--fp-navy: #0f1e33;
--fp-navy-deep: #07121f;
--fp-navy-soft: #162943;
--fp-ivory: #f4f0e6;
--fp-paper: #f8f3e9;
--fp-paper-dark: #e8dfcf;
--fp-gold: #c6a15b;
--fp-gold-light: #dfc27c;
--fp-gold-dark: #8b6a34;
--fp-text: #27231e;
--fp-muted: #6a6258;
--fp-font-display:
"Park Lane",
"Limelight",
"Cormorant Garamond",
Georgia,
serif;
--fp-font-eyebrow:
"Poiret One",
"Cormorant Garamond",
Georgia,
serif;
--fp-font-deco:
"Market Deco",
"Poiret One",
"Cormorant Garamond",
Georgia,
serif;
--fp-font-heading:
"Cormorant Garamond",
Georgia,
serif;
--fp-font-body:
"Inter",
"Source Sans 3",
"Source Sans Pro",
Arial,
sans-serif;
--fp-header-height: 72px;
--fp-wide: 1320px;
--fp-content: 1180px;
} body.fp-global-design #masthead,
body.fp-global-design .site-header,
body.fp-global-design .site-main-header-wrap,
body.fp-global-design .site-header-row-container,
body.fp-global-design .site-header-row-container-inner {
background: var(--fp-navy-deep) !important;
}
body.fp-global-design #masthead {
position: sticky;
top: 0;
z-index: 999;
overflow: visible !important;
border-bottom:
1px solid
rgba(198, 161, 91, 0.26);
box-shadow:
0 8px 24px
rgba(0, 0, 0, 0.16);
}
body.admin-bar.fp-global-design #masthead {
top: 32px;
}
body.fp-global-design .site-main-header-inner-wrap,
body.fp-global-design .site-header-row-container-inner {
position: relative;
min-height:
var(--fp-header-height) !important;
overflow: visible !important;
} body.fp-global-design
.site-header-item-main-navigation,
body.fp-global-design
.site-header-item-mobile-navigation,
body.fp-global-design
.mobile-toggle-open-container,
body.fp-global-design
.header-navigation,
body.fp-global-design
.main-navigation {
display: none !important;
} body.fp-global-design .site-branding {
display: flex;
align-items: center;
}
body.fp-global-design .site-branding img,
body.fp-global-design img.custom-logo {
width: auto;
max-height: 47px;
}
body.fp-global-design .site-title,
body.fp-global-design .site-description {
display: none !important;
} body.fp-global-design
#fp-global-header-tools-slot {
display: flex;
align-items: center;
margin-left: auto;
}
body.fp-global-design
.fp-global-header-cluster {
display: flex;
align-items: center;
justify-content: flex-end;
min-height:
var(--fp-header-height);
} body.fp-global-design
.fp-global-main-navigation {
position: absolute;
top: 0;
left: 50%;
display: flex;
align-items: center;
justify-content: center;
gap:
clamp(17px, 1.7vw, 31px);
height:
var(--fp-header-height);
transform:
translateX(-50%);
white-space: nowrap;
}
body.fp-global-design
.fp-global-main-navigation a {
position: relative;
display: flex;
align-items: center;
height: 100%;
color:
rgba(244, 240, 230, 0.82) !important;
font-family:
var(--fp-font-body) !important;
font-size: 10px;
font-weight: 650;
letter-spacing: 0.09em;
line-height: 1;
text-decoration: none !important;
text-transform: uppercase;
}
body.fp-global-design
.fp-global-main-navigation a::after {
content: "";
position: absolute;
right: 50%;
bottom: 19px;
left: 50%;
height: 1px;
background:
var(--fp-gold);
transition:
right 180ms ease,
left 180ms ease;
}
body.fp-global-design
.fp-global-main-navigation a:hover {
color:
var(--fp-gold-light) !important;
}
body.fp-global-design
.fp-global-main-navigation a:hover::after {
right: 0;
left: 0;
} body.fp-global-design
.fp-global-header-tools {
display: flex;
align-items: center;
gap: 11px;
position: relative;
z-index: 5;
white-space: nowrap;
}
body.fp-global-design
.fp-global-header-contact {
color:
rgba(244, 240, 230, 0.72) !important;
font-family:
var(--fp-font-body) !important;
font-size: 9px;
font-weight: 700;
letter-spacing: 0.09em;
text-decoration: none !important;
text-transform: uppercase;
}
body.fp-global-design
.fp-global-header-contact:hover {
color:
var(--fp-gold-light) !important;
} body.fp-global-design
.fp-global-languages {
display: inline-flex;
align-items: center;
gap: 7px;
}
body.fp-global-design
.fp-global-languages a {
color:
rgba(244, 240, 230, 0.5) !important;
font-family:
var(--fp-font-body) !important;
font-size: 9px;
font-weight: 700;
letter-spacing: 0.06em;
text-decoration: none !important;
}
body.fp-global-design
.fp-global-languages
a + a::before {
content: "";
display: inline-block;
width: 1px;
height: 10px;
margin-right: 7px;
vertical-align: -1px;
background:
rgba(198, 161, 91, 0.45);
}
body.fp-global-design
.fp-global-languages a.is-current,
body.fp-global-design
.fp-global-languages a:hover {
color:
var(--fp-gold-light) !important;
} body.fp-global-design
.fp-global-header-book {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 39px;
padding:
10px
14px;
color:
var(--fp-navy-deep) !important;
background:
var(--fp-gold);
border:
1px solid
var(--fp-gold);
font-family:
var(--fp-font-body) !important;
font-size: 9px;
font-weight: 800;
letter-spacing: 0.075em;
line-height: 1;
text-decoration: none !important;
text-transform: uppercase;
box-shadow:
0 7px 18px
rgba(0, 0, 0, 0.18);
transition:
color 180ms ease,
background 180ms ease,
transform 180ms ease;
}
body.fp-global-design
.fp-global-header-book::before {
content: "";
position: absolute;
inset: 3px;
border:
1px solid
rgba(15, 30, 51, 0.23);
}
body.fp-global-design
.fp-global-header-book span,
body.fp-global-design
.fp-global-header-book i {
position: relative;
z-index: 1;
}
body.fp-global-design
.fp-global-header-book i {
width: 15px;
height: 8px;
background:
currentColor;
clip-path:
polygon(
0 43%,
72% 43%,
72% 0,
100% 50%,
72% 100%,
72% 57%,
0 57%
);
transition:
transform 180ms ease;
}
body.fp-global-design
.fp-global-header-book:hover {
color:
var(--fp-gold-light) !important;
background:
transparent;
transform:
translateY(-1px);
}
body.fp-global-design
.fp-global-header-book:hover i {
transform:
translateX(3px);
} body.fp-global-design
.fp-global-menu-toggle {
display: none;
position: relative;
z-index: 10;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 4px;
width: 42px;
height: 42px;
padding: 0;
color:
var(--fp-ivory);
background:
transparent;
border:
1px solid
rgba(198, 161, 91, 0.38);
border-radius: 0;
}
body.fp-global-design
.fp-global-menu-toggle span {
display: block;
width: 18px;
height: 1px;
background:
var(--fp-gold);
}
body.fp-global-design
.fp-global-menu-toggle strong {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip:
rect(0 0 0 0);
} body.fp-global-design
.fp-global-mobile-panel {
position: fixed;
z-index: 9998;
top:
var(--fp-header-height);
right: 0;
left: 0;
display: grid;
grid-template-columns:
minmax(0, 1fr)
minmax(230px, 0.36fr);
gap:
clamp(35px, 6vw, 80px);
padding:
clamp(45px, 7vw, 85px)
max(
22px,
calc((100vw - var(--fp-content)) / 2)
);
color:
var(--fp-ivory);
background:
rgba(7, 18, 31, 0.985);
border-top:
1px solid
rgba(198, 161, 91, 0.3);
box-shadow:
0 22px 60px
rgba(0, 0, 0, 0.38);
opacity: 0;
visibility: hidden;
transform:
translateY(-16px);
transition:
opacity 180ms ease,
visibility 180ms ease,
transform 180ms ease;
}
body.admin-bar.fp-global-design
.fp-global-mobile-panel {
top:
calc(
var(--fp-header-height)
+
32px
);
}
body.fp-global-menu-open
.fp-global-mobile-panel {
opacity: 1;
visibility: visible;
transform:
translateY(0);
}
body.fp-global-menu-open {
overflow: hidden;
}
body.fp-global-design
.fp-global-mobile-navigation {
display: grid;
grid-template-columns:
1fr
1fr;
gap:
4px
clamp(25px, 5vw, 70px);
}
body.fp-global-design
.fp-global-mobile-navigation a {
display: flex;
align-items: center;
min-height: 64px;
color:
var(--fp-ivory) !important;
border-bottom:
1px solid
rgba(198, 161, 91, 0.18);
font-family:
var(--fp-font-deco) !important;
font-size:
clamp(1.45rem, 3vw, 2.4rem);
font-weight: 400;
letter-spacing: 0.02em;
text-decoration: none !important;
text-transform: uppercase;
}
body.fp-global-design
.fp-global-mobile-navigation a:hover {
color:
var(--fp-gold-light) !important;
}
body.fp-global-design
.fp-global-mobile-panel__bottom {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 18px;
padding-left:
clamp(22px, 4vw, 45px);
border-left:
1px solid
rgba(198, 161, 91, 0.24);
}
body.fp-global-design
.fp-global-mobile-panel__bottom > a {
color:
var(--fp-gold-light) !important;
font-family:
var(--fp-font-body);
font-size: 11px;
font-weight: 750;
letter-spacing: 0.09em;
text-decoration: none !important;
text-transform: uppercase;
} body.fp-home-v42-page .entry-header {
display: none !important;
}
body.fp-home-v42-page .entry-content,
body.fp-home-v42-page .site-main,
body.fp-home-v42-page .inside-article,
body.fp-home-v42-page article.page {
margin-top: 0 !important;
padding-top: 0 !important;
}
.fpv42-home {
width: 100vw;
max-width: 100vw;
margin-right:
calc(50% - 50vw);
margin-left:
calc(50% - 50vw);
overflow: clip;
color:
var(--fp-text);
background:
var(--fp-paper);
}
.fpv42-home *,
.fpv42-home *::before,
.fpv42-home *::after {
box-sizing: border-box;
}
.fpv42-picture {
margin: 0;
overflow: hidden;
}
.fpv42-picture img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.fpv42-picture--empty {
min-height: 250px;
background:
linear-gradient(
135deg,
rgba(198, 161, 91, 0.12),
transparent 45%
),
var(--fp-navy);
} .fpv42-eyebrow {
margin:
0
0
17px !important;
color:
var(--fp-gold) !important;
font-family:
var(--fp-font-eyebrow) !important;
font-size:
clamp(1.08rem, 1.5vw, 1.38rem) !important;
font-weight: 400 !important;
letter-spacing: 0.065em;
line-height: 1.25 !important;
text-transform: uppercase;
}
.fpv42-eyebrow--large {
font-size:
clamp(1.7rem, 2.7vw, 2.45rem) !important;
letter-spacing: 0.045em;
} .fpv42-section-heading {
width:
min(100%, 960px);
margin:
0
auto
clamp(37px, 4.5vw, 55px);
text-align: center;
}
.fpv42-section-heading h2,
.fpv42-manifest__intro h2 {
margin: 0;
color:
var(--fp-navy);
font-family:
var(--fp-font-heading) !important;
font-size:
clamp(2.55rem, 3.8vw, 4.1rem) !important;
font-weight: 500 !important;
letter-spacing: -0.025em;
line-height: 1.02 !important;
text-wrap: balance;
}
.fpv42-section-heading h2::after,
.fpv42-manifest__intro h2::after {
content: "";
display: block;
width: 66px;
height: 1px;
margin:
23px
auto
0;
background:
var(--fp-gold);
} .fpv42-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 49px;
padding:
14px
22px;
border-radius: 0;
font-family:
var(--fp-font-body) !important;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.095em;
line-height: 1;
text-decoration: none !important;
text-transform: uppercase;
transition:
color 180ms ease,
background 180ms ease,
transform 180ms ease;
}
.fpv42-button--gold {
color:
var(--fp-navy-deep) !important;
background:
var(--fp-gold);
border:
1px solid
var(--fp-gold);
}
.fpv42-button--gold:hover {
color:
var(--fp-gold-light) !important;
background:
var(--fp-navy-deep);
transform:
translateY(-2px);
}
.fpv42-button--outline {
color:
var(--fp-gold-dark) !important;
background:
transparent;
border:
1px solid
var(--fp-gold);
}
.fpv42-button--outline:hover {
color:
var(--fp-navy-deep) !important;
background:
var(--fp-gold);
} .fpv42-hero {
display: grid;
grid-template-columns:
minmax(435px, 0.94fr)
minmax(0, 1.26fr);
height:
calc(
100svh
-
var(--fp-header-height)
);
min-height: 535px;
max-height: 660px;
color:
var(--fp-ivory);
background:
var(--fp-navy-deep);
}
.fpv42-hero__copy {
position: relative;
z-index: 4;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
margin-right: -150px;
padding:
clamp(42px, 5vw, 68px)
clamp(38px, 5vw, 72px);
padding-right:
clamp(145px, 11vw, 195px);
background:
radial-gradient(
circle at 12% 15%,
rgba(198, 161, 91, 0.1),
transparent 32%
),
var(--fp-navy-deep);
clip-path:
polygon(
0 0,
100% 0,
82% 100%,
0 100%
);
}
.fpv42-hero__eyebrow {
max-width: 620px;
margin-bottom: 17px !important;
font-size:
clamp(1.14rem, 1.6vw, 1.45rem) !important;
}
.fpv42-hero__title {
max-width: 620px;
margin: 0;
font-family:
var(--fp-font-display) !important;
font-size:
clamp(2.7rem, 3.85vw, 4.35rem) !important;
font-weight: 400 !important;
letter-spacing: 0;
line-height: 0.98 !important;
text-wrap: balance;
}
.fpv42-hero__title span,
.fpv42-hero__title em {
display: block;
}
.fpv42-hero__title span {
color:
var(--fp-ivory);
}
.fpv42-hero__title em {
margin-top: 0.08em;
color:
var(--fp-gold);
font-style: normal;
}
.fpv42-hero__intro {
max-width: 550px;
margin:
21px
0
25px !important;
color:
rgba(244, 240, 230, 0.8) !important;
font-family:
var(--fp-font-body) !important;
font-size:
clamp(16px, 1.2vw, 18px) !important;
line-height: 1.58 !important;
} .fpv42-route {
display: grid;
grid-template-columns:
auto
minmax(90px, 245px)
auto;
gap: 12px;
align-items: center;
width:
min(100%, 420px);
margin-top: 25px;
color:
var(--fp-gold);
font-family:
var(--fp-font-body);
font-size: 8px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.fpv42-route i {
position: relative;
height: 16px;
}
.fpv42-route i::before {
content: "";
position: absolute;
top: 8px;
right: 6px;
left: 6px;
border-top:
1px dashed
var(--fp-gold);
transform:
rotate(-2deg);
}
.fpv42-route i::after {
content: "";
position: absolute;
top: 4px;
right: 0;
width: 8px;
height: 8px;
background:
var(--fp-gold);
transform:
rotate(45deg);
} .fpv42-hero__visual {
position: relative;
min-width: 0;
overflow: hidden;
}
.fpv42-hero__picture {
position: absolute;
inset: 0;
}
.fpv42-hero__picture::after {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(
90deg,
rgba(7, 18, 31, 0.82) 0%,
rgba(7, 18, 31, 0.48) 20%,
rgba(7, 18, 31, 0.08) 47%,
transparent 68%
),
linear-gradient(
0deg,
rgba(7, 18, 31, 0.2),
transparent 42%
);
}
.fpv42-hero__picture img {
object-position:
79% center;
transform:
scale(1.08);
filter:
saturate(0.86)
contrast(1.05)
brightness(0.9);
} .fpv42-hero-book {
position: absolute;
z-index: 6;
right:
clamp(24px, 3.5vw, 50px);
bottom:
clamp(22px, 3vw, 38px);
display: grid;
grid-template-columns:
minmax(0, 1fr)
auto;
gap:
3px
14px;
align-items: center;
width:
clamp(225px, 20vw, 272px);
padding:
17px
19px;
color:
var(--fp-navy-deep) !important;
background:
rgba(244, 240, 230, 0.97);
border:
1px solid
var(--fp-gold);
box-shadow:
0 16px 36px
rgba(0, 0, 0, 0.3);
text-decoration: none !important;
backdrop-filter:
blur(8px);
-webkit-backdrop-filter:
blur(8px);
transition:
background 180ms ease,
transform 180ms ease;
}
.fpv42-hero-book::before,
.fpv42-hero-book::after {
content: "";
position: absolute;
width: 16px;
height: 16px;
border-color:
var(--fp-gold);
}
.fpv42-hero-book::before {
top: 5px;
left: 5px;
border-top: 1px solid;
border-left: 1px solid;
}
.fpv42-hero-book::after {
right: 5px;
bottom: 5px;
border-right: 1px solid;
border-bottom: 1px solid;
}
.fpv42-hero-book
.fpv42-eyebrow {
grid-column: 1;
margin: 0 !important;
color:
var(--fp-gold-dark) !important;
font-size:
0.96rem !important;
}
.fpv42-hero-book strong {
grid-column: 1;
font-family:
var(--fp-font-body);
font-size: 10px;
font-weight: 800;
letter-spacing: 0.09em;
text-transform: uppercase;
}
.fpv42-hero-book i {
grid-column: 2;
grid-row: 1 / 3;
width: 21px;
height: 10px;
background:
var(--fp-gold-dark);
clip-path:
polygon(
0 43%,
72% 43%,
72% 0,
100% 50%,
72% 100%,
72% 57%,
0 57%
);
transition:
transform 180ms ease;
}
.fpv42-hero-book:hover {
background:
var(--fp-gold);
transform:
translateY(-3px);
}
.fpv42-hero-book:hover
.fpv42-eyebrow {
color:
var(--fp-navy-deep) !important;
}
.fpv42-hero-book:hover i {
background:
var(--fp-navy-deep);
transform:
translateX(4px);
} .fpv42-manifest {
display: grid;
grid-template-columns:
minmax(340px, 1fr)
minmax(0, 2.15fr);
gap:
clamp(42px, 5vw, 75px);
padding:
clamp(70px, 7.5vw, 102px)
max(
22px,
calc((100vw - var(--fp-wide)) / 2)
);
background:
var(--fp-paper);
}
.fpv42-manifest__intro {
padding-right:
clamp(24px, 3.5vw, 50px);
border-right:
1px solid
rgba(139, 106, 52, 0.27);
}
.fpv42-manifest__intro h2::after {
margin-left: 0;
}
.fpv42-manifest__intro
> p:last-child {
margin:
26px
0
0 !important;
color:
#514a42 !important;
font-family:
var(--fp-font-body) !important;
font-size:
clamp(17px, 1.25vw, 21px) !important;
line-height:
1.62 !important;
} .fpv42-portals {
display: grid;
grid-template-columns:
repeat(3, minmax(0, 1fr));
}
.fpv42-portal {
position: relative;
display: flex;
flex-direction: column;
min-height: 325px;
padding:
18px
clamp(24px, 2.5vw, 38px);
color:
var(--fp-text) !important;
border-right:
1px solid
rgba(139, 106, 52, 0.22);
text-decoration: none !important;
transition:
background 180ms ease,
transform 180ms ease;
}
.fpv42-portal:last-child {
border-right: 0;
}
.fpv42-portal::before {
content: "";
width: 28px;
height: 28px;
margin-bottom: 24px;
border:
1px solid
var(--fp-gold);
transform:
rotate(45deg);
}
.fpv42-portal > span {
position: absolute;
top: 15px;
right: 24px;
color:
rgba(139, 106, 52, 0.55);
font-family:
var(--fp-font-heading);
font-size: 30px;
line-height: 1;
}
.fpv42-portal h3 {
margin:
9px
0
16px;
color:
var(--fp-navy);
font-family:
var(--fp-font-deco) !important;
font-size:
clamp(1.9rem, 2.3vw, 2.6rem) !important;
font-weight: 400 !important;
letter-spacing: 0.02em;
line-height: 1.04 !important;
text-transform: uppercase;
}
.fpv42-portal p {
margin:
0
0
25px !important;
color:
#514a42 !important;
font-family:
var(--fp-font-body) !important;
font-size:
clamp(17px, 1.18vw, 21px) !important;
line-height:
1.58 !important;
}
.fpv42-portal strong,
.fpv42-place-card strong,
.fpv42-person strong {
margin-top: auto;
color:
var(--fp-gold-dark);
font-family:
var(--fp-font-body);
font-size: 10px;
font-weight: 800;
letter-spacing: 0.09em;
text-transform: uppercase;
}
.fpv42-portal:hover {
background:
rgba(198, 161, 91, 0.065);
transform:
translateY(-3px);
} .fpv42-chronicle {
display: grid;
grid-template-columns:
minmax(145px, 0.34fr)
minmax(315px, 0.82fr)
minmax(390px, 1.34fr);
min-height: 420px;
color:
var(--fp-ivory);
background:
var(--fp-navy-deep);
}
.fpv42-chronicle__number {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding:
30px
18px;
overflow: hidden;
border-right:
1px solid
rgba(198, 161, 91, 0.22);
}
.fpv42-chronicle__number::before {
content: "";
position: absolute;
width: 215px;
height: 215px;
background:
repeating-conic-gradient(
from 0deg,
rgba(198, 161, 91, 0.12) 0deg 1deg,
transparent 1deg 13deg
);
}
.fpv42-chronicle__number > * {
position: relative;
z-index: 1;
}
.fpv42-chronicle__number
.fpv42-eyebrow {
font-size:
1rem !important;
text-align: center;
}
.fpv42-chronicle__number strong {
color:
var(--fp-gold);
font-family:
var(--fp-font-heading);
font-size:
clamp(5rem, 7vw, 7.5rem);
font-weight: 400;
line-height: 0.8;
}
.fpv42-chronicle__picture {
min-height: 420px;
}
.fpv42-chronicle__picture img {
filter:
saturate(0.92)
sepia(0.04)
contrast(1.03)
brightness(0.96);
}
.fpv42-chronicle__content {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding:
clamp(42px, 5vw, 72px);
}
.fpv42-chronicle__content h2 {
max-width: 690px;
margin: 0;
color:
var(--fp-ivory);
font-family:
var(--fp-font-heading) !important;
font-size:
clamp(2.35rem, 3.6vw, 3.9rem) !important;
font-weight: 500 !important;
line-height: 1.02 !important;
text-wrap: balance;
}
.fpv42-chronicle__content h2::after {
content: "";
display: block;
width: 60px;
height: 1px;
margin-top: 23px;
background:
var(--fp-gold);
}
.fpv42-chronicle__content p {
max-width: 650px;
margin:
23px
0
28px !important;
color:
rgba(244, 240, 230, 0.8) !important;
font-family:
var(--fp-font-body) !important;
font-size:
clamp(17px, 1.22vw, 21px) !important;
line-height:
1.58 !important;
} .fpv42-places,
.fpv42-people,
.fpv42-gazette {
padding:
clamp(64px, 7vw, 92px)
max(
22px,
calc((100vw - var(--fp-wide)) / 2)
);
background:
var(--fp-paper);
}
@media (min-width: 981px) {
.fpv42-screen-section {
display: flex;
flex-direction: column;
justify-content: center;
min-height:
calc(
100svh
-
var(--fp-header-height)
);
}
} .fpv42-places__grid {
display: grid;
grid-template-columns:
repeat(3, minmax(0, 1fr));
gap: 1px;
background:
var(--fp-gold);
border:
1px solid
var(--fp-gold);
}
.fpv42-place-card {
position: relative;
min-height:
clamp(420px, 36vw, 520px);
overflow: hidden;
color:
var(--fp-ivory) !important;
background:
var(--fp-navy-deep);
text-decoration: none !important;
}
.fpv42-place-card__picture {
position: absolute;
inset: 0;
}
.fpv42-place-card__picture::after {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(
0deg,
rgba(7, 18, 31, 0.98) 0%,
rgba(7, 18, 31, 0.58) 48%,
rgba(7, 18, 31, 0.08) 100%
);
}
.fpv42-place-card__picture img {
filter:
saturate(0.84)
contrast(1.04);
transition:
transform 480ms ease;
}
.fpv42-place-card__content {
position: absolute;
z-index: 2;
right: 0;
bottom: 0;
left: 0;
display: flex;
flex-direction: column;
min-height: 275px;
padding:
clamp(28px, 3.3vw, 43px);
}
.fpv42-place-card__content > span {
color:
rgba(198, 161, 91, 0.74);
font-family:
var(--fp-font-heading);
font-size: 32px;
line-height: 1;
}
.fpv42-place-card h3 {
margin:
13px
0
15px;
color:
var(--fp-ivory);
font-family:
var(--fp-font-deco) !important;
font-size:
clamp(1.75rem, 2.45vw, 2.7rem) !important;
font-weight: 400 !important;
letter-spacing: 0.015em;
line-height: 1.02 !important;
text-transform: uppercase;
}
.fpv42-place-card p {
margin:
0
0
22px !important;
color:
rgba(244, 240, 230, 0.82) !important;
font-family:
var(--fp-font-body) !important;
font-size:
clamp(17px, 1.2vw, 21px) !important;
line-height:
1.5 !important;
}
.fpv42-place-card strong {
color:
var(--fp-gold);
}
.fpv42-place-card:hover img {
transform:
scale(1.04);
} .fpv42-people {
background:
radial-gradient(
circle at 50% 50%,
rgba(198, 161, 91, 0.07),
transparent 35%
),
var(--fp-paper);
}
.fpv42-people__grid {
display: grid;
grid-template-columns:
minmax(0, 1fr)
110px
minmax(0, 1fr);
gap:
clamp(27px, 3.2vw, 46px);
align-items: center;
width:
min(100%, var(--fp-content));
margin-inline: auto;
}
.fpv42-person {
display: grid;
grid-template-columns:
minmax(180px, 235px)
minmax(0, 1fr);
gap:
clamp(25px, 3vw, 41px);
align-items: center;
color:
var(--fp-text) !important;
text-decoration: none !important;
}
.fpv42-person--reverse {
grid-template-columns:
minmax(0, 1fr)
minmax(180px, 235px);
}
.fpv42-person__portrait {
width: 100%;
aspect-ratio: 1;
border:
1px solid
var(--fp-gold);
border-radius: 50%;
box-shadow:
0 18px 38px
rgba(15, 30, 51, 0.14);
}
.fpv42-person__portrait img {
filter:
grayscale(0.58)
sepia(0.1);
transition:
transform 380ms ease;
}
.fpv42-person h3 {
margin:
0
0
17px;
color:
var(--fp-navy);
font-family:
var(--fp-font-deco) !important;
font-size:
clamp(1.85rem, 2.4vw, 2.7rem) !important;
font-weight: 400 !important;
line-height: 1.04 !important;
text-transform: uppercase;
}
.fpv42-person h3::after {
content: "";
display: block;
width: 51px;
height: 1px;
margin-top: 17px;
background:
var(--fp-gold);
}
.fpv42-person p {
margin:
0
0
22px !important;
color:
#514a42 !important;
font-family:
var(--fp-font-body) !important;
font-size:
clamp(17px, 1.18vw, 21px) !important;
line-height:
1.55 !important;
}
.fpv42-person:hover
.fpv42-person__portrait img {
transform:
scale(1.035);
} .fpv42-people__slash {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 250px;
}
.fpv42-people__slash::before {
content: "";
width: 2px;
height: 100%;
background:
repeating-linear-gradient(
to bottom,
var(--fp-gold) 0 6px,
transparent 6px 13px
);
transform:
rotate(-13deg);
}
.fpv42-people__slash span {
position: absolute;
width: 13px;
height: 13px;
background:
var(--fp-gold);
transform:
rotate(45deg);
} .fpv42-gazette {
background:
var(--fp-ivory);
}
.fpv42-gazette__grid {
display: grid;
grid-template-columns:
repeat(3, minmax(0, 1fr));
gap:
clamp(22px, 3vw, 38px);
width:
min(100%, var(--fp-content));
margin-inline: auto;
}
.fpv42-gazette-card {
display: flex;
flex-direction: column;
min-width: 0;
background:
var(--fp-paper);
border-top:
3px solid
var(--fp-navy);
border-bottom:
1px solid
rgba(139, 106, 52, 0.28);
box-shadow:
0 14px 34px
rgba(15, 30, 51, 0.08);
}
.fpv42-gazette-card__picture {
aspect-ratio:
16 / 10;
}
.fpv42-gazette-card__picture img {
filter:
saturate(0.86)
sepia(0.06)
contrast(1.03);
transition:
transform 400ms ease;
}
.fpv42-gazette-card:hover
.fpv42-gazette-card__picture img {
transform:
scale(1.035);
}
.fpv42-gazette-card__content {
flex: 1;
padding:
27px
27px
30px;
}
.fpv42-gazette-card time {
display: block;
margin-bottom: 12px;
color:
var(--fp-gold-dark);
font-family:
var(--fp-font-eyebrow);
font-size: 1rem;
letter-spacing: 0.055em;
text-transform: uppercase;
}
.fpv42-gazette-card h3 {
margin:
0
0
15px;
font-family:
var(--fp-font-deco) !important;
font-size:
clamp(1.55rem, 2vw, 2.15rem) !important;
font-weight: 400 !important;
line-height: 1.08 !important;
}
.fpv42-gazette-card h3 a {
color:
var(--fp-navy) !important;
text-decoration: none !important;
}
.fpv42-gazette-card h3 a:hover {
color:
var(--fp-gold-dark) !important;
}
.fpv42-gazette-card p {
margin: 0 !important;
color:
#514a42 !important;
font-family:
var(--fp-font-body) !important;
font-size:
clamp(17px, 1.15vw, 20px) !important;
line-height:
1.55 !important;
}
.fpv42-center-action {
margin-top:
clamp(33px, 4vw, 49px);
text-align: center;
} .fpv42-dual-feature {
display: grid;
grid-template-columns:
1fr
1fr;
min-height: 600px;
background:
var(--fp-black);
} .fpv42-manhattan {
position: relative;
display: grid;
grid-template-columns:
minmax(230px, 0.82fr)
minmax(0, 1fr);
gap:
clamp(28px, 4vw, 52px);
align-items: center;
min-width: 0;
min-height: 600px;
padding:
clamp(42px, 5vw, 68px);
color:
var(--fp-ivory);
background:
radial-gradient(
circle at 20% 50%,
rgba(198, 161, 91, 0.09),
transparent 36%
),
var(--fp-navy-deep);
border-right:
1px solid
rgba(198, 161, 91, 0.48);
}
.fpv42-manhattan-cover {
display: flex;
align-items: center;
justify-content: center;
min-width: 0;
}
.fpv42-manhattan-cover
> * {
max-width: 100% !important;
} .fpv42-manhattan-cover
.mp-cover {
width:
min(100%, 310px) !important;
max-width: 310px !important;
height: 455px !important;
min-height: 455px !important;
margin: 0 auto !important;
overflow: hidden !important;
box-shadow:
0 22px 46px
rgba(0, 0, 0, 0.42) !important;
transform: none !important;
}
.fpv42-manhattan-cover
.mp-cover img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.fpv42-manhattan__content h2 {
margin:
0
0
21px;
color:
var(--fp-ivory);
font-family:
var(--fp-font-heading) !important;
font-size:
clamp(2.5rem, 3.6vw, 4rem) !important;
font-weight: 500 !important;
line-height: 1 !important;
}
.fpv42-manhattan__content
> p:not(.fpv42-eyebrow) {
margin:
0
0
27px !important;
color:
rgba(244, 240, 230, 0.8) !important;
font-family:
var(--fp-font-body) !important;
font-size:
clamp(17px, 1.2vw, 21px) !important;
line-height:
1.55 !important;
} .fpv42-book-feature {
position: relative;
display: grid;
grid-template-columns:
minmax(0, 1.15fr)
minmax(200px, 0.72fr);
gap:
clamp(27px, 4vw, 50px);
align-items: center;
min-width: 0;
min-height: 600px;
padding:
clamp(42px, 5vw, 68px);
color:
var(--fp-text);
background:
radial-gradient(
circle at 88% 50%,
rgba(198, 161, 91, 0.16),
transparent 35%
),
var(--fp-ivory);
border:
1px solid
rgba(198, 161, 91, 0.62);
}
.fpv42-book-feature::before,
.fpv42-book-feature::after {
content: "";
position: absolute;
width: 60px;
height: 60px;
border-color:
var(--fp-gold-dark);
opacity: 0.78;
}
.fpv42-book-feature::before {
top: 14px;
left: 14px;
border-top: 1px solid;
border-left: 1px solid;
}
.fpv42-book-feature::after {
right: 14px;
bottom: 14px;
border-right: 1px solid;
border-bottom: 1px solid;
}
.fpv42-book-feature__content,
.fpv42-book-feature__cover {
position: relative;
z-index: 2;
}
.fpv42-book-feature h2 {
margin:
0
0
22px;
color:
var(--fp-navy);
font-family:
var(--fp-font-heading) !important;
font-size:
clamp(2.45rem, 3.6vw, 4rem) !important;
font-weight: 500 !important;
line-height: 1 !important;
}
.fpv42-book-feature h2 span {
display: block;
color:
var(--fp-gold-dark);
}
.fpv42-book-feature__content
> p:not(.fpv42-eyebrow) {
margin:
0
0
27px !important;
color:
#514a42 !important;
font-family:
var(--fp-font-body) !important;
font-size:
clamp(17px, 1.2vw, 21px) !important;
line-height:
1.55 !important;
}
.fpv42-book-feature__cover {
height: 425px;
overflow: visible;
}
.fpv42-book-feature__cover img {
object-fit: contain;
transform:
rotate(3deg);
filter:
drop-shadow(
16px 22px 18px
rgba(0, 0, 0, 0.3)
);
transition:
transform 300ms ease;
}
.fpv42-book-feature:hover
.fpv42-book-feature__cover img {
transform:
rotate(1deg)
translateY(-5px);
} .fpv42-years-introduction {
padding:
clamp(52px, 6vw, 74px)
22px
clamp(23px, 3vw, 36px);
text-align: center;
background:
var(--fp-paper);
}
.fpv42-years-introduction
.fpv42-eyebrow {
margin-bottom: 0 !important;
}
body.fp-home-v42-page
.fp-home-years-wall {
width: 100vw;
max-width: 100vw;
margin:
0
calc(50% - 50vw) !important;
padding-top:
clamp(21px, 3vw, 35px) !important;
padding-bottom:
clamp(54px, 6vw, 77px) !important;
overflow: hidden;
background:
var(--fp-navy-deep);
} .fpv42-documentary {
display: grid;
grid-template-columns:
minmax(0, 1.16fr)
minmax(330px, 0.84fr);
gap:
clamp(42px, 6vw, 78px);
align-items: center;
padding:
clamp(65px, 8vw, 102px)
max(
22px,
calc((100vw - var(--fp-wide)) / 2)
);
color:
var(--fp-ivory);
background:
var(--fp-navy-deep);
}
.fpv42-documentary__screen-wrap {
display: flex;
align-items: center;
justify-content: center;
}
.fpv42-documentary__screen {
position: relative;
display: block;
width:
min(100%, 760px);
aspect-ratio:
16 / 9;
padding: 12px;
overflow: hidden;
background:
var(--fp-black);
border:
1px solid
var(--fp-gold);
box-shadow:
0 20px 45px
rgba(0, 0, 0, 0.34);
}
.fpv42-documentary__screen::after {
content: "";
position: absolute;
inset: 18px;
border:
1px solid
rgba(198, 161, 91, 0.27);
pointer-events: none;
}
.fpv42-documentary__picture {
position: absolute;
inset: 12px;
}
.fpv42-documentary__picture img {
object-position: center;
filter:
saturate(0.82)
sepia(0.06)
contrast(1.04);
transition:
transform 450ms ease;
}
.fpv42-documentary__screen:hover
.fpv42-documentary__picture img {
transform:
scale(1.025);
}
.fpv42-documentary__screen > i {
position: absolute;
z-index: 3;
top: 50%;
left: 50%;
width: 70px;
height: 70px;
border:
2px solid
var(--fp-gold);
border-radius: 50%;
background:
rgba(7, 18, 31, 0.68);
transform:
translate(-50%, -50%);
transition:
background 180ms ease,
transform 180ms ease;
}
.fpv42-documentary__screen > i::after {
content: "";
position: absolute;
top: 50%;
left: 53%;
width: 17px;
height: 22px;
background:
var(--fp-gold);
transform:
translate(-50%, -50%);
clip-path:
polygon(
0 0,
100% 50%,
0 100%
);
}
.fpv42-documentary__screen:hover > i {
background:
var(--fp-gold);
transform:
translate(-50%, -50%)
scale(1.05);
}
.fpv42-documentary__screen:hover > i::after {
background:
var(--fp-navy-deep);
}
.fpv42-documentary__content h2 {
margin: 0;
color:
var(--fp-ivory);
font-family:
var(--fp-font-heading) !important;
font-size:
clamp(2.8rem, 4vw, 4.45rem) !important;
font-weight: 500 !important;
line-height: 0.98 !important;
}
.fpv42-documentary__content h2::after {
content: "";
display: block;
width: 62px;
height: 1px;
margin-top: 23px;
background:
var(--fp-gold);
}
.fpv42-documentary__content
> p:not(.fpv42-eyebrow) {
max-width: 510px;
margin:
24px
0
29px !important;
color:
rgba(244, 240, 230, 0.8) !important;
font-family:
var(--fp-font-body) !important;
font-size:
clamp(17px, 1.2vw, 21px) !important;
line-height:
1.56 !important;
} .fpv42-newsletter {
position: relative;
display: grid;
grid-template-columns:
minmax(0, 1fr)
minmax(330px, 0.82fr);
gap:
clamp(42px, 7vw, 90px);
align-items: center;
width: 100vw;
max-width: 100vw;
margin-right:
calc(50% - 50vw);
margin-left:
calc(50% - 50vw);
padding:
clamp(72px, 8vw, 106px)
max(
22px,
calc((100vw - var(--fp-content)) / 2)
);
overflow: hidden;
background:
radial-gradient(
circle at 8% 50%,
rgba(198, 161, 91, 0.1),
transparent 31%
),
var(--fp-paper);
border-top:
1px solid
rgba(139, 106, 52, 0.23);
}
.fpv42-newsletter::after {
content: "✦";
position: absolute;
right: 5%;
bottom: -44px;
color:
rgba(198, 161, 91, 0.11);
font-family:
var(--fp-font-heading);
font-size: 190px;
line-height: 1;
transform:
rotate(45deg);
}
.fpv42-newsletter__heading,
.fpv42-newsletter__form {
position: relative;
z-index: 2;
}
.fpv42-newsletter__heading h2 {
margin: 0;
color:
var(--fp-navy);
font-family:
var(--fp-font-eyebrow) !important;
font-size:
clamp(2.9rem, 5vw, 5rem) !important;
font-weight: 400 !important;
letter-spacing: 0.02em;
line-height: 1.02 !important;
}
.fpv42-newsletter__heading h2::after {
content: "";
display: block;
width: 66px;
height: 1px;
margin-top: 24px;
background:
var(--fp-gold);
}
.fpv42-newsletter__heading
> p:not(.fpv42-eyebrow) {
max-width: 650px;
margin:
24px
0
0 !important;
color:
#514a42 !important;
font-family:
var(--fp-font-body) !important;
font-size:
clamp(17px, 1.2vw, 21px) !important;
line-height:
1.56 !important;
}
.fpv42-newsletter__form {
min-height: 120px;
padding:
clamp(25px, 3vw, 39px);
background:
rgba(255, 255, 255, 0.42);
border:
1px solid
rgba(139, 106, 52, 0.31);
}
.fpv42-newsletter__form form {
margin: 0 !important;
} .fpv42-newsletter
.ff-el-group {
margin-bottom: 14px !important;
}
.fpv42-newsletter
.ff-el-form-control,
.fpv42-newsletter
input[type="email"],
.fpv42-newsletter
input[type="text"] {
width: 100%;
min-height: 54px;
padding:
14px
16px !important;
color:
var(--fp-text) !important;
background:
var(--fp-ivory) !important;
border:
1px solid
rgba(139, 106, 52, 0.44) !important;
border-radius: 0 !important;
box-shadow: none !important;
font-family:
var(--fp-font-body) !important;
font-size: 15px !important;
}
.fpv42-newsletter
.ff-btn-submit,
.fpv42-newsletter
button,
.fpv42-newsletter
input[type="submit"] {
min-height: 54px;
padding:
14px
22px !important;
color:
var(--fp-navy-deep) !important;
background:
var(--fp-gold) !important;
border:
1px solid
var(--fp-gold) !important;
border-radius: 0 !important;
font-family:
var(--fp-font-body) !important;
font-size: 10px !important;
font-weight: 800 !important;
letter-spacing: 0.09em;
text-transform: uppercase;
}
.fpv42-newsletter
.ff-el-form-check-label {
color:
#554e45 !important;
font-family:
var(--fp-font-body) !important;
font-size: 13px !important;
line-height: 1.45 !important;
}
.fpv42-admin-note {
margin: 0 !important;
color:
#7c2d12 !important;
font-family:
var(--fp-font-body) !important;
font-size: 14px !important;
line-height: 1.55 !important;
} body.fp-global-design
footer#colophon,
body.fp-global-design
.site-footer:not(.fp-global-footer),
body.fp-global-design
.site-footer-wrap {
display: none !important;
}
.fp-global-footer {
position: relative;
overflow: hidden;
color:
rgba(244, 240, 230, 0.74);
background:
var(--fp-navy-deep);
border-top:
1px solid
rgba(198, 161, 91, 0.42);
}
.fp-global-footer__inner {
position: relative;
z-index: 2;
width:
min(
calc(100% - 46px),
var(--fp-wide)
);
margin-inline: auto;
padding:
clamp(66px, 8vw, 105px)
0
28px;
}
.fp-global-footer__brand {
display: grid;
grid-template-columns:
minmax(0, 1fr)
auto;
gap: 30px;
align-items: end;
padding-bottom:
clamp(38px, 5vw, 58px);
border-bottom:
1px solid
rgba(198, 161, 91, 0.22);
}
.fp-global-footer__title {
margin: 0 !important;
color:
var(--fp-ivory) !important;
font-family:
var(--fp-font-eyebrow) !important;
font-size:
clamp(3rem, 5.5vw, 5.8rem) !important;
font-weight: 400;
letter-spacing: 0.03em;
line-height: 0.94 !important;
text-transform: uppercase;
}
.fp-global-footer__brand
> p:last-child {
margin: 0 !important;
color:
var(--fp-gold-light) !important;
font-family:
var(--fp-font-heading) !important;
font-size:
clamp(1.05rem, 1.7vw, 1.35rem) !important;
font-style: italic;
line-height: 1.35 !important;
}
.fp-global-footer__navigation {
display: grid;
grid-template-columns:
2.35fr
0.9fr
0.6fr
0.6fr;
gap:
clamp(32px, 5vw, 68px);
padding:
clamp(42px, 5vw, 62px)
0;
}
.fp-global-footer__column {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 11px;
}
.fp-global-footer__column h2 {
margin:
0
0
12px;
color:
var(--fp-gold);
font-family:
var(--fp-font-eyebrow) !important;
font-size: 1.25rem !important;
font-weight: 400 !important;
letter-spacing: 0.065em;
line-height: 1.2 !important;
text-transform: uppercase;
}
.fp-global-footer__links-grid {
display: grid;
grid-template-columns:
repeat(3, minmax(0, 1fr));
gap:
12px
28px;
width: 100%;
}
.fp-global-footer__column a {
color:
rgba(244, 240, 230, 0.7) !important;
font-family:
var(--fp-font-body);
font-size: 13px;
line-height: 1.4;
text-decoration: none !important;
transition:
color 180ms ease,
transform 180ms ease;
}
.fp-global-footer__column a:hover {
color:
var(--fp-gold-light) !important;
transform:
translateX(3px);
}
.fp-global-footer
.fp-global-languages {
display: flex;
gap: 9px;
}
.fp-global-footer
.fp-global-languages
a + a::before {
content: "·";
margin-right: 9px;
color:
var(--fp-gold);
}
.fp-global-footer__bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 22px;
padding-top: 23px;
border-top:
1px solid
rgba(198, 161, 91, 0.17);
}
.fp-global-footer__bottom p {
margin: 0 !important;
color:
rgba(244, 240, 230, 0.43) !important;
font-family:
var(--fp-font-body) !important;
font-size: 10px !important;
letter-spacing: 0.04em;
line-height: 1.5 !important;
}
.fp-global-footer__ornament {
position: absolute;
right: 50%;
bottom: -95px;
width: 420px;
height: 240px;
background:
rgba(198, 161, 91, 0.045);
transform:
translateX(50%);
clip-path:
polygon(
50% 100%,
0 12%,
15% 0,
50% 75%,
85% 0,
100% 12%
);
} @media (max-width: 1320px) {
body.fp-global-design
.fp-global-main-navigation {
gap: 16px;
}
body.fp-global-design
.fp-global-main-navigation a {
font-size: 9px;
letter-spacing: 0.065em;
}
body.fp-global-design
.fp-global-header-contact {
display: none;
}
.fpv42-hero__copy {
margin-right: -125px;
padding-right:
145px;
}
.fpv42-portals {
grid-template-columns:
repeat(3, minmax(0, 1fr));
}
.fpv42-people__grid {
grid-template-columns:
minmax(0, 1fr)
80px
minmax(0, 1fr);
}
.fpv42-person,
.fpv42-person--reverse {
grid-template-columns: 1fr;
}
.fpv42-person--reverse
.fpv42-person__portrait {
order: -1;
}
.fpv42-person__portrait {
width:
min(100%, 220px);
}
} @media (max-width: 1180px) {
body.fp-global-design
.fp-global-main-navigation {
display: none;
}
body.fp-global-design
.fp-global-menu-toggle {
display: flex;
margin-right: 10px;
}
body.fp-global-design
.fp-global-header-contact {
display: inline-flex;
}
.fpv42-manhattan,
.fpv42-book-feature {
padding:
clamp(35px, 4vw, 52px);
}
} @media (max-width: 980px) {
body.fp-global-design {
--fp-header-height: 66px;
}
body.fp-global-design
.fp-global-mobile-panel {
grid-template-columns: 1fr;
max-height:
calc(100svh - var(--fp-header-height));
overflow-y: auto;
}
body.fp-global-design
.fp-global-mobile-panel__bottom {
padding:
30px
0
0;
border-top:
1px solid
rgba(198, 161, 91, 0.22);
border-left: 0;
}
body.fp-global-design
.fp-global-header-book {
padding:
9px
11px;
}
body.fp-global-design
.fp-global-header-book span {
font-size: 0;
}
body.fp-global-design
.fp-global-header-book span::after {
content: "Livre";
font-size: 9px;
}
.fpv42-hero {
grid-template-columns:
minmax(350px, 0.95fr)
minmax(0, 1.05fr);
min-height: 535px;
}
.fpv42-hero__copy {
margin-right: -75px;
padding-right: 95px;
padding-left: 27px;
}
.fpv42-hero__title {
font-size:
clamp(2.6rem, 5.6vw, 3.8rem) !important;
}
.fpv42-manifest {
grid-template-columns: 1fr;
}
.fpv42-manifest__intro {
padding-right: 0;
padding-bottom: 39px;
border-right: 0;
border-bottom:
1px solid
rgba(139, 106, 52, 0.26);
}
.fpv42-chronicle {
grid-template-columns:
115px
minmax(250px, 0.8fr)
minmax(0, 1.2fr);
}
.fpv42-places__grid {
grid-template-columns:
1fr
1fr;
}
.fpv42-place-card:last-child {
grid-column:
1 / -1;
}
.fpv42-people__grid {
grid-template-columns: 1fr;
gap: 44px;
}
.fpv42-person,
.fpv42-person--reverse {
grid-template-columns:
minmax(180px, 225px)
minmax(0, 1fr);
}
.fpv42-person--reverse {
grid-template-columns:
minmax(0, 1fr)
minmax(180px, 225px);
}
.fpv42-person--reverse
.fpv42-person__portrait {
order: initial;
}
.fpv42-people__slash {
height: 50px;
}
.fpv42-people__slash::before {
width: 48%;
height: 2px;
background:
repeating-linear-gradient(
to right,
var(--fp-gold) 0 6px,
transparent 6px 13px
);
transform:
rotate(-4deg);
}
.fpv42-gazette__grid {
grid-template-columns:
1fr
1fr;
}
.fpv42-gazette-card:last-child {
grid-column:
1 / -1;
}
.fpv42-dual-feature {
grid-template-columns: 1fr;
}
.fpv42-manhattan {
border-right: 0;
border-bottom:
1px solid
rgba(198, 161, 91, 0.48);
}
.fpv42-documentary {
grid-template-columns: 1fr;
}
.fpv42-newsletter {
grid-template-columns: 1fr;
}
.fp-global-footer__navigation {
grid-template-columns:
1.7fr
1fr;
}
.fp-global-footer__column--explore {
grid-column:
1 / -1;
}
} @media (max-width: 760px) {
body.admin-bar.fp-global-design #masthead {
top: 46px;
}
body.admin-bar.fp-global-design
.fp-global-mobile-panel {
top:
calc(
var(--fp-header-height)
+
46px
);
}
body.fp-global-design
.site-branding img,
body.fp-global-design
img.custom-logo {
max-height: 39px;
}
body.fp-global-design
.fp-global-header-tools {
gap: 7px;
}
body.fp-global-design
.fp-global-header-contact {
display: none;
}
body.fp-global-design
.fp-global-languages {
display: inline-flex;
}
body.fp-global-design
.fp-global-header-book {
min-height: 35px;
padding:
8px
9px;
}
body.fp-global-design
.fp-global-header-book i {
width: 13px;
}
body.fp-global-design
.fp-global-mobile-navigation {
grid-template-columns: 1fr;
}
body.fp-global-design
.fp-global-mobile-panel {
padding:
38px
20px;
} .fpv42-hero {
display: flex;
flex-direction: column-reverse;
height: auto;
min-height: 0;
max-height: none;
}
.fpv42-hero__visual {
min-height:
clamp(320px, 72vw, 445px);
}
.fpv42-hero__picture img {
object-position:
74% center;
transform:
scale(1.08);
}
.fpv42-hero__copy {
margin-right: 0;
padding:
43px
19px
49px;
clip-path: none;
}
.fpv42-hero__eyebrow {
font-size:
1.13rem !important;
}
.fpv42-hero__title {
font-size:
clamp(2.55rem, 10.5vw, 3.7rem) !important;
}
.fpv42-hero__intro {
font-size:
17px !important;
}
.fpv42-hero__copy
.fpv42-button {
width: 100%;
}
.fpv42-hero-book {
right: 14px;
bottom: 14px;
left: 14px;
width: auto;
} .fpv42-manifest,
.fpv42-places,
.fpv42-people,
.fpv42-gazette {
padding:
58px
17px;
}
.fpv42-portals {
grid-template-columns: 1fr;
}
.fpv42-portal {
min-height: 0;
padding:
31px
11px;
border-right: 0;
border-bottom:
1px solid
rgba(139, 106, 52, 0.22);
}
.fpv42-portal:last-child {
border-bottom: 0;
}
.fpv42-chronicle {
grid-template-columns: 1fr;
}
.fpv42-chronicle__number {
min-height: 138px;
}
.fpv42-chronicle__number strong {
font-size: 5rem;
}
.fpv42-chronicle__picture {
min-height: 305px;
}
.fpv42-chronicle__content {
padding:
40px
20px
48px;
}
.fpv42-places__grid {
grid-template-columns: 1fr;
}
.fpv42-place-card:last-child {
grid-column: auto;
}
.fpv42-place-card {
min-height: 470px;
}
.fpv42-person,
.fpv42-person--reverse {
grid-template-columns: 1fr;
}
.fpv42-person--reverse
.fpv42-person__portrait {
order: -1;
}
.fpv42-person__portrait {
width:
min(100%, 245px);
}
.fpv42-gazette__grid {
grid-template-columns: 1fr;
}
.fpv42-gazette-card:last-child {
grid-column: auto;
}
.fpv42-manhattan,
.fpv42-book-feature {
grid-template-columns: 1fr;
min-height: 0;
padding:
48px
22px;
}
.fpv42-manhattan-cover
.mp-cover {
height: 430px !important;
min-height: 430px !important;
}
.fpv42-book-feature__cover {
height: 350px;
margin-top: 25px;
}
.fpv42-years-introduction {
padding:
52px
17px
24px;
}
body.fp-home-v42-page
.fp-home-years-wall {
padding-top:
19px !important;
padding-bottom:
50px !important;
}
.fpv42-documentary {
gap: 38px;
padding:
58px
17px;
}
.fpv42-documentary__screen {
padding: 8px;
}
.fpv42-documentary__picture {
inset: 8px;
}
.fpv42-documentary__screen::after {
inset: 13px;
}
.fpv42-documentary__screen > i {
width: 58px;
height: 58px;
}
.fpv42-newsletter {
padding:
58px
18px;
}
.fpv42-newsletter__form {
padding: 22px;
} .fp-global-footer__inner {
width:
calc(100% - 34px);
padding-top: 60px;
}
.fp-global-footer__brand {
grid-template-columns: 1fr;
gap: 17px;
}
.fp-global-footer__title {
font-size:
clamp(2.7rem, 13vw, 4.2rem) !important;
}
.fp-global-footer__navigation {
grid-template-columns:
1fr
1fr;
gap:
38px
24px;
}
.fp-global-footer__column--explore {
grid-column:
1 / -1;
}
.fp-global-footer__links-grid {
grid-template-columns:
1fr
1fr;
}
.fp-global-footer__bottom {
align-items: flex-start;
flex-direction: column;
}
} @media (max-width: 430px) {
body.fp-global-design
.fp-global-languages {
display: none;
}
.fpv42-hero__copy {
padding-right: 15px;
padding-left: 15px;
}
.fpv42-manifest,
.fpv42-places,
.fpv42-people,
.fpv42-gazette {
padding-right: 15px;
padding-left: 15px;
}
.fpv42-manhattan-cover
.mp-cover {
height: 390px !important;
min-height: 390px !important;
}
.fp-global-footer__navigation {
grid-template-columns: 1fr;
}
.fp-global-footer__column--explore {
grid-column: auto;
}
.fp-global-footer__links-grid {
grid-template-columns: 1fr;
}
} .fpv42-home a:focus-visible,
.fpv42-newsletter a:focus-visible,
.fp-global-footer a:focus-visible,
.fp-global-header-cluster a:focus-visible,
.fp-global-menu-toggle:focus-visible {
outline:
2px solid
var(--fp-gold-light);
outline-offset: 4px;
}
@media (prefers-reduced-motion: reduce) {
.fpv42-home *,
.fpv42-home *::before,
.fpv42-home *::after,
.fpv42-newsletter *,
.fp-global-footer *,
.fp-global-header-cluster * {
transition-duration:
0.01ms !important;
animation-duration:
0.01ms !important;
animation-iteration-count:
1 !important;
}
}  :root {
--fp-black: #0b0b0b;
--fp-night: #0f1e33;
--fp-gold: #c6a15b;
--fp-ivory: #f4f0e6;
--fp-smoke: #6b6b6b;
--fp-gold-soft: rgba(198, 161, 91, 0.28);
--fp-gold-faint: rgba(198, 161, 91, 0.12);
--fp-ivory-soft: rgba(244, 240, 230, 0.72);
--fp-radius-small: 2px;
--fp-transition:
color 220ms ease,
background-color 220ms ease,
border-color 220ms ease,
opacity 220ms ease,
transform 320ms cubic-bezier(0.22, 1, 0.36, 1);
} .fpv42-home *,
.fp-global-header-cluster *,
.fp-global-footer * {
box-sizing: border-box;
}
.fpv42-home img,
.fp-global-footer img {
display: block;
max-width: 100%;
}
.fpv42-home a,
.fp-global-header-cluster a,
.fp-global-footer a {
text-underline-offset: 0.2em;
}
.fpv42-home .screen-reader-text,
.fp-global-footer .screen-reader-text {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.fpv42-admin-note {
margin: 1rem 0;
padding: 0.9rem 1rem;
border: 1px solid rgba(198, 161, 91, 0.45);
background: rgba(198, 161, 91, 0.08);
color: var(--fp-ivory);
font-size: 0.85rem;
line-height: 1.5;
} .fp-global-header-cluster {
display: flex;
align-items: center;
justify-content: flex-end;
gap: clamp(1rem, 2vw, 2rem);
width: 100%;
min-width: 0;
}
.fp-global-main-navigation {
display: flex;
align-items: center;
justify-content: center;
gap: clamp(1rem, 1.7vw, 1.8rem);
min-width: 0;
}
.fp-global-main-navigation a {
position: relative;
color: inherit;
font-size: 0.76rem;
font-weight: 600;
line-height: 1.2;
letter-spacing: 0.09em;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
transition: var(--fp-transition);
}
.fp-global-main-navigation a::after {
content: "";
position: absolute;
right: 0;
bottom: -0.5rem;
left: 0;
height: 1px;
background: var(--fp-gold);
transform: scaleX(0);
transform-origin: right center;
transition: transform 280ms ease;
}
.fp-global-main-navigation a:hover,
.fp-global-main-navigation a:focus-visible,
.fp-global-main-navigation a.is-current {
color: var(--fp-gold);
}
.fp-global-main-navigation a:hover::after,
.fp-global-main-navigation a:focus-visible::after,
.fp-global-main-navigation a.is-current::after {
transform: scaleX(1);
transform-origin: left center;
}
.fp-global-header-tools {
display: flex;
align-items: center;
gap: clamp(0.7rem, 1.2vw, 1.25rem);
flex: 0 0 auto;
}
.fp-global-header-contact {
color: inherit;
font-size: 0.76rem;
font-weight: 600;
letter-spacing: 0.08em;
text-decoration: none;
text-transform: uppercase;
}
.fp-global-header-book {
display: inline-flex;
align-items: center;
gap: 0.75rem;
min-height: 2.75rem;
padding: 0.75rem 1rem;
border: 1px solid var(--fp-gold);
color: inherit;
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.08em;
text-decoration: none;
text-transform: uppercase;
transition: var(--fp-transition);
}
.fp-global-header-book:hover,
.fp-global-header-book:focus-visible {
background: var(--fp-gold);
color: var(--fp-black);
}
.fp-global-header-book i {
display: block;
width: 0.45rem;
height: 0.45rem;
border-top: 1px solid currentColor;
border-right: 1px solid currentColor;
transform: rotate(45deg);
}
.fp-global-menu-toggle {
display: none;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 0.3rem;
width: 3.1rem;
min-width: 3.1rem;
height: 3.1rem;
padding: 0;
border: 1px solid rgba(198, 161, 91, 0.5);
background: transparent;
color: inherit;
cursor: pointer;
}
.fp-global-menu-toggle span {
display: block;
width: 1.25rem;
height: 1px;
background: currentColor;
transition: var(--fp-transition);
}
.fp-global-menu-toggle strong {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
}
.fp-global-menu-open .fp-global-menu-toggle span:nth-child(1) {
transform: translateY(0.4rem) rotate(45deg);
}
.fp-global-menu-open .fp-global-menu-toggle span:nth-child(2) {
opacity: 0;
}
.fp-global-menu-open .fp-global-menu-toggle span:nth-child(3) {
transform: translateY(-0.4rem) rotate(-45deg);
}
.fp-global-mobile-panel {
position: fixed;
z-index: 99998;
top: 0;
right: 0;
bottom: 0;
width: min(29rem, 100%);
padding:
clamp(6.5rem, 14vh, 9rem)
clamp(1.5rem, 7vw, 3rem)
2rem;
overflow-y: auto;
background:
linear-gradient(
180deg,
rgba(15, 30, 51, 0.99),
rgba(11, 11, 11, 0.99)
);
box-shadow: -2rem 0 4rem rgba(0, 0, 0, 0.28);
color: var(--fp-ivory);
opacity: 0;
visibility: hidden;
transform: translateX(100%);
transition:
opacity 220ms ease,
visibility 220ms ease,
transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
}
.fp-global-menu-open .fp-global-mobile-panel {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
.fp-global-mobile-navigation {
display: flex;
flex-direction: column;
}
.fp-global-mobile-navigation a {
padding: 1rem 0;
border-bottom: 1px solid rgba(244, 240, 230, 0.12);
color: var(--fp-ivory);
font-family: "Cormorant Garamond", "Playfair Display", serif;
font-size: clamp(1.8rem, 7vw, 2.5rem);
line-height: 1;
text-decoration: none;
}
.fp-global-mobile-navigation a.is-current {
color: var(--fp-gold);
}
.fp-global-mobile-panel__bottom {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1rem 1.5rem;
margin-top: 2.5rem;
padding-top: 1.5rem;
border-top: 1px solid rgba(198, 161, 91, 0.35);
}
.fp-global-mobile-panel__bottom > a {
color: var(--fp-ivory);
font-size: 0.76rem;
font-weight: 700;
letter-spacing: 0.08em;
text-decoration: none;
text-transform: uppercase;
}
.fp-global-menu-open {
overflow: hidden;
} .fpv42-home .has-image {
position: relative;
}
.fpv42-home .has-no-image {
position: relative;
}
.fpv42-home .has-no-image::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
background:
linear-gradient(
135deg,
rgba(198, 161, 91, 0.05),
transparent 42%
),
repeating-linear-gradient(
90deg,
rgba(244, 240, 230, 0.018) 0,
rgba(244, 240, 230, 0.018) 1px,
transparent 1px,
transparent 6px
);
}
.fpv42-home .has-no-image > * {
position: relative;
z-index: 1;
} .fpv42-hero.has-no-image .fpv42-hero__visual {
min-height: clamp(26rem, 56vw, 49rem);
background:
radial-gradient(
circle at 50% 35%,
rgba(198, 161, 91, 0.16),
transparent 42%
),
linear-gradient(
145deg,
var(--fp-night),
var(--fp-black)
);
}
.fpv42-hero.has-no-image .fpv42-hero__visual::after {
content: "";
position: absolute;
inset: clamp(1rem, 3vw, 2rem);
border: 1px solid rgba(198, 161, 91, 0.28);
pointer-events: none;
}
.fpv42-hero__picture img {
width: 100%;
height: 100%;
object-fit: cover;
} .fpv42-chronicle.has-no-image {
background:
linear-gradient(
135deg,
rgba(198, 161, 91, 0.08),
transparent 45%
),
var(--fp-night);
}
.fpv42-chronicle.has-no-image .fpv42-chronicle__picture {
min-height: clamp(18rem, 35vw, 31rem);
background:
linear-gradient(
145deg,
rgba(198, 161, 91, 0.14),
rgba(11, 11, 11, 0.48)
);
}
.fpv42-chronicle__picture img {
width: 100%;
height: 100%;
object-fit: cover;
} .fpv42-place-card {
position: relative;
min-width: 0;
height: 100%;
overflow: hidden;
}
.fpv42-place-card__link {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
min-height: 100%;
color: inherit;
text-decoration: none;
transition: var(--fp-transition);
}
.fpv42-place-card__picture {
position: relative;
display: block;
overflow: hidden;
}
.fpv42-place-card__picture img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 700ms cubic-bezier(0.22, 1, 0.36, 1);
}
.fpv42-place-card__link:hover .fpv42-place-card__picture img,
.fpv42-place-card__link:focus-visible .fpv42-place-card__picture img {
transform: scale(1.04);
}
.fpv42-place-card__content {
flex: 1 1 auto;
min-width: 0;
}
.fpv42-place-card.has-no-image .fpv42-place-card__picture {
min-height: clamp(18rem, 32vw, 29rem);
background:
linear-gradient(
145deg,
rgba(198, 161, 91, 0.14),
rgba(15, 30, 51, 0.96)
);
}
.fpv42-place-card.has-no-image .fpv42-place-card__picture::after {
content: "";
position: absolute;
inset: 1rem;
border: 1px solid rgba(198, 161, 91, 0.2);
} .fpv42-person {
position: relative;
min-width: 0;
height: 100%;
overflow: hidden;
}
.fpv42-person__link {
display: grid;
grid-template-columns:
minmax(12rem, 0.9fr)
minmax(0, 1.1fr);
align-items: stretch;
height: 100%;
color: inherit;
text-decoration: none;
}
.fpv42-person--reverse .fpv42-person__link {
grid-template-columns:
minmax(0, 1.1fr)
minmax(12rem, 0.9fr);
}
.fpv42-person__portrait {
position: relative;
display: block;
min-height: clamp(24rem, 34vw, 38rem);
overflow: hidden;
background: var(--fp-night);
}
.fpv42-person__portrait img {
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(1) contrast(1.05);
transition:
filter 500ms ease,
transform 750ms cubic-bezier(0.22, 1, 0.36, 1);
}
.fpv42-person__link:hover .fpv42-person__portrait img,
.fpv42-person__link:focus-visible .fpv42-person__portrait img {
filter: grayscale(0.35) contrast(1.04);
transform: scale(1.035);
}
.fpv42-person__content {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
min-width: 0;
padding: clamp(2rem, 5vw, 4.5rem);
}
.fpv42-person.has-no-image .fpv42-person__portrait {
background:
radial-gradient(
circle at 50% 30%,
rgba(198, 161, 91, 0.18),
transparent 40%
),
linear-gradient(
145deg,
var(--fp-night),
var(--fp-black)
);
}
.fpv42-person.has-no-image .fpv42-person__portrait::after {
content: "";
position: absolute;
inset: 1rem;
border: 1px solid rgba(198, 161, 91, 0.25);
} .fpv42-gazette-card {
position: relative;
min-width: 0;
height: 100%;
}
.fpv42-gazette-card__media {
position: relative;
display: block;
overflow: hidden;
background: var(--fp-night);
text-decoration: none;
}
.fpv42-gazette-card__picture {
display: block;
aspect-ratio: 4 / 3;
}
.fpv42-gazette-card__picture img {
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(0.9);
transition:
filter 500ms ease,
transform 700ms cubic-bezier(0.22, 1, 0.36, 1);
}
.fpv42-gazette-card__media:hover img,
.fpv42-gazette-card__media:focus-visible img {
filter: grayscale(0.25);
transform: scale(1.04);
}
.fpv42-gazette-card.has-no-image .fpv42-gazette-card__media {
aspect-ratio: 4 / 3;
background:
linear-gradient(
135deg,
rgba(198, 161, 91, 0.13),
transparent 46%
),
var(--fp-night);
}
.fpv42-gazette-card.has-no-image .fpv42-gazette-card__media::after {
content: "The French Gazette";
position: absolute;
inset: 1rem;
display: grid;
place-items: center;
border: 1px solid rgba(198, 161, 91, 0.24);
color: rgba(244, 240, 230, 0.58);
font-family: "Cormorant Garamond", "Playfair Display", serif;
font-size: clamp(1.35rem, 3vw, 2.2rem);
font-style: italic;
text-align: center;
}
.fpv42-gazette-card__content {
min-width: 0;
}
.fpv42-gazette-card__content h3 a {
color: inherit;
text-decoration: none;
}
.fpv42-gazette-card__content h3 a:hover,
.fpv42-gazette-card__content h3 a:focus-visible {
color: var(--fp-gold);
} .fpv42-manhattan-cover {
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-width: 0;
overflow: hidden;
}
.fpv42-manhattan-cover > * {
max-width: 100%;
}
.fpv42-manhattan-cover img {
width: 100%;
height: auto;
} .fpv42-book-feature__cover {
position: relative;
display: block;
align-self: end;
}
.fpv42-book-feature__cover img {
width: 100%;
height: auto;
object-fit: contain;
filter: drop-shadow(0 1.5rem 2rem rgba(0, 0, 0, 0.35));
}
.fpv42-book-feature.has-no-image {
min-height: clamp(30rem, 48vw, 45rem);
}
.fpv42-book-feature.has-no-image::after {
content: "La Prohibition américaine, l’aubaine française";
display: flex;
align-items: center;
justify-content: center;
align-self: center;
width: min(17rem, 72%);
aspect-ratio: 2 / 3;
padding: 2rem;
border: 1px solid rgba(198, 161, 91, 0.48);
background:
linear-gradient(
145deg,
rgba(198, 161, 91, 0.12),
transparent
),
var(--fp-night);
box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.32);
color: var(--fp-ivory);
font-family: "Cormorant Garamond", "Playfair Display", serif;
font-size: clamp(1.4rem, 3vw, 2.1rem);
line-height: 1.05;
text-align: center;
} .fpv42-documentary__screen {
position: relative;
display: block;
overflow: hidden;
background: var(--fp-night);
}
.fpv42-documentary__picture {
display: block;
aspect-ratio: 16 / 9;
}
.fpv42-documentary__picture img {
width: 100%;
height: 100%;
object-fit: cover;
transition:
filter 500ms ease,
transform 750ms cubic-bezier(0.22, 1, 0.36, 1);
}
.fpv42-documentary__screen::after {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(
180deg,
transparent 45%,
rgba(11, 11, 11, 0.45)
);
pointer-events: none;
}
.fpv42-documentary__screen:hover img,
.fpv42-documentary__screen:focus-visible img {
filter: brightness(1.06);
transform: scale(1.025);
}
.fpv42-documentary__play {
position: absolute;
z-index: 3;
top: 50%;
left: 50%;
display: grid;
place-items: center;
width: clamp(4.25rem, 8vw, 6.75rem);
height: clamp(4.25rem, 8vw, 6.75rem);
border: 1px solid rgba(244, 240, 230, 0.72);
border-radius: 50%;
background: rgba(11, 11, 11, 0.38);
backdrop-filter: blur(5px);
color: var(--fp-ivory);
transform: translate(-50%, -50%);
transition: var(--fp-transition);
}
.fpv42-documentary__play i {
display: block;
width: 0;
height: 0;
margin-left: 0.3rem;
border-top: 0.65rem solid transparent;
border-bottom: 0.65rem solid transparent;
border-left: 1rem solid currentColor;
}
.fpv42-documentary__screen:hover .fpv42-documentary__play,
.fpv42-documentary__screen:focus-visible .fpv42-documentary__play {
border-color: var(--fp-gold);
background: var(--fp-gold);
color: var(--fp-black);
transform:
translate(-50%, -50%)
scale(1.06);
}
.fpv42-documentary.has-no-image .fpv42-documentary__screen {
aspect-ratio: 16 / 9;
background:
radial-gradient(
circle at 50% 50%,
rgba(198, 161, 91, 0.15),
transparent 35%
),
linear-gradient(
145deg,
var(--fp-night),
var(--fp-black)
);
} .fpv42-documentary__screen > i {
display: none;
} .fpv42-newsletter {
position: relative;
isolation: isolate;
}
.fpv42-newsletter__heading,
.fpv42-newsletter__form {
position: relative;
z-index: 1;
min-width: 0;
}
.fpv42-newsletter__form .fluentform {
width: 100%;
}
.fpv42-newsletter__form .ff-el-group {
margin-bottom: 0;
}
.fpv42-newsletter__form .ff-el-form-control {
width: 100%;
min-height: 3.5rem;
padding: 0.9rem 1rem;
border: 1px solid rgba(198, 161, 91, 0.42);
border-radius: 0;
background: rgba(244, 240, 230, 0.04);
box-shadow: none;
color: var(--fp-ivory);
font-family: "Inter", sans-serif;
font-size: 0.95rem;
transition: var(--fp-transition);
}
.fpv42-newsletter__form .ff-el-form-control::placeholder {
color: rgba(244, 240, 230, 0.52);
}
.fpv42-newsletter__form .ff-el-form-control:focus {
border-color: var(--fp-gold);
background: rgba(244, 240, 230, 0.07);
outline: 2px solid transparent;
}
.fpv42-newsletter__form .ff-btn-submit {
min-height: 3.5rem;
padding: 0.9rem 1.5rem;
border: 1px solid var(--fp-gold);
border-radius: 0;
background: var(--fp-gold);
color: var(--fp-black);
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.09em;
text-transform: uppercase;
transition: var(--fp-transition);
}
.fpv42-newsletter__form .ff-btn-submit:hover,
.fpv42-newsletter__form .ff-btn-submit:focus-visible {
background: transparent;
color: var(--fp-gold);
}
.fpv42-newsletter__form .ff-el-is-error .ff-el-form-control {
border-color: #c76b62;
}
.fpv42-newsletter__form .text-danger {
color: #eaa49e;
} .fp-global-footer {
position: relative;
overflow: hidden;
background:
radial-gradient(
circle at 50% 0,
rgba(198, 161, 91, 0.08),
transparent 35%
),
var(--fp-black);
color: var(--fp-ivory);
}
.fp-global-footer__inner {
position: relative;
z-index: 1;
width: min(100% - 2rem, 90rem);
margin-inline: auto;
padding:
clamp(4rem, 8vw, 7rem)
0
clamp(1.5rem, 3vw, 2.5rem);
}
.fp-global-footer__brand {
max-width: 42rem;
margin-bottom: clamp(3rem, 6vw, 5.5rem);
}
.fp-global-footer__title {
margin: 0;
color: var(--fp-ivory);
font-family: "Cormorant Garamond", "Playfair Display", serif;
font-size: clamp(2.6rem, 6vw, 5.25rem);
font-weight: 500;
line-height: 0.95;
}
.fp-global-footer__tagline {
margin: 0.75rem 0 0;
color: rgba(244, 240, 230, 0.62);
font-size: 0.92rem;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.fp-global-footer__navigation {
display: grid;
grid-template-columns:
minmax(0, 2fr)
repeat(3, minmax(8rem, 0.7fr));
gap: clamp(2rem, 5vw, 5rem);
}
.fp-global-footer__column {
min-width: 0;
}
.fp-global-footer__column h2 {
margin: 0 0 1.35rem;
color: var(--fp-gold);
font-family: "Inter", sans-serif;
font-size: 0.7rem;
font-weight: 800;
letter-spacing: 0.13em;
text-transform: uppercase;
}
.fp-global-footer__links-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.75rem 2rem;
}
.fp-global-footer__links,
.fp-global-footer__socials,
.fp-global-footer__languages {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.75rem;
}
.fp-global-footer__navigation a,
.fp-global-footer__social-link {
position: relative;
display: inline-flex;
align-items: center;
color: rgba(244, 240, 230, 0.72);
font-size: 0.88rem;
line-height: 1.45;
text-decoration: none;
transition: var(--fp-transition);
}
.fp-global-footer__navigation a:hover,
.fp-global-footer__navigation a:focus-visible,
.fp-global-footer__social-link:hover,
.fp-global-footer__social-link:focus-visible {
color: var(--fp-gold);
transform: translateX(0.18rem);
}
.fp-global-footer__bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1.5rem;
margin-top: clamp(3.5rem, 7vw, 6.5rem);
padding-top: 1.5rem;
border-top: 1px solid rgba(198, 161, 91, 0.2);
color: rgba(244, 240, 230, 0.48);
font-size: 0.72rem;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.fp-global-footer__bottom p {
margin: 0;
}
.fp-global-footer__ornament {
position: absolute;
top: 0;
left: 50%;
width: min(72rem, 90vw);
height: 1px;
background:
linear-gradient(
90deg,
transparent,
var(--fp-gold) 25%,
var(--fp-gold) 75%,
transparent
);
transform: translateX(-50%);
opacity: 0.65;
} .fp-global-header-cluster a:focus-visible,
.fp-global-menu-toggle:focus-visible,
.fpv42-home a:focus-visible,
.fp-global-footer a:focus-visible,
.fpv42-newsletter__form button:focus-visible,
.fpv42-newsletter__form input:focus-visible {
outline: 2px solid var(--fp-gold);
outline-offset: 4px;
} @media (max-width: 1180px) {
.fp-global-main-navigation,
.fp-global-header-tools {
display: none;
}
.fp-global-header-cluster {
justify-content: flex-end;
}
.fp-global-menu-toggle {
position: relative;
z-index: 99999;
display: inline-flex;
}
.fpv42-person__link,
.fpv42-person--reverse .fpv42-person__link {
grid-template-columns: 1fr 1fr;
}
.fp-global-footer__navigation {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.fp-global-footer__column--explore {
grid-column: 1 / -1;
}
} @media (max-width: 767px) {
.fp-global-mobile-panel {
width: 100%;
}
.fpv42-place-card__link {
min-height: auto;
}
.fpv42-person__link,
.fpv42-person--reverse .fpv42-person__link {
display: flex;
flex-direction: column;
}
.fpv42-person--reverse .fpv42-person__link {
flex-direction: column-reverse;
}
.fpv42-person__portrait {
min-height: min(120vw, 32rem);
}
.fpv42-person__content {
padding: 1.75rem 1.25rem 2rem;
}
.fpv42-people__slash {
display: none;
}
.fpv42-documentary__play {
width: 4rem;
height: 4rem;
}
.fpv42-documentary__play i {
border-top-width: 0.5rem;
border-bottom-width: 0.5rem;
border-left-width: 0.8rem;
}
.fpv42-newsletter__form .ff-t-container {
display: flex;
flex-direction: column;
gap: 0.8rem;
}
.fpv42-newsletter__form .ff-btn-submit {
width: 100%;
}
.fp-global-footer__inner {
width: min(100% - 2rem, 90rem);
padding-top: 4rem;
}
.fp-global-footer__brand {
margin-bottom: 3rem;
}
.fp-global-footer__navigation {
grid-template-columns: 1fr;
gap: 2.5rem;
}
.fp-global-footer__column--explore {
grid-column: auto;
}
.fp-global-footer__links-grid {
grid-template-columns: 1fr;
gap: 0.75rem;
}
.fp-global-footer__bottom {
flex-direction: column;
align-items: flex-start;
margin-top: 3.5rem;
}
} @media (max-width: 420px) {
.fp-global-menu-toggle {
width: 2.8rem;
min-width: 2.8rem;
height: 2.8rem;
}
.fp-global-mobile-panel {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
.fp-global-mobile-navigation a {
font-size: 1.75rem;
}
.fpv42-person__content {
padding-right: 1rem;
padding-left: 1rem;
}
} @media (prefers-reduced-motion: reduce) {
.fp-global-header-cluster *,
.fpv42-home *,
.fp-global-footer * {
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
}
.fpv42-place-card__picture img,
.fpv42-person__portrait img,
.fpv42-gazette-card__picture img,
.fpv42-documentary__picture img {
transform: none !important;
}
}  :root {
--fp-nuit: #071426;
--fp-nuit-profond: #030b13;
--fp-ivoire: #f4ecdc;
--fp-papier: #f4eee2;
--fp-or: #c6a25c;
--fp-or-clair: #ead8b1;
--fp-blanc: #fffaf0;
}  .fp-home .kt-row-column-wrap,
.fp-home .kt-inside-inner-col,
.fp-home .wp-block-kadence-column,
.mp-article .kt-row-column-wrap,
.mp-article .kt-inside-inner-col,
.mp-article .wp-block-kadence-column,
.fpfg-french-gazette .kt-row-column-wrap,
.fpfg-french-gazette .kt-inside-inner-col,
.fpfg-french-gazette .wp-block-kadence-column {
background-color: transparent !important;
background-image: none !important;
} body.fp-home-page .entry-header,
body.fp-manhattan-paris .entry-header,
body.fp-french-gazette .entry-header,
body.home .entry-header:empty {
display: none !important;
} .fp-global-header,
.mp-masthead,
.fpfg-masthead {
position: relative;
z-index: 20;
width: 100%;
background: var(--fp-nuit);
color: var(--fp-ivoire);
} .fp-global-header a,
.fp-global-nav a,
.fp-header-nav a,
.mp-masthead a,
.fpfg-masthead a {
font-size: clamp(0.78rem, 0.8vw, 0.95rem);
line-height: 1.2;
letter-spacing: 0.08em;
} .mp-brand,
.fpfg-brand-main,
.fp-global-brand {
display: block;
width: 100%;
max-width: 100%;
margin: 0;
font-size: clamp(3.1rem, 8.5vw, 8rem) !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 0.92 !important;
letter-spacing: 0.02em;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
} .fp-home-hero,
.fp-hero,
.mp-hero-grid,
.fpfg-opening-grid {
position: relative;
overflow: hidden;
width: 100%;
} .fp-home-hero-grid,
.fp-hero-grid,
.mp-hero-grid,
.fpfg-opening-grid {
display: grid !important;
grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr);
align-items: stretch;
gap: 0 !important;
width: 100%;
} .fp-home-hero-copy,
.fp-hero-copy,
.fp-hero-content,
.mp-hero-copy {
position: relative;
z-index: 3;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
min-width: 0;
padding:
clamp(3rem, 7vw, 7rem)
clamp(2rem, 6vw, 6rem);
background:
radial-gradient(
circle at 45% 45%,
rgba(40, 82, 100, 0.18),
transparent 55%
),
var(--fp-nuit);
} .fp-home-hero-copy::after,
.fp-hero-copy::after,
.fp-hero-content::after,
.mp-hero-copy::after {
content: "";
position: absolute;
z-index: 4;
top: 0;
right: clamp(-58px, -4vw, -34px);
width: clamp(36px, 4vw, 64px);
height: 100%;
pointer-events: none;
background: var(--fp-nuit);
clip-path: polygon(
0 0,
100% 0,
100% 71%,
0 78%
);
} .fp-home-hero-media,
.fp-hero-media,
.fp-hero-image,
.mp-art-frame,
.fpfg-figure {
position: relative;
z-index: 1;
overflow: hidden;
min-width: 0;
min-height: clamp(520px, 62vw, 820px);
margin: 0;
padding: 0;
background: var(--fp-nuit-profond);
} .fp-home-hero-media img,
.fp-hero-media img,
.fp-hero-image img,
.mp-art-frame img,
.fpfg-figure img {
display: block !important;
width: 100% !important;
height: 100% !important;
min-height: inherit;
max-width: none !important;
margin: 0 !important;
object-fit: cover !important;
object-position: center center;
} .mp-art-frame::after,
.fpfg-figure::after {
display: none !important;
} .fp-discovery-grid,
.fp-universe-grid,
.fp-home-discovery-grid,
.fp-home-categories-grid,
.fp-main-entry-grid {
display: grid !important;
grid-template-columns:
minmax(280px, 1.28fr)
repeat(3, minmax(165px, 0.74fr));
align-items: stretch;
gap: 0 !important;
width: 100%;
max-width: 100%;
margin: 0 auto;
} .fp-discovery-grid > *,
.fp-universe-grid > *,
.fp-home-discovery-grid > *,
.fp-home-categories-grid > *,
.fp-main-entry-grid > * {
min-width: 0;
} .fp-discovery-intro,
.fp-universe-intro,
.fp-home-discovery-intro {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding:
clamp(2.5rem, 5vw, 5rem)
clamp(2rem, 4vw, 4.5rem);
} .fp-discovery-card,
.fp-universe-card,
.fp-category-card,
.fp-home-entry-card {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-width: 0;
padding:
clamp(2.5rem, 4vw, 4.5rem)
clamp(1.25rem, 2.5vw, 2.5rem);
border-left: 1px solid rgba(7, 20, 38, 0.11);
text-align: center;
} .fp-discovery-card h2,
.fp-discovery-card h3,
.fp-universe-card h2,
.fp-universe-card h3,
.fp-category-card h2,
.fp-category-card h3,
.fp-home-entry-card h2,
.fp-home-entry-card h3 {
width: 100%;
margin: 0 0 1rem;
font-size: clamp(1rem, 1.35vw, 1.42rem);
line-height: 1.05;
letter-spacing: 0.025em;
text-align: center;
white-space: nowrap !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
} .fp-discovery-card p,
.fp-universe-card p,
.fp-category-card p,
.fp-home-entry-card p {
width: 100%;
max-width: 19rem;
margin: 0 auto;
font-size: clamp(0.88rem, 1vw, 1rem);
line-height: 1.55;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
} .fp-section-heading,
.mp-section-heading,
.mp-baseline,
.fpfg-serial-nav {
display: flex !important;
flex-wrap: nowrap !important;
align-items: center;
justify-content: space-between;
gap: clamp(0.75rem, 2vw, 2rem);
width: 100%;
max-width: 100%;
} .fp-section-heading h2,
.fp-section-heading a,
.mp-section-heading h2,
.mp-section-heading a,
.mp-baseline h2,
.mp-baseline a,
.fpfg-serial-nav a {
min-width: 0;
font-size: clamp(0.9rem, 1.25vw, 1.18rem);
letter-spacing: clamp(0.03em, 0.18vw, 0.1em);
white-space: nowrap !important;
}  .fp-characters-grid,
.fp-character-grid,
.fp-personnages-grid,
.fp-personages-grid,
.mp-characters-grid,
.mp-character-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
align-items: stretch;
gap: clamp(1.5rem, 3vw, 3rem) !important;
width: min(1180px, calc(100% - 40px));
max-width: 1180px;
margin-inline: auto;
} .fp-character-card,
.fp-personnage-card,
.fp-personage-card,
.mp-character-card {
position: relative;
display: flex !important;
flex-direction: column;
align-items: stretch;
min-width: 0 !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
overflow: visible;
} .fp-character-card figure,
.fp-personnage-card figure,
.fp-personage-card figure,
.mp-character-card figure,
.fp-character-card .mp-medallion,
.fp-personnage-card .mp-medallion,
.fp-personage-card .mp-medallion,
.mp-character-card .mp-medallion,
.mp-medallion,
.mp-cover-image,
.mp-cover_image,
.fpfg-main-estampe {
position: relative;
display: block !important;
overflow: hidden;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
aspect-ratio: 4 / 5;
margin: 0 !important;
padding: 0 !important;
clip-path: none !important;
border-radius: 0 !important;
} .fp-character-card img,
.fp-personnage-card img,
.fp-personage-card img,
.mp-character-card img,
.mp-medallion img,
.mp-cover-image img,
.mp-cover_image img,
.fpfg-main-estampe img {
display: block !important;
width: 100% !important;
min-width: 100% !important;
max-width: none !important;
height: 100% !important;
min-height: 100% !important;
margin: 0 !important;
object-fit: cover !important;
object-position: center top !important;
clip-path: none !important;
transform: none !important;
} .fp-character-card .wp-block-image,
.fp-personnage-card .wp-block-image,
.fp-personage-card .wp-block-image,
.mp-character-card .wp-block-image,
.mp-medallion .wp-block-image,
.mp-cover-image .wp-block-image,
.mp-cover_image .wp-block-image {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
} .fp-character-content,
.fp-character-card-content,
.fp-personnage-content,
.fp-personage-content,
.mp-character-content {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
padding: clamp(1rem, 2vw, 1.5rem);
text-align: center;
} .fp-character-card h2,
.fp-character-card h3,
.fp-character-card h4,
.fp-character-card p,
.fp-character-card a,
.fp-personnage-card h2,
.fp-personnage-card h3,
.fp-personnage-card h4,
.fp-personnage-card p,
.fp-personnage-card a,
.fp-personage-card h2,
.fp-personage-card h3,
.fp-personage-card h4,
.fp-personage-card p,
.fp-personage-card a,
.mp-character-card h2,
.mp-character-card h3,
.mp-character-card h4,
.mp-character-card p,
.mp-character-card a {
display: block !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
height: auto !important;
writing-mode: horizontal-tb !important;
text-orientation: mixed !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
transform: none !important;
} .fp-character-card h2,
.fp-character-card h3,
.fp-personnage-card h2,
.fp-personnage-card h3,
.fp-personage-card h2,
.fp-personage-card h3,
.mp-character-card h2,
.mp-character-card h3 {
margin: 0 0 0.55rem;
font-size: clamp(1.25rem, 2vw, 2rem);
line-height: 1.05;
} .fp-character-card p,
.fp-personnage-card p,
.fp-personage-card p,
.mp-character-card p {
margin: 0;
font-size: clamp(0.95rem, 1.15vw, 1.08rem);
line-height: 1.5;
} .fp-character-card *,
.fp-personnage-card *,
.fp-personage-card *,
.mp-character-card * {
writing-mode: horizontal-tb;
text-orientation: mixed;
} .fp-global-footer,
.mp-footer,
.fpfg-footer {
position: relative;
display: block;
clear: both;
width: 100%;
margin-top: clamp(3rem, 7vw, 6rem);
padding:
clamp(3rem, 6vw, 6rem)
clamp(1.5rem, 5vw, 5rem);
overflow: hidden;
background: var(--fp-nuit-profond);
color: var(--fp-ivoire);
border-top: 1px solid rgba(198, 162, 92, 0.35);
} .fp-global-footer-heading,
.fp-footer-heading,
.mp-footer-heading,
.fpfg-footer-heading {
display: flex !important;
flex-direction: column !important;
align-items: flex-start;
justify-content: flex-start;
gap: clamp(0.35rem, 1vw, 0.75rem);
width: 100%;
margin: 0 0 clamp(2.5rem, 5vw, 4.5rem);
} .fp-global-footer-brand,
.fp-footer-brand,
.mp-footer-brand,
.fpfg-footer-brand,
.mp-footer-title {
position: static !important;
inset: auto !important;
display: block;
width: 100%;
margin: 0 !important;
font-size: clamp(2.8rem, 6vw, 6.5rem) !important;
font-weight: 300;
line-height: 0.86 !important;
letter-spacing: -0.025em;
color: var(--fp-ivoire) !important;
text-transform: uppercase;
transform: none !important;
} .fp-global-footer-tagline,
.fp-footer-tagline,
.mp-footer-tagline,
.fpfg-footer-tagline,
.mp-footer-subtitle {
position: static !important;
inset: auto !important;
display: block;
width: 100%;
margin: 0 !important;
padding: 0 !important;
font-size: clamp(1rem, 1.55vw, 1.3125rem) !important;
font-weight: 400;
line-height: 1.35 !important;
letter-spacing: 0.08em;
color: var(--fp-or) !important;
text-transform: uppercase;
transform: none !important;
} .fp-global-footer-grid,
.fp-footer-grid,
.mp-footer-grid,
.fpfg-footer-grid {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr));
align-items: start;
gap: clamp(1.5rem, 4vw, 4rem);
width: 100%;
} .fp-global-footer-column,
.fp-footer-column,
.mp-footer-column,
.fpfg-footer-column {
min-width: 0;
} .fp-global-footer-column-title,
.fp-footer-column-title,
.mp-footer-column-title,
.fpfg-footer-column-title {
margin: 0 0 1rem;
font-size: clamp(1rem, 1.3vw, 1.3125rem) !important;
font-weight: 400;
line-height: 1.25 !important;
letter-spacing: 0.1em;
color: var(--fp-or) !important;
text-transform: uppercase;
} .fp-global-footer a,
.fp-footer a,
.mp-footer a,
.fpfg-footer a {
display: inline-block;
font-size: clamp(0.9rem, 1.05vw, 1.05rem);
line-height: 1.65;
color: var(--fp-ivoire);
text-decoration: none;
} .fp-global-footer p,
.fp-footer p,
.mp-footer p,
.fpfg-footer p {
font-size: clamp(0.9rem, 1.05vw, 1.05rem);
line-height: 1.65;
} .fp-footer-follow,
.fp-follow-section,
.mp-follow-section,
.mp-social-section,
.fpfg-social-follow {
display: flex !important;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
gap: clamp(0.75rem, 1.8vw, 1.5rem);
width: 100%;
margin-top: clamp(2rem, 4vw, 3.5rem);
padding-top: clamp(1.5rem, 3vw, 2.5rem);
border-top: 1px solid rgba(198, 162, 92, 0.28);
} .fp-footer-follow-title,
.fp-follow-title,
.mp-follow-title,
.fpfg-social-title {
flex-basis: 100%;
margin: 0 0 0.35rem;
font-size: clamp(1rem, 1.3vw, 1.3125rem);
line-height: 1.3;
letter-spacing: 0.1em;
color: var(--fp-or);
text-transform: uppercase;
} .fp-footer-follow a,
.fp-follow-section a,
.mp-follow-section a,
.mp-social-section a,
.fpfg-social-follow a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0.65rem 1.05rem;
font-size: clamp(0.92rem, 1.1vw, 1.05rem);
font-weight: 600;
line-height: 1.2;
letter-spacing: 0.06em;
color: var(--fp-or-clair) !important;
text-decoration: none;
text-transform: uppercase;
border: 1px solid rgba(198, 162, 92, 0.58);
transition:
color 180ms ease,
background-color 180ms ease,
border-color 180ms ease,
transform 180ms ease;
}
.fp-footer-follow a:hover,
.fp-footer-follow a:focus-visible,
.fp-follow-section a:hover,
.fp-follow-section a:focus-visible,
.mp-follow-section a:hover,
.mp-follow-section a:focus-visible,
.mp-social-section a:hover,
.mp-social-section a:focus-visible,
.fpfg-social-follow a:hover,
.fpfg-social-follow a:focus-visible {
color: var(--fp-nuit) !important;
background-color: var(--fp-or);
border-color: var(--fp-or);
transform: translateY(-2px);
}  .fp-nav-archives,
.fp-nav-project,
.fp-footer-archives,
.fp-footer-project,
.fp-archive-link,
.fp-project-link,
.mp-archive-link,
.mp-project-link,
.fpfg-archive-nav,
.fpfg-project-nav {
display: none !important;
} @media (max-width: 1100px) {
.fp-discovery-grid,
.fp-universe-grid,
.fp-home-discovery-grid,
.fp-home-categories-grid,
.fp-main-entry-grid {
grid-template-columns:
minmax(240px, 1.15fr)
repeat(3, minmax(140px, 0.7fr));
}
.fp-discovery-card,
.fp-universe-card,
.fp-category-card,
.fp-home-entry-card {
padding-inline: 1rem;
}
.fp-discovery-card h2,
.fp-discovery-card h3,
.fp-universe-card h2,
.fp-universe-card h3,
.fp-category-card h2,
.fp-category-card h3,
.fp-home-entry-card h2,
.fp-home-entry-card h3 {
font-size: clamp(0.9rem, 1.4vw, 1.12rem);
}
.fp-global-footer-grid,
.fp-footer-grid,
.mp-footer-grid,
.fpfg-footer-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
} @media (max-width: 900px) {
.fp-home-hero-grid,
.fp-hero-grid,
.mp-hero-grid,
.fpfg-opening-grid {
grid-template-columns: minmax(0, 1fr);
}
.fp-home-hero-copy::after,
.fp-hero-copy::after,
.fp-hero-content::after,
.mp-hero-copy::after {
display: none;
}
.fp-home-hero-media,
.fp-hero-media,
.fp-hero-image,
.mp-art-frame,
.fpfg-figure {
min-height: clamp(380px, 70vw, 620px);
}
.fp-discovery-grid,
.fp-universe-grid,
.fp-home-discovery-grid,
.fp-home-categories-grid,
.fp-main-entry-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.fp-discovery-intro,
.fp-universe-intro,
.fp-home-discovery-intro {
grid-column: 1 / -1;
}
.fp-discovery-card:first-of-type,
.fp-universe-card:first-of-type,
.fp-category-card:first-of-type,
.fp-home-entry-card:first-of-type {
border-left: 0;
}
.fp-characters-grid,
.fp-character-grid,
.fp-personnages-grid,
.fp-personages-grid,
.mp-characters-grid,
.mp-character-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
} @media (max-width: 700px) {
.mp-brand,
.fpfg-brand-main,
.fp-global-brand {
font-size: clamp(2.35rem, 12vw, 4.4rem) !important;
line-height: 0.98 !important;
white-space: normal;
}
.fp-home-hero-copy,
.fp-hero-copy,
.fp-hero-content,
.mp-hero-copy {
padding:
clamp(2.5rem, 10vw, 4rem)
clamp(1.25rem, 6vw, 2rem);
}
.fp-discovery-grid,
.fp-universe-grid,
.fp-home-discovery-grid,
.fp-home-categories-grid,
.fp-main-entry-grid {
grid-template-columns: minmax(0, 1fr);
}
.fp-discovery-intro,
.fp-universe-intro,
.fp-home-discovery-intro {
grid-column: auto;
}
.fp-discovery-card,
.fp-universe-card,
.fp-category-card,
.fp-home-entry-card {
border-top: 1px solid rgba(7, 20, 38, 0.11);
border-left: 0;
}
.fp-discovery-card h2,
.fp-discovery-card h3,
.fp-universe-card h2,
.fp-universe-card h3,
.fp-category-card h2,
.fp-category-card h3,
.fp-home-entry-card h2,
.fp-home-entry-card h3 {
font-size: clamp(1.15rem, 5vw, 1.55rem);
white-space: normal !important;
}
.fp-characters-grid,
.fp-character-grid,
.fp-personnages-grid,
.fp-personages-grid,
.mp-characters-grid,
.mp-character-grid {
grid-template-columns: minmax(0, 1fr) !important;
width: min(520px, calc(100% - 30px));
}
.fp-global-footer-grid,
.fp-footer-grid,
.mp-footer-grid,
.fpfg-footer-grid {
grid-template-columns: minmax(0, 1fr);
}
.fp-global-footer-brand,
.fp-footer-brand,
.mp-footer-brand,
.fpfg-footer-brand,
.mp-footer-title {
font-size: clamp(2.6rem, 14vw, 4.4rem) !important;
}
.fp-footer-follow,
.fp-follow-section,
.mp-follow-section,
.mp-social-section,
.fpfg-social-follow {
justify-content: center;
text-align: center;
}
.fp-footer-follow a,
.fp-follow-section a,
.mp-follow-section a,
.mp-social-section a,
.fpfg-social-follow a {
flex: 1 1 135px;
}
} @media (max-width: 420px) {
.fp-section-heading,
.mp-section-heading,
.mp-baseline,
.fpfg-serial-nav {
gap: 0.4rem;
}
.fp-section-heading h2,
.fp-section-heading a,
.mp-section-heading h2,
.mp-section-heading a,
.mp-baseline h2,
.mp-baseline a,
.fpfg-serial-nav a {
font-size: 0.72rem;
letter-spacing: 0;
}
} :root {
--fp5-nuit: #071426;
--fp5-nuit-profond: #030b13;
--fp5-ivoire: #f4ecdc;
--fp5-or: #c6a25c;
--fp5-or-clair: #ead8b1;
} #masthead,
header.site-header {
display: none !important;
} .fpv5-site-header {
position: sticky;
z-index: 9999;
top: 0;
width: 100%;
background: var(--fp5-nuit);
border-bottom: 1px solid rgba(198, 162, 92, 0.2);
}
.admin-bar .fpv5-site-header {
top: 32px;
}
.fpv5-site-header__inner {
display: flex;
align-items: center;
gap: clamp(0.8rem, 1.2vw, 1.35rem);
width: min(100%, 1500px);
min-height: 76px;
margin-inline: auto;
padding-inline: clamp(1rem, 2.5vw, 2.5rem);
}
.fpv5-site-header__brand {
display: inline-flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
color: var(--fp5-or);
text-decoration: none;
border: 1px solid rgba(198, 162, 92, 0.45);
}
.fpv5-site-header__desktop-row {
display: flex;
flex: 1 1 auto;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
gap: clamp(0.75rem, 1vw, 1.2rem);
min-width: 0;
}
.fpv5-main-navigation {
display: flex;
flex: 1 1 auto;
flex-wrap: nowrap;
align-items: center;
gap: clamp(0.7rem, 1vw, 1.15rem);
min-width: 0;
white-space: nowrap;
}
.fpv5-main-navigation a,
.fpv5-header-contact,
.fpv5-header-tools .fp-global-languages a {
font-size: clamp(0.86rem, 0.92vw, 1rem);
line-height: 1;
letter-spacing: 0.045em;
color: var(--fp5-ivoire);
text-decoration: none;
white-space: nowrap;
}
.fpv5-main-navigation a.is-current {
color: var(--fp5-or);
}
.fpv5-header-tools {
display: flex;
flex: 0 0 auto;
flex-wrap: nowrap;
align-items: center;
gap: clamp(0.45rem, 0.7vw, 0.8rem);
margin-left: auto;
white-space: nowrap;
}
.fpv5-header-tools .fp-global-languages {
display: inline-flex;
align-items: center;
gap: 0.35rem;
}
.fpv5-header-book {
display: inline-flex;
align-items: center;
gap: 0.7rem;
min-height: 42px;
padding: 0.7rem 0.95rem;
font-size: clamp(0.82rem, 0.88vw, 0.96rem);
line-height: 1;
letter-spacing: 0.045em;
color: var(--fp5-nuit);
background: var(--fp5-or);
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
}
.fpv5-menu-toggle {
display: none;
}
.fpv5-mobile-panel {
display: none;
} .fpv42-hero {
display: grid !important;
grid-template-columns: minmax(0, 46%) minmax(0, 54%) !important;
align-items: stretch !important;
min-height: calc(100vh - 76px);
overflow: hidden !important;
background: var(--fp5-nuit) !important;
}
.fpv42-hero__copy {
position: relative !important;
z-index: 4 !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
min-width: 0 !important;
padding:
clamp(3rem, 6vw, 6rem)
clamp(2rem, 5vw, 5.5rem) !important;
overflow: visible !important;
}
.fpv42-hero__actions {
position: relative !important;
z-index: 9 !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 1.25rem !important;
margin-top: clamp(1.4rem, 2.5vw, 2.2rem) !important;
}
.fpv42-hero__primary-cta,
.fpv42-hero__actions .fpv42-button {
position: relative !important;
z-index: 10 !important;
display: inline-flex !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}
.fpv42-hero__visual {
position: relative !important;
z-index: 1 !important;
min-width: 0 !important;
overflow: hidden !important;
}
.fpv42-hero__picture {
position: absolute !important;
z-index: 1 !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
}
.fpv42-hero__picture img {
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
object-fit: cover !important;
object-position: center !important;
}
.fpv42-hero__diagonal {
position: absolute !important;
z-index: 3 !important;
top: 0 !important;
left: 0 !important;
display: block !important;
width: clamp(40px, 4vw, 68px) !important;
height: 100% !important;
background: var(--fp5-nuit) !important;
clip-path: polygon(0 0, 100% 0, 0 100%) !important;
pointer-events: none !important;
}
.fpv42-hero-book {
position: absolute !important;
z-index: 8 !important;
right: clamp(1rem, 2vw, 2rem) !important;
bottom: clamp(1rem, 2vw, 2rem) !important;
top: auto !important;
display: inline-flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: center !important;
min-width: 145px !important;
min-height: 72px !important;
padding: 0.8rem 1rem !important;
visibility: visible !important;
opacity: 1 !important;
background: rgba(244, 236, 220, 0.96) !important;
color: var(--fp5-nuit) !important;
border: 1px solid rgba(198, 162, 92, 0.8) !important;
text-decoration: none !important;
}
.fpv42-hero-book .fpv42-eyebrow {
margin: 0 0 0.25rem !important;
font-size: 0.7rem !important;
}
.fpv42-hero-book strong {
font-size: 0.9rem !important;
}
.fpv42-hero__copy::after,
.fpv42-hero__visual::before,
.fpv42-hero__visual::after,
.fpv42-hero__picture::before,
.fpv42-hero__picture::after {
content: none !important;
display: none !important;
} .fpv42-manifest {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
min-height: calc(100vh - 76px);
padding: clamp(2.2rem, 4vw, 4rem) clamp(1.5rem, 4vw, 4rem) !important;
background: var(--fp5-ivoire) !important;
overflow: hidden !important;
}
.fpv42-manifest__heading {
margin: 0 auto clamp(1.8rem, 3vw, 2.8rem);
text-align: center;
}
.fpv42-manifest__heading h2 {
margin: 0;
font-size: clamp(2.4rem, 4.3vw, 4.8rem);
line-height: 0.98;
color: var(--fp5-nuit);
}
.fpv42-manifest__grid {
display: grid !important;
grid-template-columns:
minmax(260px, 1.15fr)
repeat(3, minmax(180px, 0.95fr)) !important;
align-items: stretch !important;
width: min(100%, 1400px);
margin-inline: auto;
border-top: 1px solid rgba(7, 20, 38, 0.12);
border-bottom: 1px solid rgba(7, 20, 38, 0.12);
}
.fpv42-manifest__intro,
.fpv42-portal {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
min-width: 0 !important;
min-height: clamp(300px, 38vh, 440px);
padding: clamp(1.6rem, 2.6vw, 2.8rem) !important;
}
.fpv42-manifest__intro p {
margin: 0;
font-size: clamp(1.15rem, 1.55vw, 1.55rem);
line-height: 1.55;
color: var(--fp5-nuit);
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
}
.fpv42-portal {
align-items: center !important;
text-align: center !important;
border-left: 1px solid rgba(7, 20, 38, 0.12);
}
.fpv42-portal h3 {
width: 100% !important;
margin: 0 0 1rem !important;
font-size: clamp(1.75rem, 2.25vw, 2.35rem) !important;
line-height: 1 !important;
white-space: nowrap !important;
word-break: keep-all !important;
hyphens: none !important;
}
.fpv42-portal p {
max-width: 16rem !important;
margin: 0 auto 1.2rem !important;
font-size: clamp(0.92rem, 1vw, 1.02rem) !important;
line-height: 1.5 !important;
}
.fpv42-portal strong {
font-size: clamp(0.84rem, 0.92vw, 0.95rem) !important;
} @media (max-width: 1180px) {
.fpv5-main-navigation {
gap: 0.55rem;
}
.fpv5-main-navigation a,
.fpv5-header-contact,
.fpv5-header-tools .fp-global-languages a {
font-size: 0.8rem;
}
.fpv5-header-book {
padding-inline: 0.75rem;
}
.fpv42-manifest__grid {
grid-template-columns:
minmax(240px, 1.08fr)
repeat(3, minmax(165px, 0.96fr)) !important;
}
.fpv42-portal h3 {
font-size: clamp(1.45rem, 1.9vw, 1.8rem) !important;
}
}
@media (max-width: 980px) {
.fpv5-site-header__desktop-row {
display: none;
}
.fpv5-menu-toggle {
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 4px;
margin-left: auto;
color: var(--fp5-ivoire);
background: transparent;
border: 0;
}
.fpv5-menu-toggle span {
display: block;
width: 24px;
height: 1px;
background: currentColor;
}
.fpv5-mobile-panel {
display: none;
padding: 1.25rem;
background: var(--fp5-nuit);
border-top: 1px solid rgba(198, 162, 92, 0.2);
}
.fpv5-menu-open .fpv5-mobile-panel {
display: block;
}
.fpv5-mobile-navigation,
.fpv5-mobile-panel__bottom {
display: flex;
flex-direction: column;
gap: 1rem;
}
.fpv5-mobile-navigation a,
.fpv5-mobile-panel__bottom a {
color: var(--fp5-ivoire);
text-decoration: none;
}
.fpv42-hero {
grid-template-columns: 1fr !important;
min-height: auto;
}
.fpv42-hero__visual {
min-height: 500px;
}
.fpv42-hero__diagonal {
display: none !important;
}
.fpv42-manifest {
min-height: auto;
}
.fpv42-manifest__grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.fpv42-manifest__intro {
grid-column: 1 / -1;
min-height: auto;
text-align: center;
border-bottom: 1px solid rgba(7, 20, 38, 0.12);
}
}
@media (max-width: 700px) {
.admin-bar .fpv5-site-header {
top: 46px;
}
.fpv42-manifest__grid {
grid-template-columns: 1fr !important;
}
.fpv42-manifest__intro {
grid-column: auto;
}
.fpv42-portal {
min-height: auto;
border-top: 1px solid rgba(7, 20, 38, 0.12);
border-left: 0;
}
.fpv42-portal h3 {
font-size: clamp(1.8rem, 7vw, 2.2rem) !important;
white-space: normal !important;
}
} :root {
--fp5-nuit: #071426;
--fp5-nuit-profond: #030b13;
--fp5-ivoire: #f4ecdc;
--fp5-or: #c6a25c;
--fp5-or-clair: #ead8b1;
} #masthead,
header.site-header {
display: none !important;
} .fpv5-site-header {
position: sticky;
z-index: 9999;
top: 0;
width: 100%;
background: var(--fp5-nuit);
border-bottom: 1px solid rgba(198, 162, 92, 0.2);
}
.admin-bar .fpv5-site-header {
top: 32px;
}
.fpv5-site-header__inner {
display: flex;
align-items: center;
gap: clamp(0.8rem, 1.2vw, 1.35rem);
width: min(100%, 1500px);
min-height: 76px;
margin-inline: auto;
padding-inline: clamp(1rem, 2.5vw, 2.5rem);
}
.fpv5-site-header__brand {
display: inline-flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
color: var(--fp5-or);
text-decoration: none;
border: 1px solid rgba(198, 162, 92, 0.45);
}
.fpv5-site-header__desktop-row {
display: flex;
flex: 1 1 auto;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
gap: clamp(0.75rem, 1vw, 1.2rem);
min-width: 0;
}
.fpv5-main-navigation {
display: flex;
flex: 1 1 auto;
flex-wrap: nowrap;
align-items: center;
gap: clamp(0.7rem, 1vw, 1.15rem);
min-width: 0;
white-space: nowrap;
}
.fpv5-main-navigation a,
.fpv5-header-contact,
.fpv5-header-tools .fp-global-languages a {
font-size: clamp(0.86rem, 0.92vw, 1rem);
line-height: 1;
letter-spacing: 0.045em;
color: var(--fp5-ivoire);
text-decoration: none;
white-space: nowrap;
}
.fpv5-main-navigation a.is-current {
color: var(--fp5-or);
}
.fpv5-header-tools {
display: flex;
flex: 0 0 auto;
flex-wrap: nowrap;
align-items: center;
gap: clamp(0.45rem, 0.7vw, 0.8rem);
margin-left: auto;
white-space: nowrap;
}
.fpv5-header-tools .fp-global-languages {
display: inline-flex;
align-items: center;
gap: 0.35rem;
}
.fpv5-header-book {
display: inline-flex;
align-items: center;
gap: 0.7rem;
min-height: 42px;
padding: 0.7rem 0.95rem;
font-size: clamp(0.82rem, 0.88vw, 0.96rem);
line-height: 1;
letter-spacing: 0.045em;
color: var(--fp5-nuit);
background: var(--fp5-or);
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
}
.fpv5-menu-toggle {
display: none;
}
.fpv5-mobile-panel {
display: none;
} .fpv42-hero {
display: grid !important;
grid-template-columns: minmax(0, 46%) minmax(0, 54%) !important;
align-items: stretch !important;
min-height: calc(100vh - 76px);
overflow: hidden !important;
background: var(--fp5-nuit) !important;
}
.fpv42-hero__copy {
position: relative !important;
z-index: 4 !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
min-width: 0 !important;
padding:
clamp(3rem, 6vw, 6rem)
clamp(2rem, 5vw, 5.5rem) !important;
overflow: visible !important;
}
.fpv42-hero__actions {
position: relative !important;
z-index: 9 !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 1.25rem !important;
margin-top: clamp(1.4rem, 2.5vw, 2.2rem) !important;
}
.fpv42-hero__primary-cta,
.fpv42-hero__actions .fpv42-button {
position: relative !important;
z-index: 10 !important;
display: inline-flex !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}
.fpv42-hero__visual {
position: relative !important;
z-index: 1 !important;
min-width: 0 !important;
overflow: hidden !important;
}
.fpv42-hero__picture {
position: absolute !important;
z-index: 1 !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
}
.fpv42-hero__picture img {
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
object-fit: cover !important;
object-position: center !important;
}
.fpv42-hero__diagonal {
position: absolute !important;
z-index: 3 !important;
top: 0 !important;
left: 0 !important;
display: block !important;
width: clamp(40px, 4vw, 68px) !important;
height: 100% !important;
background: var(--fp5-nuit) !important;
clip-path: polygon(0 0, 100% 0, 0 100%) !important;
pointer-events: none !important;
}
.fpv42-hero-book {
position: absolute !important;
z-index: 8 !important;
right: clamp(1rem, 2vw, 2rem) !important;
bottom: clamp(1rem, 2vw, 2rem) !important;
top: auto !important;
display: inline-flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: center !important;
min-width: 145px !important;
min-height: 72px !important;
padding: 0.8rem 1rem !important;
visibility: visible !important;
opacity: 1 !important;
background: rgba(244, 236, 220, 0.96) !important;
color: var(--fp5-nuit) !important;
border: 1px solid rgba(198, 162, 92, 0.8) !important;
text-decoration: none !important;
}
.fpv42-hero-book .fpv42-eyebrow {
margin: 0 0 0.25rem !important;
font-size: 0.7rem !important;
}
.fpv42-hero-book strong {
font-size: 0.9rem !important;
}
.fpv42-hero__copy::after,
.fpv42-hero__visual::before,
.fpv42-hero__visual::after,
.fpv42-hero__picture::before,
.fpv42-hero__picture::after {
content: none !important;
display: none !important;
} .fpv42-manifest {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
min-height: calc(100vh - 76px);
padding: clamp(2.2rem, 4vw, 4rem) clamp(1.5rem, 4vw, 4rem) !important;
background: var(--fp5-ivoire) !important;
overflow: hidden !important;
}
.fpv42-manifest__heading {
margin: 0 auto clamp(1.8rem, 3vw, 2.8rem);
text-align: center;
}
.fpv42-manifest__heading h2 {
margin: 0;
font-size: clamp(2.4rem, 4.3vw, 4.8rem);
line-height: 0.98;
color: var(--fp5-nuit);
}
.fpv42-manifest__grid {
display: grid !important;
grid-template-columns:
minmax(260px, 1.15fr)
repeat(3, minmax(180px, 0.95fr)) !important;
align-items: stretch !important;
width: min(100%, 1400px);
margin-inline: auto;
border-top: 1px solid rgba(7, 20, 38, 0.12);
border-bottom: 1px solid rgba(7, 20, 38, 0.12);
}
.fpv42-manifest__intro,
.fpv42-portal {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
min-width: 0 !important;
min-height: clamp(300px, 38vh, 440px);
padding: clamp(1.6rem, 2.6vw, 2.8rem) !important;
}
.fpv42-manifest__intro p {
margin: 0;
font-size: clamp(1.15rem, 1.55vw, 1.55rem);
line-height: 1.55;
color: var(--fp5-nuit);
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
}
.fpv42-portal {
align-items: center !important;
text-align: center !important;
border-left: 1px solid rgba(7, 20, 38, 0.12);
}
.fpv42-portal h3 {
width: 100% !important;
margin: 0 0 1rem !important;
font-size: clamp(1.75rem, 2.25vw, 2.35rem) !important;
line-height: 1 !important;
white-space: nowrap !important;
word-break: keep-all !important;
hyphens: none !important;
}
.fpv42-portal p {
max-width: 16rem !important;
margin: 0 auto 1.2rem !important;
font-size: clamp(0.92rem, 1vw, 1.02rem) !important;
line-height: 1.5 !important;
}
.fpv42-portal strong {
font-size: clamp(0.84rem, 0.92vw, 0.95rem) !important;
} @media (max-width: 1180px) {
.fpv5-main-navigation {
gap: 0.55rem;
}
.fpv5-main-navigation a,
.fpv5-header-contact,
.fpv5-header-tools .fp-global-languages a {
font-size: 0.8rem;
}
.fpv5-header-book {
padding-inline: 0.75rem;
}
.fpv42-manifest__grid {
grid-template-columns:
minmax(240px, 1.08fr)
repeat(3, minmax(165px, 0.96fr)) !important;
}
.fpv42-portal h3 {
font-size: clamp(1.45rem, 1.9vw, 1.8rem) !important;
}
}
@media (max-width: 980px) {
.fpv5-site-header__desktop-row {
display: none;
}
.fpv5-menu-toggle {
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 4px;
margin-left: auto;
color: var(--fp5-ivoire);
background: transparent;
border: 0;
}
.fpv5-menu-toggle span {
display: block;
width: 24px;
height: 1px;
background: currentColor;
}
.fpv5-mobile-panel {
display: none;
padding: 1.25rem;
background: var(--fp5-nuit);
border-top: 1px solid rgba(198, 162, 92, 0.2);
}
.fpv5-menu-open .fpv5-mobile-panel {
display: block;
}
.fpv5-mobile-navigation,
.fpv5-mobile-panel__bottom {
display: flex;
flex-direction: column;
gap: 1rem;
}
.fpv5-mobile-navigation a,
.fpv5-mobile-panel__bottom a {
color: var(--fp5-ivoire);
text-decoration: none;
}
.fpv42-hero {
grid-template-columns: 1fr !important;
min-height: auto;
}
.fpv42-hero__visual {
min-height: 500px;
}
.fpv42-hero__diagonal {
display: none !important;
}
.fpv42-manifest {
min-height: auto;
}
.fpv42-manifest__grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.fpv42-manifest__intro {
grid-column: 1 / -1;
min-height: auto;
text-align: center;
border-bottom: 1px solid rgba(7, 20, 38, 0.12);
}
}
@media (max-width: 700px) {
.admin-bar .fpv5-site-header {
top: 46px;
}
.fpv42-manifest__grid {
grid-template-columns: 1fr !important;
}
.fpv42-manifest__intro {
grid-column: auto;
}
.fpv42-portal {
min-height: auto;
border-top: 1px solid rgba(7, 20, 38, 0.12);
border-left: 0;
}
.fpv42-portal h3 {
font-size: clamp(1.8rem, 7vw, 2.2rem) !important;
white-space: normal !important;
}
}  .fpv42-manifest__heading .fpv42-eyebrow {
font-size: inherit !important;
line-height: inherit !important;
letter-spacing: inherit !important;
} .fpv42-manifest__heading .fpv42-eyebrow,
.fpv42-section-heading .fpv42-eyebrow--large {
font-size: clamp(1rem, 1.25vw, 1.28rem) !important;
line-height: 1.2 !important;
letter-spacing: 0.12em !important;
} .fpv42-section-heading {
gap: clamp(0.35rem, 0.8vw, 0.75rem) !important;
margin-bottom: clamp(1.3rem, 2.4vw, 2.2rem) !important;
}
.fpv42-section-heading .fpv42-eyebrow,
.fpv42-section-heading h2 {
margin-top: 0 !important;
margin-bottom: 0 !important;
} .fpv42-places,
.fpv42-people,
.fpv42-gazette {
min-height: calc(100vh - 76px) !important;
padding-top: clamp(2rem, 3.5vw, 3.6rem) !important;
padding-bottom: clamp(2rem, 3.5vw, 3.6rem) !important;
box-sizing: border-box !important;
} .fpv42-places__grid,
.fpv42-people__grid,
.fpv42-gazette__grid {
gap: clamp(1rem, 2vw, 2rem) !important;
} .fpv42-place-card__picture {
min-height: clamp(220px, 27vh, 320px) !important;
}
.fpv42-place-card__content {
padding: clamp(1rem, 1.8vw, 1.6rem) !important;
} .fpv42-person__portrait,
.fpv42-person__portrait img {
min-height: clamp(300px, 38vh, 430px) !important;
}
.fpv42-person__content {
padding: clamp(1.15rem, 2vw, 2rem) !important;
} .fpv42-gazette-card__picture {
min-height: clamp(180px, 23vh, 270px) !important;
}
.fpv42-gazette-card__content {
padding: clamp(1rem, 1.7vw, 1.5rem) !important;
}
.fpv42-gazette .fpv42-center-action {
margin-top: clamp(1rem, 1.8vw, 1.6rem) !important;
} .fpv42-manifest {
min-height: calc(100vh - 76px) !important;
padding-top: clamp(1.8rem, 3vw, 3rem) !important;
padding-bottom: clamp(1.8rem, 3vw, 3rem) !important;
}
.fpv42-manifest__heading {
margin-bottom: clamp(1.2rem, 2vw, 2rem) !important;
}
.fpv42-manifest__grid {
max-height: calc(100vh - 220px);
} @media (max-width: 980px) {
.fpv42-places,
.fpv42-people,
.fpv42-gazette,
.fpv42-manifest {
min-height: auto !important;
}
.fpv42-manifest__grid {
max-height: none;
}
}  .fpv42-hero__visual > .fpv42-hero-book {
position: absolute !important;
z-index: 50 !important;
right: clamp(1rem, 2vw, 2rem) !important;
bottom: clamp(1rem, 2vw, 2rem) !important;
top: auto !important;
left: auto !important;
inset-inline-start: auto !important;
inset-inline-end: clamp(1rem, 2vw, 2rem) !important;
inset-block-start: auto !important;
inset-block-end: clamp(1rem, 2vw, 2rem) !important;
display: inline-flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: center !important;
width: auto !important;
min-width: 142px !important;
max-width: 190px !important;
height: auto !important;
min-height: 70px !important;
max-height: none !important;
margin: 0 !important;
padding: 0.8rem 1rem !important;
visibility: visible !important;
opacity: 1 !important;
overflow: visible !important;
pointer-events: auto !important;
writing-mode: horizontal-tb !important;
text-orientation: mixed !important;
white-space: nowrap !important;
background: rgba(244, 236, 220, 0.97) !important;
color: var(--fp5-nuit) !important;
border: 1px solid rgba(198, 162, 92, 0.82) !important;
border-radius: 0 !important;
clip-path: none !important;
transform: none !important;
text-decoration: none !important;
}
.fpv42-hero__visual > .fpv42-hero-book > * {
position: static !important;
display: block !important;
width: auto !important;
height: auto !important;
margin-left: 0 !important;
margin-right: 0 !important;
visibility: visible !important;
opacity: 1 !important;
writing-mode: horizontal-tb !important;
text-orientation: mixed !important;
white-space: nowrap !important;
clip-path: none !important;
transform: none !important;
}
.fpv42-hero__visual > .fpv42-hero-book .fpv42-eyebrow {
margin-bottom: 0.25rem !important;
font-size: 0.7rem !important;
line-height: 1.1 !important;
letter-spacing: 0.1em !important;
}
.fpv42-hero__visual > .fpv42-hero-book strong {
font-size: 0.92rem !important;
line-height: 1.1 !important;
}
.fpv42-hero__visual > .fpv42-hero-book i {
display: none !important;
} .fpv42-people {
overflow: visible !important;
}
.fpv42-people__grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
grid-auto-flow: row !important;
align-items: stretch !important;
gap: clamp(1.25rem, 2.5vw, 2.5rem) !important;
width: min(1180px, calc(100% - 40px)) !important;
max-width: 1180px !important;
height: auto !important;
min-height: 0 !important;
margin-inline: auto !important;
overflow: visible !important;
transform: none !important;
}
.fpv42-people__grid > .fpv42-person,
.fpv42-person,
.fpv42-person--card,
.fpv42-person--reverse {
position: relative !important;
display: block !important;
grid-column: auto !important;
grid-row: auto !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
writing-mode: horizontal-tb !important;
text-orientation: mixed !important;
clip-path: none !important;
transform: none !important;
}
.fpv42-person > .fpv42-person__link {
position: relative !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
grid-template-rows: auto auto !important;
align-items: stretch !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
writing-mode: horizontal-tb !important;
text-orientation: mixed !important;
clip-path: none !important;
transform: none !important;
text-decoration: none !important;
}
.fpv42-person__link > .fpv42-person__portrait,
.fpv42-person__portrait,
figure.fpv42-person__portrait {
position: relative !important;
display: block !important;
grid-column: 1 !important;
grid-row: 1 !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
aspect-ratio: 4 / 3 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
writing-mode: horizontal-tb !important;
clip-path: none !important;
border-radius: 0 !important;
transform: none !important;
}
.fpv42-person__portrait > img,
.fpv42-person__portrait img,
.fpv42-person .fpv42-picture img {
position: absolute !important;
inset: 0 !important;
display: block !important;
width: 100% !important;
min-width: 100% !important;
max-width: none !important;
height: 100% !important;
min-height: 100% !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
object-fit: cover !important;
object-position: center top !important;
writing-mode: horizontal-tb !important;
clip-path: none !important;
transform: none !important;
}
.fpv42-person__link > .fpv42-person__content,
.fpv42-person__content {
position: relative !important;
display: flex !important;
grid-column: 1 !important;
grid-row: 2 !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: center !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: clamp(1.1rem, 1.8vw, 1.65rem) !important;
overflow: visible !important;
text-align: left !important;
writing-mode: horizontal-tb !important;
text-orientation: mixed !important;
clip-path: none !important;
transform: none !important;
}
.fpv42-person__content *,
.fpv42-person h3,
.fpv42-person p,
.fpv42-person strong,
.fpv42-person a {
position: static !important;
display: block !important;
width: auto !important;
min-width: 0 !important;
max-width: 100% !important;
height: auto !important;
min-height: 0 !important;
writing-mode: horizontal-tb !important;
text-orientation: mixed !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
clip-path: none !important;
transform: none !important;
}
.fpv42-person h3 {
width: 100% !important;
margin: 0 0 0.6rem !important;
font-size: clamp(1.45rem, 2vw, 2.15rem) !important;
line-height: 1.05 !important;
}
.fpv42-person p {
width: 100% !important;
margin: 0 0 0.85rem !important;
font-size: clamp(0.92rem, 1vw, 1.02rem) !important;
line-height: 1.5 !important;
}
.fpv42-people__slash {
display: none !important;
} @media (max-width: 900px) {
.fpv42-people__grid {
grid-template-columns: minmax(0, 1fr) !important;
width: min(680px, calc(100% - 30px)) !important;
}
.fpv42-person__portrait,
figure.fpv42-person__portrait {
aspect-ratio: 16 / 10 !important;
}
}
@media (max-width: 560px) {
.fpv42-person__portrait,
figure.fpv42-person__portrait {
aspect-ratio: 4 / 3 !important;
}
}
.mp-article .mp-cover__media {
z-index: 1;
}
.mp-article .mp-cover__veil {
z-index: 2;
}
.mp-article .mp-cover__inner {
z-index: 4;
}
.mp-article .mp-cover__frame {
z-index: 5;
}  .fpv42-manhattan {
display: grid !important;
grid-template-columns: minmax(0, 1.45fr) minmax(260px, 0.55fr) !important;
align-items: center !important;
gap: clamp(1.5rem, 3vw, 3rem) !important;
padding: clamp(1.5rem, 3vw, 3rem) !important;
}
.fpv42-manhattan-cover {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 !important;
overflow: visible !important;
}
.mp-home-cover-wrap {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
}
.mp-home-cover {
--mp-home-nuit: #081426;
--mp-home-ivoire: #f4ead7;
--mp-home-or: #c8a45f;
--mp-home-or-clair: #ead8b1;
position: relative !important;
isolation: isolate !important;
display: block !important;
width: 100% !important;
max-width: none !important;
aspect-ratio: 3 / 4 !important;
min-height: clamp(720px, 70vw, 1050px) !important;
margin: 0 !important;
overflow: hidden !important;
color: var(--mp-home-ivoire) !important;
background: var(--mp-home-nuit) !important;
border: 1px solid rgba(200, 164, 95, 0.92) !important;
box-shadow:
0 30px 75px rgba(0, 0, 0, 0.28),
0 0 0 1px rgba(200, 164, 95, 0.18) !important;
text-decoration: none !important;
cursor: pointer !important;
}
.mp-home-cover__image {
position: absolute !important;
z-index: 1 !important;
inset: 0 !important;
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
margin: 0 !important;
object-fit: cover !important;
object-position: center center !important;
transition: transform 350ms ease !important;
}
.mp-home-cover__veil {
position: absolute !important;
z-index: 2 !important;
inset: 0 !important;
display: block !important;
background:
linear-gradient(
90deg,
rgba(8, 20, 38, 0.98) 0%,
rgba(8, 20, 38, 0.9) 34%,
rgba(8, 20, 38, 0.52) 65%,
rgba(8, 20, 38, 0.16) 100%
),
linear-gradient(
180deg,
rgba(8, 20, 38, 0.48) 0%,
transparent 30%,
rgba(8, 20, 38, 0.74) 100%
);
}
.mp-home-cover__frame {
position: absolute !important;
z-index: 4 !important;
inset: clamp(12px, 1.5vw, 20px) !important;
display: block !important;
pointer-events: none !important;
border: 1px solid rgba(200, 164, 95, 0.92) !important;
outline: 1px solid rgba(200, 164, 95, 0.3) !important;
outline-offset: -8px !important;
}
.mp-home-cover__content {
position: relative !important;
z-index: 5 !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: space-between !important;
box-sizing: border-box !important;
width: 100% !important;
height: 100% !important;
padding:
clamp(3.5rem, 6vw, 6rem)
clamp(2.5rem, 5vw, 5rem)
clamp(3.5rem, 6vw, 6rem) !important;
writing-mode: horizontal-tb !important;
text-orientation: mixed !important;
}
.mp-home-cover__brand {
display: block !important;
width: 100% !important;
color: var(--mp-home-or-clair) !important;
font-family:
"Limelight",
"Market Deco",
sans-serif !important;
font-size: clamp(3rem, 6.5vw, 7rem) !important;
font-weight: 400 !important;
line-height: 0.92 !important;
letter-spacing: 0.025em !important;
text-align: center !important;
text-transform: uppercase !important;
text-shadow: 0 3px 22px rgba(0, 0, 0, 0.4) !important;
}
.mp-home-cover__issue {
display: block !important;
margin-top: auto !important;
margin-bottom: clamp(1rem, 2vw, 1.5rem) !important;
color: var(--mp-home-or-clair) !important;
font-family:
"Poiret One",
sans-serif !important;
font-size: clamp(0.85rem, 1.25vw, 1.05rem) !important;
line-height: 1.3 !important;
letter-spacing: 0.16em !important;
text-transform: uppercase !important;
}
.mp-home-cover__title {
display: block !important;
max-width: 78% !important;
color: var(--mp-home-or-clair) !important;
font-family:
"Market Deco",
"Limelight",
sans-serif !important;
font-size: clamp(3.1rem, 5.8vw, 6.4rem) !important;
font-weight: 400 !important;
line-height: 0.95 !important;
letter-spacing: 0.005em !important;
text-transform: uppercase !important;
text-shadow: 0 4px 26px rgba(0, 0, 0, 0.55) !important;
}
.mp-home-cover:hover .mp-home-cover__image,
.mp-home-cover:focus-visible .mp-home-cover__image {
transform: scale(1.025) !important;
}
.mp-home-cover:focus-visible {
outline: 3px solid var(--mp-home-or) !important;
outline-offset: 4px !important;
} .fpv42-manhattan__content {
min-width: 0 !important;
padding: clamp(1rem, 2vw, 2rem) !important;
} @media (max-width: 1100px) {
.fpv42-manhattan {
grid-template-columns: minmax(0, 1.25fr) minmax(240px, 0.75fr) !important;
}
.mp-home-cover {
min-height: clamp(680px, 82vw, 900px) !important;
}
.mp-home-cover__title {
max-width: 90% !important;
}
} @media (max-width: 820px) {
.fpv42-manhattan {
grid-template-columns: minmax(0, 1fr) !important;
}
.fpv42-manhattan-cover {
width: min(100%, 720px) !important;
margin-inline: auto !important;
}
.mp-home-cover {
min-height: clamp(650px, 132vw, 900px) !important;
}
.mp-home-cover__content {
padding:
3.5rem
clamp(1.8rem, 7vw, 3rem)
3.2rem !important;
}
.mp-home-cover__brand {
font-size: clamp(2.6rem, 11vw, 4.8rem) !important;
}
.mp-home-cover__title {
max-width: 100% !important;
font-size: clamp(2.7rem, 11.5vw, 4.8rem) !important;
}
}  .fpv42-dual-feature {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
} .fpv42-manhattan {
display: grid !important;
grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr) !important;
align-items: center !important;
gap: clamp(2rem, 4vw, 4rem) !important;
width: 100% !important;
min-height: calc(100vh - 76px) !important;
margin: 0 !important;
padding:
clamp(2.5rem, 5vw, 5rem)
clamp(1.5rem, 4vw, 4rem) !important;
background: #071426 !important;
color: #f4ecdc !important;
}
.fpv42-manhattan-cover {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
}
.fpv42-manhattan__content {
min-width: 0 !important;
padding: clamp(1rem, 2vw, 2rem) !important;
color: #f4ecdc !important;
}
.fpv42-manhattan__content .fpv42-eyebrow {
color: #c6a25c !important;
}
.fpv42-manhattan__content h2,
.fpv42-manhattan__content p {
color: #f4ecdc !important;
} .fpv42-book-feature {
display: grid !important;
grid-template-columns: minmax(0, 0.85fr) minmax(320px, 1.15fr) !important;
align-items: center !important;
gap: clamp(2rem, 4vw, 4rem) !important;
width: 100% !important;
min-height: calc(100vh - 76px) !important;
margin: 0 !important;
padding:
clamp(2.5rem, 5vw, 5rem)
clamp(1.5rem, 4vw, 4rem) !important;
background: #f4ecdc !important;
color: #071426 !important;
}
.fpv42-book-feature__content {
min-width: 0 !important;
padding: clamp(1rem, 2vw, 2rem) !important;
color: #071426 !important;
}
.fpv42-book-feature__content .fpv42-eyebrow {
color: #c6a25c !important;
}
.fpv42-book-feature__content h2,
.fpv42-book-feature__content p {
color: #071426 !important;
}
.fpv42-book-feature__cover {
width: 100% !important;
max-width: 620px !important;
margin: 0 auto !important;
}
.fpv42-book-feature__cover img {
display: block !important;
width: 100% !important;
height: auto !important;
max-width: 100% !important;
object-fit: contain !important;
} .fpv42-manhattan + .fpv42-book-feature {
border-top: 1px solid rgba(198, 162, 92, 0.28) !important;
} @media (max-width: 980px) {
.fpv42-manhattan,
.fpv42-book-feature {
grid-template-columns: minmax(0, 1fr) !important;
min-height: auto !important;
}
.fpv42-manhattan-cover,
.fpv42-book-feature__cover {
width: min(100%, 720px) !important;
margin-inline: auto !important;
}
.fpv42-manhattan__content,
.fpv42-book-feature__content {
text-align: center !important;
}
}  .fpv42-manhattan {
display: grid !important;
grid-template-columns: minmax(0, 1.12fr) minmax(300px, 0.88fr) !important;
align-items: center !important;
gap: clamp(1.5rem, 3vw, 3rem) !important;
width: 100% !important;
min-height: auto !important;
height: auto !important;
margin: 0 !important;
padding:
clamp(2rem, 3.5vw, 3.5rem)
clamp(1.5rem, 4vw, 4rem) !important;
overflow: hidden !important;
background: #071426 !important;
} .fpv42-manhattan-cover {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
max-width: 720px !important;
height: auto !important;
margin: 0 auto !important;
overflow: visible !important;
}
.fpv42-manhattan-cover .mp-home-cover-wrap {
width: 100% !important;
max-width: 720px !important;
margin: 0 auto !important;
}
.fpv42-manhattan-cover .mp-home-cover {
width: 100% !important;
max-width: 720px !important; min-height: 0 !important;
height: auto !important;
aspect-ratio: 4 / 5 !important;
margin: 0 auto !important;
}
.fpv42-manhattan-cover .mp-home-cover__content {
padding:
clamp(2rem, 3.5vw, 3.5rem)
clamp(1.6rem, 3vw, 3rem)
clamp(2rem, 3.5vw, 3.5rem) !important;
}
.fpv42-manhattan-cover .mp-home-cover__brand {
font-size: clamp(2.4rem, 4.5vw, 5rem) !important;
}
.fpv42-manhattan-cover .mp-home-cover__title {
max-width: 90% !important;
font-size: clamp(2.5rem, 4.4vw, 4.8rem) !important;
}
.fpv42-manhattan__content {
align-self: center !important;
padding: clamp(1rem, 2vw, 2rem) !important;
} .fpv42-book-feature {
position: relative !important;
display: grid !important;
grid-template-columns: minmax(0, 0.92fr) minmax(300px, 1.08fr) !important;
align-items: center !important;
gap: clamp(1.5rem, 3vw, 3rem) !important;
width: 100% !important;
min-height: auto !important;
height: auto !important;
margin: 0 !important;
padding:
clamp(2rem, 3.5vw, 3.5rem)
clamp(1.5rem, 4vw, 4rem) !important;
overflow: hidden !important;
background: #f4ecdc !important;
} .fpv42-book-feature__content {
align-self: center !important;
min-width: 0 !important;
padding: clamp(1rem, 2vw, 2rem) !important;
}
.fpv42-book-feature__cover {
position: relative !important;
inset: auto !important;
align-self: center !important;
justify-self: center !important;
display: block !important;
width: min(100%, 520px) !important;
max-width: 520px !important;
height: auto !important;
max-height: min(68vh, 680px) !important;
margin: 0 auto !important;
padding: 0 !important;
overflow: visible !important;
transform: none !important;
}
.fpv42-book-feature__cover img {
position: static !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
max-height: min(68vh, 680px) !important;
margin: 0 auto !important;
object-fit: contain !important;
object-position: center center !important;
transform: none !important;
} .fpv42-years-introduction {
position: relative !important;
z-index: 5 !important;
clear: both !important;
width: 100% !important;
margin-top: 0 !important;
padding-top: clamp(2rem, 4vw, 4rem) !important;
overflow: hidden !important;
background: inherit;
}
.fpv42-dual-feature {
position: relative !important;
z-index: 1 !important;
overflow: hidden !important;
} @media (max-width: 1100px) {
.fpv42-manhattan {
grid-template-columns: minmax(0, 1fr) minmax(260px, 0.8fr) !important;
}
.fpv42-manhattan-cover,
.fpv42-manhattan-cover .mp-home-cover-wrap,
.fpv42-manhattan-cover .mp-home-cover {
max-width: 620px !important;
}
.fpv42-book-feature {
grid-template-columns: minmax(0, 0.9fr) minmax(280px, 1.1fr) !important;
}
.fpv42-book-feature__cover {
width: min(100%, 460px) !important;
max-width: 460px !important;
}
} @media (max-width: 820px) {
.fpv42-manhattan,
.fpv42-book-feature {
grid-template-columns: minmax(0, 1fr) !important;
padding:
clamp(2rem, 6vw, 3rem)
clamp(1rem, 5vw, 2rem) !important;
}
.fpv42-manhattan-cover,
.fpv42-manhattan-cover .mp-home-cover-wrap,
.fpv42-manhattan-cover .mp-home-cover {
max-width: 560px !important;
}
.fpv42-manhattan-cover .mp-home-cover {
aspect-ratio: 4 / 5 !important;
}
.fpv42-book-feature__cover {
width: min(100%, 430px) !important;
max-width: 430px !important;
max-height: none !important;
}
.fpv42-book-feature__cover img {
max-height: 620px !important;
}
.fpv42-manhattan__content,
.fpv42-book-feature__content {
text-align: center !important;
}
} @media (max-width: 520px) {
.fpv42-manhattan-cover,
.fpv42-manhattan-cover .mp-home-cover-wrap,
.fpv42-manhattan-cover .mp-home-cover {
max-width: 100% !important;
}
.fpv42-book-feature__cover {
width: min(100%, 360px) !important;
max-width: 360px !important;
}
.fpv42-book-feature__cover img {
max-height: 540px !important;
}
}  .fpv42-manhattan {
display: grid !important;
grid-template-columns: minmax(0, 1.12fr) minmax(300px, 0.88fr) !important;
align-items: center !important;
gap: clamp(1.5rem, 3vw, 3rem) !important;
width: 100% !important;
min-height: auto !important;
height: auto !important;
margin: 0 !important;
padding:
clamp(2rem, 3.5vw, 3.5rem)
clamp(1.5rem, 4vw, 4rem) !important;
overflow: hidden !important;
background: #071426 !important;
} .fpv42-manhattan-cover {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
max-width: 720px !important;
height: auto !important;
margin: 0 auto !important;
overflow: visible !important;
}
.fpv42-manhattan-cover .mp-home-cover-wrap {
width: 100% !important;
max-width: 720px !important;
margin: 0 auto !important;
}
.fpv42-manhattan-cover .mp-home-cover {
width: 100% !important;
max-width: 720px !important; min-height: 0 !important;
height: auto !important;
aspect-ratio: 4 / 5 !important;
margin: 0 auto !important;
}
.fpv42-manhattan-cover .mp-home-cover__content {
padding:
clamp(2rem, 3.5vw, 3.5rem)
clamp(1.6rem, 3vw, 3rem)
clamp(2rem, 3.5vw, 3.5rem) !important;
}
.fpv42-manhattan-cover .mp-home-cover__brand {
font-size: clamp(2.4rem, 4.5vw, 5rem) !important;
}
.fpv42-manhattan-cover .mp-home-cover__title {
max-width: 90% !important;
font-size: clamp(2.5rem, 4.4vw, 4.8rem) !important;
}
.fpv42-manhattan__content {
align-self: center !important;
padding: clamp(1rem, 2vw, 2rem) !important;
} .fpv42-book-feature {
position: relative !important;
display: grid !important;
grid-template-columns: minmax(0, 0.92fr) minmax(300px, 1.08fr) !important;
align-items: center !important;
gap: clamp(1.5rem, 3vw, 3rem) !important;
width: 100% !important;
min-height: auto !important;
height: auto !important;
margin: 0 !important;
padding:
clamp(2rem, 3.5vw, 3.5rem)
clamp(1.5rem, 4vw, 4rem) !important;
overflow: hidden !important;
background: #f4ecdc !important;
} .fpv42-book-feature__content {
align-self: center !important;
min-width: 0 !important;
padding: clamp(1rem, 2vw, 2rem) !important;
}
.fpv42-book-feature__cover {
position: relative !important;
inset: auto !important;
align-self: center !important;
justify-self: center !important;
display: block !important;
width: min(100%, 520px) !important;
max-width: 520px !important;
height: auto !important;
max-height: min(68vh, 680px) !important;
margin: 0 auto !important;
padding: 0 !important;
overflow: visible !important;
transform: none !important;
}
.fpv42-book-feature__cover img {
position: static !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
max-height: min(68vh, 680px) !important;
margin: 0 auto !important;
object-fit: contain !important;
object-position: center center !important;
transform: none !important;
} .fpv42-years-introduction {
position: relative !important;
z-index: 5 !important;
clear: both !important;
width: 100% !important;
margin-top: 0 !important;
padding-top: clamp(2rem, 4vw, 4rem) !important;
overflow: hidden !important;
background: inherit;
}
.fpv42-dual-feature {
position: relative !important;
z-index: 1 !important;
overflow: hidden !important;
} @media (max-width: 1100px) {
.fpv42-manhattan {
grid-template-columns: minmax(0, 1fr) minmax(260px, 0.8fr) !important;
}
.fpv42-manhattan-cover,
.fpv42-manhattan-cover .mp-home-cover-wrap,
.fpv42-manhattan-cover .mp-home-cover {
max-width: 620px !important;
}
.fpv42-book-feature {
grid-template-columns: minmax(0, 0.9fr) minmax(280px, 1.1fr) !important;
}
.fpv42-book-feature__cover {
width: min(100%, 460px) !important;
max-width: 460px !important;
}
} @media (max-width: 820px) {
.fpv42-manhattan,
.fpv42-book-feature {
grid-template-columns: minmax(0, 1fr) !important;
padding:
clamp(2rem, 6vw, 3rem)
clamp(1rem, 5vw, 2rem) !important;
}
.fpv42-manhattan-cover,
.fpv42-manhattan-cover .mp-home-cover-wrap,
.fpv42-manhattan-cover .mp-home-cover {
max-width: 560px !important;
}
.fpv42-manhattan-cover .mp-home-cover {
aspect-ratio: 4 / 5 !important;
}
.fpv42-book-feature__cover {
width: min(100%, 430px) !important;
max-width: 430px !important;
max-height: none !important;
}
.fpv42-book-feature__cover img {
max-height: 620px !important;
}
.fpv42-manhattan__content,
.fpv42-book-feature__content {
text-align: center !important;
}
} @media (max-width: 520px) {
.fpv42-manhattan-cover,
.fpv42-manhattan-cover .mp-home-cover-wrap,
.fpv42-manhattan-cover .mp-home-cover {
max-width: 100% !important;
}
.fpv42-book-feature__cover {
width: min(100%, 360px) !important;
max-width: 360px !important;
}
.fpv42-book-feature__cover img {
max-height: 540px !important;
}
}  .mp-home-cover__brand,
.mp-home-cover__title {
font-family:
"Limelight",
serif !important;
font-style: normal !important;
font-weight: 400 !important;
letter-spacing: 0.02em !important;
} .fpv42-hero__title,
.fpv42-manifest__heading h2,
.fpv42-section-heading h2,
.fpv42-manhattan__content h2,
.fpv42-book-feature__content h2,
.fpv42-place-card h3,
.fpv42-person h3,
.fpv42-gazette-card h3,
.fpv42-documentary__content h2,
.fpv42-newsletter__heading h2 {
font-family:
"Limelight",
serif !important;
font-style: normal !important;
font-weight: 400 !important;
} .mp-article .mp-cover__brand,
.mp-article .mp-cover__title {
font-family:
"Limelight",
serif !important;
font-style: normal !important;
font-weight: 400 !important;
letter-spacing: 0.02em !important;
} .mp-home-cover__issue,
.mp-article .mp-cover__issue,
.mp-article .mp-cover__baseline,
.mp-article .mp-cover__teasers,
.mp-article .mp-cover__cta,
.fpv42-eyebrow {
font-family:
"Poiret One",
sans-serif !important;
} .fpv42-home p,
.fpv42-home li,
.fpv42-home a,
.mp-home-cover {
font-family:
"Cormorant Garamond",
"Cormorant",
Georgia,
serif;
} .fpv42-button,
.fpv42-hero-book,
.fpv5-header-book,
.fp-global-header-book,
.fp-global-footer a {
font-family:
"Poiret One",
sans-serif !important;
}  .fpv42-manhattan {
display: grid !important;
grid-template-columns: minmax(0, 1.12fr) minmax(300px, 0.88fr) !important;
align-items: center !important;
gap: clamp(1.5rem, 3vw, 3rem) !important;
width: 100% !important;
min-height: auto !important;
height: auto !important;
margin: 0 !important;
padding:
clamp(2rem, 3.5vw, 3.5rem)
clamp(1.5rem, 4vw, 4rem) !important;
overflow: hidden !important;
background: #071426 !important;
} .fpv42-manhattan-cover {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
max-width: 720px !important;
height: auto !important;
margin: 0 auto !important;
overflow: visible !important;
}
.fpv42-manhattan-cover .mp-home-cover-wrap {
width: 100% !important;
max-width: 720px !important;
margin: 0 auto !important;
}
.fpv42-manhattan-cover .mp-home-cover {
width: 100% !important;
max-width: 720px !important; min-height: 0 !important;
height: auto !important;
aspect-ratio: 4 / 5 !important;
margin: 0 auto !important;
}
.fpv42-manhattan-cover .mp-home-cover__content {
padding:
clamp(2rem, 3.5vw, 3.5rem)
clamp(1.6rem, 3vw, 3rem)
clamp(2rem, 3.5vw, 3.5rem) !important;
}
.fpv42-manhattan-cover .mp-home-cover__brand {
font-size: clamp(2.4rem, 4.5vw, 5rem) !important;
}
.fpv42-manhattan-cover .mp-home-cover__title {
max-width: 90% !important;
font-size: clamp(2.5rem, 4.4vw, 4.8rem) !important;
}
.fpv42-manhattan__content {
align-self: center !important;
padding: clamp(1rem, 2vw, 2rem) !important;
} .fpv42-book-feature {
position: relative !important;
display: grid !important;
grid-template-columns: minmax(0, 0.92fr) minmax(300px, 1.08fr) !important;
align-items: center !important;
gap: clamp(1.5rem, 3vw, 3rem) !important;
width: 100% !important;
min-height: auto !important;
height: auto !important;
margin: 0 !important;
padding:
clamp(2rem, 3.5vw, 3.5rem)
clamp(1.5rem, 4vw, 4rem) !important;
overflow: hidden !important;
background: #f4ecdc !important;
} .fpv42-book-feature__content {
align-self: center !important;
min-width: 0 !important;
padding: clamp(1rem, 2vw, 2rem) !important;
}
.fpv42-book-feature__cover {
position: relative !important;
inset: auto !important;
align-self: center !important;
justify-self: center !important;
display: block !important;
width: min(100%, 520px) !important;
max-width: 520px !important;
height: auto !important;
max-height: min(68vh, 680px) !important;
margin: 0 auto !important;
padding: 0 !important;
overflow: visible !important;
transform: none !important;
}
.fpv42-book-feature__cover img {
position: static !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
max-height: min(68vh, 680px) !important;
margin: 0 auto !important;
object-fit: contain !important;
object-position: center center !important;
transform: none !important;
} .fpv42-years-introduction {
position: relative !important;
z-index: 5 !important;
clear: both !important;
width: 100% !important;
margin-top: 0 !important;
padding-top: clamp(2rem, 4vw, 4rem) !important;
overflow: hidden !important;
background: inherit;
}
.fpv42-dual-feature {
position: relative !important;
z-index: 1 !important;
overflow: hidden !important;
} @media (max-width: 1100px) {
.fpv42-manhattan {
grid-template-columns: minmax(0, 1fr) minmax(260px, 0.8fr) !important;
}
.fpv42-manhattan-cover,
.fpv42-manhattan-cover .mp-home-cover-wrap,
.fpv42-manhattan-cover .mp-home-cover {
max-width: 620px !important;
}
.fpv42-book-feature {
grid-template-columns: minmax(0, 0.9fr) minmax(280px, 1.1fr) !important;
}
.fpv42-book-feature__cover {
width: min(100%, 460px) !important;
max-width: 460px !important;
}
} @media (max-width: 820px) {
.fpv42-manhattan,
.fpv42-book-feature {
grid-template-columns: minmax(0, 1fr) !important;
padding:
clamp(2rem, 6vw, 3rem)
clamp(1rem, 5vw, 2rem) !important;
}
.fpv42-manhattan-cover,
.fpv42-manhattan-cover .mp-home-cover-wrap,
.fpv42-manhattan-cover .mp-home-cover {
max-width: 560px !important;
}
.fpv42-manhattan-cover .mp-home-cover {
aspect-ratio: 4 / 5 !important;
}
.fpv42-book-feature__cover {
width: min(100%, 430px) !important;
max-width: 430px !important;
max-height: none !important;
}
.fpv42-book-feature__cover img {
max-height: 620px !important;
}
.fpv42-manhattan__content,
.fpv42-book-feature__content {
text-align: center !important;
}
} @media (max-width: 520px) {
.fpv42-manhattan-cover,
.fpv42-manhattan-cover .mp-home-cover-wrap,
.fpv42-manhattan-cover .mp-home-cover {
max-width: 100% !important;
}
.fpv42-book-feature__cover {
width: min(100%, 360px) !important;
max-width: 360px !important;
}
.fpv42-book-feature__cover img {
max-height: 540px !important;
}
}  .mp-home-cover__brand,
.mp-home-cover__title {
font-family:
"Limelight",
serif !important;
font-style: normal !important;
font-weight: 400 !important;
letter-spacing: 0.02em !important;
} .fpv42-hero__title,
.fpv42-manifest__heading h2,
.fpv42-section-heading h2,
.fpv42-manhattan__content h2,
.fpv42-book-feature__content h2,
.fpv42-place-card h3,
.fpv42-person h3,
.fpv42-gazette-card h3,
.fpv42-documentary__content h2,
.fpv42-newsletter__heading h2 {
font-family:
"Limelight",
serif !important;
font-style: normal !important;
font-weight: 400 !important;
} .mp-article .mp-cover__brand,
.mp-article .mp-cover__title {
font-family:
"Limelight",
serif !important;
font-style: normal !important;
font-weight: 400 !important;
letter-spacing: 0.02em !important;
} .mp-home-cover__issue,
.mp-article .mp-cover__issue,
.mp-article .mp-cover__baseline,
.mp-article .mp-cover__teasers,
.mp-article .mp-cover__cta,
.fpv42-eyebrow {
font-family:
"Poiret One",
sans-serif !important;
} .fpv42-home p,
.fpv42-home li,
.fpv42-home a,
.mp-home-cover {
font-family:
"Cormorant Garamond",
"Cormorant",
Georgia,
serif;
} .fpv42-button,
.fpv42-hero-book,
.fpv5-header-book,
.fp-global-header-book,
.fp-global-footer a {
font-family:
"Poiret One",
sans-serif !important;
} .mp-home-cover__veil {
background:
linear-gradient(
90deg,
rgba(8, 20, 38, 0.62) 0%,
rgba(8, 20, 38, 0.46) 30%,
rgba(8, 20, 38, 0.22) 62%,
rgba(8, 20, 38, 0.06) 100%
),
linear-gradient(
180deg,
rgba(8, 20, 38, 0.18) 0%,
transparent 35%,
rgba(8, 20, 38, 0.42) 100%
) !important;
} @media (max-width: 700px) {
.mp-home-cover__veil {
background:
linear-gradient(
90deg,
rgba(8, 20, 38, 0.58) 0%,
rgba(8, 20, 38, 0.34) 55%,
rgba(8, 20, 38, 0.12) 100%
),
linear-gradient(
180deg,
rgba(8, 20, 38, 0.18) 0%,
transparent 28%,
rgba(8, 20, 38, 0.5) 100%
) !important;
}
}  :root {
--fp-motion-or: #c6a25c;
--fp-motion-or-clair: #ead8b1;
--fp-motion-nuit: #071426;
--fp-motion-ivoire: #f4ecdc;
--fp-motion-duration: 700ms;
--fp-motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
} .fp-reveal {
opacity: 0;
transform: translateY(28px);
transition:
opacity var(--fp-motion-duration) var(--fp-motion-ease),
transform var(--fp-motion-duration) var(--fp-motion-ease);
will-change: opacity, transform;
}
.fp-reveal.is-visible {
opacity: 1;
transform: translateY(0);
} .fp-reveal-stagger > * {
opacity: 0;
transform: translateY(18px);
transition:
opacity 600ms var(--fp-motion-ease),
transform 600ms var(--fp-motion-ease);
}
.fp-reveal-stagger.is-visible > * {
opacity: 1;
transform: translateY(0);
}
.fp-reveal-stagger.is-visible > *:nth-child(1) {
transition-delay: 80ms;
}
.fp-reveal-stagger.is-visible > *:nth-child(2) {
transition-delay: 150ms;
}
.fp-reveal-stagger.is-visible > *:nth-child(3) {
transition-delay: 220ms;
}
.fp-reveal-stagger.is-visible > *:nth-child(4) {
transition-delay: 290ms;
} .fpv42-place-card img,
.fpv42-person img,
.fpv42-gazette-card img,
.mp-home-cover__image,
.fpv42-book-feature__cover img {
transition:
transform 550ms var(--fp-motion-ease),
filter 550ms var(--fp-motion-ease);
will-change: transform;
}
.fpv42-place-card:hover img,
.fpv42-place-card:focus-within img,
.fpv42-person:hover img,
.fpv42-person:focus-within img,
.fpv42-gazette-card:hover img,
.fpv42-gazette-card:focus-within img,
.mp-home-cover:hover .mp-home-cover__image,
.mp-home-cover:focus-visible .mp-home-cover__image,
.fpv42-book-feature:hover .fpv42-book-feature__cover img {
transform: scale(1.035);
} .fpv5-main-navigation a,
.fpv42-portal strong,
.fpv42-place-card strong,
.fpv42-person strong,
.fpv42-gazette-card h3 a,
.fpv42-manhattan__content .fpv42-button,
.fpv42-book-feature__content .fpv42-button {
position: relative;
text-decoration: none;
}
.fpv5-main-navigation a::after,
.fpv42-portal strong::after,
.fpv42-place-card strong::after,
.fpv42-person strong::after,
.fpv42-gazette-card h3 a::after,
.fpv42-manhattan__content .fpv42-button::after,
.fpv42-book-feature__content .fpv42-button::after {
content: "";
position: absolute;
left: 0;
bottom: -6px;
width: 100%;
height: 1px;
background: var(--fp-motion-or);
transform: scaleX(0);
transform-origin: left center;
transition: transform 260ms ease;
}
.fpv5-main-navigation a:hover::after,
.fpv5-main-navigation a:focus-visible::after,
.fpv42-portal:hover strong::after,
.fpv42-portal:focus-visible strong::after,
.fpv42-place-card:hover strong::after,
.fpv42-place-card:focus-visible strong::after,
.fpv42-person:hover strong::after,
.fpv42-person:focus-within strong::after,
.fpv42-gazette-card h3 a:hover::after,
.fpv42-gazette-card h3 a:focus-visible::after,
.fpv42-manhattan__content .fpv42-button:hover::after,
.fpv42-book-feature__content .fpv42-button:hover::after {
transform: scaleX(1);
} .fpv42-portal > span,
.fpv42-place-card__content > span {
animation: fpDiamondPulse 3.8s ease-in-out infinite;
transform-origin: center;
}
@keyframes fpDiamondPulse {
0%,
100% {
opacity: 0.58;
transform: scale(1);
}
50% {
opacity: 1;
transform: scale(1.08);
}
} .fp-svg-separator {
position: relative;
display: block;
width: min(800px, 86%);
height: 42px;
margin: clamp(2rem, 5vw, 4rem) auto;
}
.fp-svg-separator::before {
content: "";
position: absolute;
inset: 0;
background-color: var(--fp-motion-or);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 40'%3E%3Cline x1='0' y1='20' x2='330' y2='20' stroke='black' stroke-width='1'/%3E%3Cpolygon points='400,5 415,20 400,35 385,20' fill='black'/%3E%3Cline x1='470' y1='20' x2='800' y2='20' stroke='black' stroke-width='1'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 40'%3E%3Cline x1='0' y1='20' x2='330' y2='20' stroke='black' stroke-width='1'/%3E%3Cpolygon points='400,5 415,20 400,35 385,20' fill='black'/%3E%3Cline x1='470' y1='20' x2='800' y2='20' stroke='black' stroke-width='1'/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
} .fp-svg-fan {
display: block;
width: 116px;
height: 52px;
margin:
0
auto
clamp(1rem, 2vw, 1.5rem);
background-color: var(--fp-motion-or);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 55'%3E%3Cpath d='M70 50 L70 5 M70 50 L40 12 M70 50 L100 12 M70 50 L18 30 M70 50 L122 30 M18 50 Q70 2 122 50' fill='none' stroke='black' stroke-width='1.3'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 55'%3E%3Cpath d='M70 50 L70 5 M70 50 L40 12 M70 50 L100 12 M70 50 L18 30 M70 50 L122 30 M18 50 Q70 2 122 50' fill='none' stroke='black' stroke-width='1.3'/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
} .fp-svg-route {
position: relative;
display: block;
width: min(520px, 100%);
height: 82px;
margin: clamp(1rem, 2vw, 1.5rem) auto;
overflow: hidden;
}
.fp-svg-route::before {
content: "";
position: absolute;
inset: 0;
background-color: var(--fp-motion-or);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 80'%3E%3Ccircle cx='20' cy='40' r='5' fill='black'/%3E%3Cpath d='M25 40 C150 0,350 80,475 40' fill='none' stroke='black' stroke-width='1.2' stroke-dasharray='8 8'/%3E%3Ccircle cx='480' cy='40' r='5' fill='black'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 80'%3E%3Ccircle cx='20' cy='40' r='5' fill='black'/%3E%3Cpath d='M25 40 C150 0,350 80,475 40' fill='none' stroke='black' stroke-width='1.2' stroke-dasharray='8 8'/%3E%3Ccircle cx='480' cy='40' r='5' fill='black'/%3E%3C/svg%3E");
-webkit-mask-repeat: repeat-x;
mask-repeat: repeat-x;
-webkit-mask-position: 0 center;
mask-position: 0 center;
-webkit-mask-size: 500px 80px;
mask-size: 500px 80px;
animation: fpRouteFlow 9s linear infinite;
}
@keyframes fpRouteFlow {
to {
-webkit-mask-position: -500px center;
mask-position: -500px center;
}
} .fp-deco-corners {
position: relative;
}
.fp-deco-corners::before,
.fp-deco-corners::after {
content: "";
position: absolute;
z-index: 6;
width: 70px;
height: 70px;
pointer-events: none;
border-color: var(--fp-motion-or);
border-style: solid;
opacity: 0.72;
}
.fp-deco-corners::before {
top: 16px;
left: 16px;
border-width: 1px 0 0 1px;
}
.fp-deco-corners::after {
right: 16px;
bottom: 16px;
border-width: 0 1px 1px 0;
} .fpv42-button,
.fpv5-header-book,
.fpv42-hero-book {
position: relative;
overflow: hidden;
}
.fpv42-button::before,
.fpv5-header-book::before,
.fpv42-hero-book::before {
content: "";
position: absolute;
top: -40%;
left: -65%;
width: 42%;
height: 180%;
pointer-events: none;
background:
linear-gradient(
90deg,
transparent,
rgba(255, 255, 255, 0.28),
transparent
);
transform: skewX(-20deg);
transition: left 650ms ease;
}
.fpv42-button:hover::before,
.fpv42-button:focus-visible::before,
.fpv5-header-book:hover::before,
.fpv5-header-book:focus-visible::before,
.fpv42-hero-book:hover::before,
.fpv42-hero-book:focus-visible::before {
left: 125%;
} @media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
scroll-behavior: auto !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
.fp-reveal,
.fp-reveal-stagger > * {
opacity: 1 !important;
transform: none !important;
}
} @media (max-width: 700px) {
.fp-svg-separator {
width: 92%;
height: 34px;
}
.fp-svg-fan {
width: 92px;
height: 44px;
}
.fp-svg-route {
height: 64px;
}
} html,
body {
max-width: 100%;
overflow-x: clip;
}
img,
svg,
video,
iframe {
max-width: 100%;
height: auto;
} .fpv52-clickable-card,
.fpv42-chronicle,
.fpv42-book-feature,
.fpv42-reclame,
.fp-reclame {
position: relative;
isolation: isolate;
}
.fpv42-card-link,
.fpv52-full-card-link {
position: absolute !important;
inset: 0 !important;
z-index: 8 !important;
display: block !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
font-size: 0 !important;
text-indent: -9999px;
}
.fpv52-card-control,
.fpv52-clickable-card button,
.fpv52-clickable-card input,
.fpv52-clickable-card select,
.fpv52-clickable-card textarea {
position: relative;
z-index: 10;
}
.fpv42-chronicle::before,
.fpv42-book-feature::before,
.fpv42-reclame::before,
.fp-reclame::before {
pointer-events: none;
} .fpv52-hide-next-dossier,
.post-navigation .nav-next,
.entry-related .next-post,
[class*="dossier-suivant"] {
display: none !important;
} .fpv52-category-explorer {
display: flex;
align-items: center;
justify-content: center;
gap: 0.85rem;
width: min(1180px, calc(100% - 40px));
margin: 1rem auto 2rem;
padding: 0.8rem 1rem;
border-top: 1px solid rgba(184, 150, 82, 0.45);
border-bottom: 1px solid rgba(184, 150, 82, 0.45);
font-family: "Poiret One", sans-serif;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.fpv52-category-explorer span {
color: #071426;
font-weight: 700;
}
.fpv52-category-explorer a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
padding: 0.55rem 0.9rem;
color: #071426;
border: 1px solid #b89652;
text-decoration: none;
} @media (max-width: 780px) {
body {
font-size: 18px;
}
.entry-content,
.entry-header,
.archive-description,
.category-description,
.privacy-policy .entry-content,
body.page-privacy-policy .entry-content,
body.privacy-policy .content-area,
body.page-id-3 .entry-content {
box-sizing: border-box;
width: 100%;
padding-right: 20px !important;
padding-left: 20px !important;
}
main,
.site-main,
.content-area {
min-width: 0;
}
p,
li {
overflow-wrap: break-word;
}
} @media (max-width: 780px) {
.single-post h1.entry-title,
.single-post .entry-header h1,
.single-post .hero-title,
.single-post [class*="article-hero"] h1,
.category h1,
.archive h1,
.archive-title,
.category-title {
max-width: 100% !important;
margin-right: auto !important;
margin-left: auto !important;
padding-right: 18px !important;
padding-left: 18px !important;
font-size: clamp(2rem, 9vw, 3.25rem) !important;
line-height: 1.04 !important;
letter-spacing: 0 !important;
overflow-wrap: normal !important;
word-break: normal !important;
hyphens: none !important;
text-wrap: balance;
}
.single-post h2,
.single-post .entry-content h2,
.single-post [class*="section-title"],
.single-post [class*="chapter-title"] {
font-size: clamp(1.75rem, 7.4vw, 2.45rem) !important;
line-height: 1.1 !important;
overflow-wrap: normal;
word-break: normal;
hyphens: none;
text-wrap: balance;
}
} @media (max-width: 780px) {
body.category-chroniques-de-la-prohibition h1,
body.single-post.category-chroniques-de-la-prohibition h1 {
font-size: clamp(2rem, 8.2vw, 3rem) !important;
}
body.single-post.category-chroniques-de-la-prohibition
.entry-content [style*="background"],
body.single-post.category-chroniques-de-la-prohibition
.entry-content [class*="red"],
body.single-post.category-chroniques-de-la-prohibition
.entry-content [class*="rouge"] {
padding: 1.25rem !important;
font-size: clamp(1.25rem, 5.5vw, 1.7rem) !important;
line-height: 1.25 !important;
overflow-wrap: normal;
word-break: normal;
hyphens: none;
}
} @media (max-width: 780px) {
body.single-post.category-au-coeur-des-villes h1,
body.single-post.category-coeur-des-villes h1 {
font-size: clamp(2rem, 8.5vw, 3rem) !important;
}
} @media (max-width: 780px) {
body.category-les-routes-du-trafic h1,
body.category-routes-du-trafic h1 {
padding-inline: 24px !important;
font-size: clamp(1.9rem, 8vw, 2.9rem) !important;
}
body.single-post.category-les-routes-du-trafic h2,
body.single-post.category-routes-du-trafic h2 {
font-size: clamp(1.65rem, 7vw, 2.25rem) !important;
}
body.single-post.category-les-routes-du-trafic
[class*="route"] strong,
body.single-post.category-routes-du-trafic
[class*="route"] strong,
body.single-post.category-les-routes-du-trafic
[class*="meta"] strong,
body.single-post.category-routes-du-trafic
[class*="meta"] strong {
color: #7a3c22 !important;
font-weight: 700 !important;
}
body.single-post.category-les-routes-du-trafic
[class*="step"],
body.single-post.category-routes-du-trafic
[class*="step"],
body.single-post.category-les-routes-du-trafic
[class*="etape"],
body.single-post.category-routes-du-trafic
[class*="etape"] {
font-size: 19px !important;
line-height: 1.55 !important;
}
body.single-post.category-les-routes-du-trafic
.fpv42-book-feature,
body.single-post.category-routes-du-trafic
.fpv42-book-feature,
body.single-post.category-les-routes-du-trafic
.fp-reclame,
body.single-post.category-routes-du-trafic
.fp-reclame {
margin-right: auto !important;
margin-left: auto !important;
}
body.single-post.category-les-routes-du-trafic
.fpv42-button,
body.single-post.category-routes-du-trafic
.fpv42-button {
margin-right: auto !important;
margin-left: auto !important;
}
} @media (max-width: 780px) {
body.category-chroniques-de-la-prohibition
.archive-hero img,
body.category-chroniques-de-la-prohibition
.category-hero img,
body.single-post.category-chroniques-de-la-prohibition
.entry-hero img,
body.single-post.category-chroniques-de-la-prohibition
.post-thumbnail img {
width: 100% !important;
height: clamp(300px, 78vw, 470px) !important;
object-fit: cover !important;
object-position: 68% center !important;
}
body.category-manhattan-paris
.archive-hero img,
body.category-manhattan-paris
.category-hero img,
body.page-manhattan-paris
.hero img,
body.post-type-archive-manhattan
.hero img {
width: 100% !important;
height: clamp(300px, 75vw, 460px) !important;
object-fit: cover !important;
object-position: 64% center !important;
}
} @media (max-width: 780px) {
body.category-manhattan-paris h1,
body.page-manhattan-paris h1,
body.post-type-archive-manhattan h1 {
padding-right: 24px !important;
padding-left: 24px !important;
}
body.category-manhattan-paris article img,
body.page-manhattan-paris article img,
body.post-type-archive-manhattan article img,
.mp-home-cover {
width: min(100%, 520px) !important;
max-width: 100% !important;
margin-right: auto !important;
margin-left: auto !important;
}
body.single-post.category-manhattan-paris
.entry-content,
body.single-post.category-manhattan-paris
.entry-content p,
body.single-post.category-manhattan-paris
.entry-content li {
font-size: 20px !important;
line-height: 1.65 !important;
}
body.single-post.category-manhattan-paris
.entry-content > p:first-of-type,
body.single-post.category-manhattan-paris
.chapo,
body.single-post.category-manhattan-paris
[class*="chapo"],
body.single-post.category-manhattan-paris
[class*="lead"] {
font-size: 20px !important;
line-height: 1.6 !important;
}
} @media (max-width: 780px) {
.fpv42-book-feature,
.fpv42-reclame,
.fp-reclame,
[class*="reclame-card"],
[class*="book-feature"] {
box-sizing: border-box;
width: calc(100% - 32px) !important;
max-width: 100% !important;
margin-right: auto !important;
margin-left: auto !important;
padding-right: 18px !important;
padding-left: 18px !important;
}
.fpv42-book-feature h2,
.fpv42-reclame h2,
.fp-reclame h2,
[class*="reclame-card"] h2,
[class*="book-feature"] h2 {
max-width: 100% !important;
font-size: clamp(1.8rem, 8vw, 2.8rem) !important;
line-height: 1.08 !important;
overflow-wrap: normal;
word-break: normal;
hyphens: none;
text-wrap: balance;
}
} .fpv52-gazette-title {
position: relative;
z-index: 2;
margin: 0 auto;
padding: 1.5rem 20px;
color: #f5ead5;
font-family: "Limelight", serif;
font-size: clamp(2.2rem, 8vw, 4.8rem);
font-weight: 400;
line-height: 1.05;
text-align: center;
text-wrap: balance;
}
@media (max-width: 780px) {
body.category-the-french-gazette
.archive-hero,
body.category-the-french-gazette
.category-hero,
body.category-the-french-gazette
[class*="gazette"][class*="hero"] {
min-height: 180px;
padding: 2rem 0;
}
body.category-the-french-gazette
article p,
body.category-the-french-gazette
article li {
font-size: 18px !important;
line-height: 1.55 !important;
}
} @media (max-width: 640px) {
.fpv52-category-explorer {
flex-direction: column;
gap: 0.6rem;
width: calc(100% - 32px);
text-align: center;
}
.fpv52-category-explorer a {
width: 100%;
}
} @media (prefers-reduced-motion: reduce) {
* {
scroll-behavior: auto !important;
}
}   .fp-home-years-wall,
.fp-home-years-wall.fp-reveal,
.fp-home-years-wall .fp-year-board,
.fp-home-years-wall .fp-year-key {
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
}
.fp-home-years-wall {
display: block !important;
position: relative !important;
z-index: 1 !important;
}
.fp-home-years-wall .wp-block-kadence-column,
.fp-home-years-wall .kt-inside-inner-col,
.fp-year-board {
display: grid;
visibility: visible !important;
}
.fp-home-years-wall .kt-inside-inner-col {
display: block !important;
}
.fp-year-board {
display: grid !important;
} .fpv42-book-feature,
.fpv42-book-feature.fp-reveal,
.fpv42-reclame,
.fp-reclame {
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
display: grid !important;
position: relative !important;
isolation: isolate;
z-index: 1;
} .fpv42-book-feature > .fpv42-card-link,
.fpv42-reclame > .fpv42-card-link,
.fp-reclame > .fpv42-card-link {
position: absolute !important;
inset: 0 !important;
z-index: 2 !important;
display: block !important;
background: transparent !important;
opacity: 1 !important;
}
.fpv42-book-feature__content,
.fpv42-book-feature__cover,
.fpv42-reclame > *:not(.fpv42-card-link),
.fp-reclame > *:not(.fpv42-card-link) {
position: relative;
z-index: 3;
pointer-events: none;
} .fpv42-book-feature__content a,
.fpv42-reclame a:not(.fpv42-card-link),
.fp-reclame a:not(.fpv42-card-link) {
pointer-events: auto;
position: relative;
z-index: 4;
}  .fpv42-places .fpv42-eyebrow,
.fpv42-people .fpv42-eyebrow,
.fpv42-screen-section:not(.fpv42-screen-section--dark) .fpv42-eyebrow,
.fpv42-section-heading .fpv42-eyebrow {
color: #8a6425 !important;
opacity: 1 !important;
text-shadow: none !important;
}
.fpv42-places .fpv42-section-heading h2,
.fpv42-people .fpv42-section-heading h2,
.fpv42-screen-section:not(.fpv42-screen-section--dark)
.fpv42-section-heading h2 {
color: #071a30 !important;
opacity: 1 !important;
text-shadow: none !important;
} .fpv42-places .fpv42-eyebrow--large,
.fpv42-people .fpv42-eyebrow--large {
color: #8a6425 !important;
font-weight: 700 !important;
}  .no-js .fp-reveal,
.fp-home-years-wall.fp-reveal,
.fpv42-book-feature.fp-reveal {
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
} @media (max-width: 780px) {
.fp-home-years-wall {
padding-inline: 10px !important;
}
.fpv42-book-feature {
display: flex !important;
flex-direction: column !important;
}
.fpv42-places .fpv42-eyebrow,
.fpv42-people .fpv42-eyebrow {
font-size: clamp(1rem, 4.8vw, 1.35rem) !important;
line-height: 1.25 !important;
}
}  .fp-home-newsletter,
.fp-home-newsletter.fp-reveal,
body .fp-home-newsletter {
display: block !important;
position: relative !important;
z-index: 5 !important;
width: 100% !important;
max-width: none !important;
min-height: 1px !important;
margin: 0 !important;
padding:
clamp(3.5rem, 7vw, 6.5rem)
clamp(1.25rem, 5vw, 4rem) !important;
overflow: visible !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
color: #f6eddc !important;
background:
radial-gradient(
circle at 50% 0%,
rgba(184, 150, 82, 0.16),
transparent 42%
),
#071426 !important;
border-top: 1px solid rgba(184, 150, 82, 0.5);
border-bottom: 1px solid rgba(184, 150, 82, 0.35);
text-align: center;
box-sizing: border-box;
}
.fp-home-newsletter > * {
position: relative;
z-index: 2;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
}
.fp-home-newsletter .fp-svg-fan {
display: block !important;
margin: 0 auto 1.25rem;
opacity: 1 !important;
visibility: visible !important;
}
.fp-home-newsletter h2 {
display: block !important;
max-width: 850px;
margin: 0 auto 1rem !important;
padding: 0 !important;
color: #f6eddc !important;
font-family: "Limelight", serif !important;
font-size: clamp(2rem, 4.5vw, 4rem) !important;
font-weight: 400 !important;
line-height: 1.08 !important;
letter-spacing: 0 !important;
opacity: 1 !important;
visibility: visible !important;
text-wrap: balance;
}
.fp-home-newsletter__intro {
display: block !important;
max-width: 720px;
margin: 0 auto clamp(1.5rem, 3vw, 2.25rem) !important;
padding: 0 !important;
color: rgba(246, 237, 220, 0.88) !important;
font-family: "Cormorant Garamond", Georgia, serif !important;
font-size: clamp(1.1rem, 1.8vw, 1.35rem) !important;
line-height: 1.55 !important;
opacity: 1 !important;
visibility: visible !important;
text-wrap: pretty;
} .fp-home-newsletter .fluentform,
.fp-home-newsletter .frm-fluent-form,
.fp-home-newsletter form {
display: block !important;
width: min(700px, 100%) !important;
max-width: 700px !important;
margin: 0 auto !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
}
.fp-home-newsletter .ff-el-group,
.fp-home-newsletter .ff-t-container,
.fp-home-newsletter .ff-t-cell,
.fp-home-newsletter .ff-el-input--content {
display: block !important;
width: 100% !important;
max-width: 100% !important;
opacity: 1 !important;
visibility: visible !important;
}
.fp-home-newsletter .ff-el-group {
margin-bottom: 0.9rem !important;
}
.fp-home-newsletter input[type="email"],
.fp-home-newsletter input[type="text"] {
display: block !important;
width: 100% !important;
min-height: 54px !important;
padding: 0.8rem 1rem !important;
color: #071426 !important;
background: #f7efdf !important;
border: 1px solid #b89652 !important;
border-radius: 0 !important;
box-shadow: none !important;
font-family: "Cormorant Garamond", Georgia, serif !important;
font-size: 1.08rem !important;
box-sizing: border-box !important;
}
.fp-home-newsletter button,
.fp-home-newsletter input[type="submit"],
.fp-home-newsletter .ff-btn-submit {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 52px !important;
padding: 0.8rem 1.5rem !important;
color: #071426 !important;
background: #b89652 !important;
border: 1px solid #b89652 !important;
border-radius: 0 !important;
font-family: "Poiret One", sans-serif !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
letter-spacing: 0.1em;
text-transform: uppercase;
opacity: 1 !important;
visibility: visible !important;
} @media (max-width: 640px) {
.fp-home-newsletter,
body .fp-home-newsletter {
display: block !important;
padding: 3.25rem 1rem !important;
}
.fp-home-newsletter h2 {
font-size: clamp(1.85rem, 9vw, 2.7rem) !important;
line-height: 1.08 !important;
}
.fp-home-newsletter__intro {
font-size: 1.08rem !important;
line-height: 1.55 !important;
}
.fp-home-newsletter .ff-t-container,
.fp-home-newsletter .ff-t-cell {
display: block !important;
width: 100% !important;
padding: 0 !important;
}
.fp-home-newsletter button,
.fp-home-newsletter input[type="submit"],
.fp-home-newsletter .ff-btn-submit {
width: 100% !important;
}
} .fg-weekly {
--fg-ink: #191713;
--fg-paper: #f4efe3;
--fg-paper-dark: #e8dfcf;
--fg-red: #7f211f;
--fg-gold: #b5965b;
--fg-muted: #6d675e;
--fg-border: rgba(25, 23, 19, 0.18);
width: min(1240px, calc(100% - 32px));
margin: 0 auto;
color: var(--fg-ink);
} .fg-weekly__header {
max-width: 900px;
margin: 0 auto 56px;
text-align: center;
}
.fg-weekly__eyebrow {
margin: 0 0 14px;
color: var(--fg-red);
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.22em;
text-transform: uppercase;
}
.fg-weekly__title {
margin: 0;
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(2.8rem, 7vw, 6rem);
font-weight: 500;
line-height: 0.94;
letter-spacing: -0.045em;
}
.fg-weekly__intro {
max-width: 720px;
margin: 28px auto 0;
color: var(--fg-muted);
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(1.05rem, 2vw, 1.3rem);
line-height: 1.65;
} .fg-weekly__hero {
margin-bottom: 64px;
border-top: 1px solid var(--fg-border);
border-bottom: 1px solid var(--fg-border);
padding: 28px 0;
}
.fg-weekly__hero-link {
display: grid;
grid-template-columns: minmax(320px, 0.8fr) minmax(0, 1.2fr);
gap: clamp(32px, 6vw, 88px);
align-items: center;
color: inherit;
text-decoration: none;
}
.fg-weekly__hero-media {
position: relative;
overflow: hidden;
aspect-ratio: 4 / 5;
background: var(--fg-paper-dark);
}
.fg-weekly__hero-media::after,
.fg-card__media::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
box-shadow: inset 0 0 0 1px rgba(25, 23, 19, 0.08);
}
.fg-weekly__hero-media img,
.fg-card__media img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
transition:
transform 0.7s ease,
filter 0.7s ease;
}
.fg-weekly__hero-link:hover .fg-weekly__hero-media img,
.fg-card__link:hover .fg-card__media img {
transform: scale(1.025);
filter: contrast(1.025);
}
.fg-weekly__date,
.fg-card__meta {
margin: 0 0 14px;
color: var(--fg-red);
font-size: 0.76rem;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.fg-weekly__hero-title {
max-width: 720px;
margin: 0;
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(2.2rem, 4.8vw, 4.7rem);
font-weight: 500;
line-height: 1;
letter-spacing: -0.04em;
}
.fg-weekly__hero-summary {
max-width: 650px;
margin: 28px 0 0;
color: var(--fg-muted);
font-size: clamp(1rem, 1.4vw, 1.18rem);
line-height: 1.7;
}
.fg-weekly__readmore,
.fg-card__readmore {
display: inline-flex;
align-items: center;
gap: 10px;
margin-top: 26px;
color: var(--fg-ink);
font-size: 0.76rem;
font-weight: 700;
letter-spacing: 0.13em;
text-transform: uppercase;
}
.fg-weekly__readmore::after,
.fg-card__readmore::after {
content: "→";
font-size: 1rem;
transition: transform 0.25s ease;
}
.fg-weekly__hero-link:hover .fg-weekly__readmore::after,
.fg-card__link:hover .fg-card__readmore::after {
transform: translateX(5px);
} .fg-weekly__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 64px 36px;
}
.fg-card {
min-width: 0;
}
.fg-card__link {
display: block;
height: 100%;
color: inherit;
text-decoration: none;
}
.fg-card__media {
position: relative;
overflow: hidden;
margin-bottom: 24px;
background: var(--fg-paper-dark);
}
.fg-card--vertical .fg-card__media {
aspect-ratio: 4 / 5;
}
.fg-card--horizontal .fg-card__media {
aspect-ratio: 3 / 2;
}
.fg-card__title {
margin: 0;
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(1.55rem, 2.5vw, 2.4rem);
font-weight: 500;
line-height: 1.08;
letter-spacing: -0.025em;
}
.fg-card__excerpt {
margin: 18px 0 0;
color: var(--fg-muted);
font-size: 1rem;
line-height: 1.65;
} .fg-weekly__timeline {
margin-top: 88px;
padding: 40px;
border-top: 4px solid var(--fg-ink);
border-bottom: 1px solid var(--fg-border);
background: var(--fg-paper);
}
.fg-weekly__timeline-label {
margin: 0 0 24px;
color: var(--fg-red);
font-size: 0.76rem;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
}
.fg-weekly__timeline-items {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 24px;
}
.fg-weekly__timeline-item {
display: block;
padding-left: 18px;
border-left: 1px solid var(--fg-border);
color: inherit;
text-decoration: none;
}
.fg-weekly__timeline-date {
display: block;
margin-bottom: 8px;
color: var(--fg-red);
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.fg-weekly__timeline-title {
display: block;
font-family: Georgia, "Times New Roman", serif;
font-size: 1.1rem;
line-height: 1.35;
} .fg-weekly__navigation {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
margin-top: 72px;
border-top: 1px solid var(--fg-border);
border-bottom: 1px solid var(--fg-border);
}
.fg-weekly__nav-link {
display: flex;
flex-direction: column;
gap: 7px;
padding: 26px 0;
color: inherit;
text-decoration: none;
}
.fg-weekly__nav-link + .fg-weekly__nav-link {
border-left: 1px solid var(--fg-border);
}
.fg-weekly__nav-link--next {
padding-left: 36px;
text-align: right;
}
.fg-weekly__nav-link span {
color: var(--fg-muted);
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.fg-weekly__nav-link strong {
font-family: Georgia, "Times New Roman", serif;
font-size: 1.2rem;
font-weight: 500;
} @media (max-width: 900px) {
.fg-weekly__hero-link {
grid-template-columns: 1fr;
}
.fg-weekly__hero-media {
width: min(520px, 100%);
}
.fg-weekly__grid {
grid-template-columns: 1fr;
}
.fg-weekly__timeline-items {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 600px) {
.fg-weekly {
width: min(100% - 22px, 1240px);
}
.fg-weekly__header {
margin-bottom: 38px;
}
.fg-weekly__hero {
margin-bottom: 48px;
padding: 20px 0;
}
.fg-weekly__hero-link {
gap: 28px;
}
.fg-weekly__grid {
gap: 48px;
}
.fg-weekly__timeline {
margin-top: 60px;
padding: 30px 20px;
}
.fg-weekly__timeline-items {
grid-template-columns: 1fr;
}
.fg-weekly__timeline-item {
padding: 14px 0 14px 16px;
}
.fg-weekly__navigation {
grid-template-columns: 1fr;
}
.fg-weekly__nav-link + .fg-weekly__nav-link {
border-top: 1px solid var(--fg-border);
border-left: 0;
}
.fg-weekly__nav-link--next {
padding-left: 0;
text-align: left;
}
} .fg-weekly a:focus-visible {
outline: 2px solid var(--fg-red);
outline-offset: 5px;
}
@media (prefers-reduced-motion: reduce) {
.fg-weekly__hero-media img,
.fg-card__media img,
.fg-weekly__readmore::after,
.fg-card__readmore::after {
transition: none;
}
}  .fpfg-french-gazette .fpfg-brand {
position: relative;
z-index: 3;
color: #181714 !important;
background: #f4ead7 !important;
opacity: 1 !important;
visibility: visible !important;
mix-blend-mode: normal !important;
}
.fpfg-french-gazette .fpfg-brand-small,
.fpfg-french-gazette .fpfg-brand-main {
color: #181714 !important;
opacity: 1 !important;
visibility: visible !important;
text-shadow: none !important;
mix-blend-mode: normal !important;
} .fpfg-section-grid--module-only {
display: block;
width: min(100%, 500px);
margin: clamp(38px, 5vw, 62px) auto;
padding: 0;
}
.fpfg-section-grid--module-only .fpfg-module-column {
display: block;
width: 100%;
max-width: none;
margin: 0;
} .fpfg-french-gazette .post-navigation,
.fpfg-french-gazette .navigation.post-navigation,
.fpfg-french-gazette .post-navigation-wrap,
.fpfg-french-gazette .post-navigation-sub,
.fpfg-french-gazette .entry-related,
.fpfg-french-gazette .related-posts,
.fpfg-french-gazette .kadence-related-posts,
.fpfg-french-gazette .comments-area,
.fpfg-french-gazette #comments,
.fpfg-french-gazette .comment-respond,
.fpfg-french-gazette #respond {
display: none !important;
} .fpfg-latest-editions {
position: relative;
margin:
clamp(58px, 8vw, 100px)
auto
0;
padding:
clamp(48px, 6vw, 78px)
clamp(22px, 4vw, 48px);
color: var(--fg-black);
background:
linear-gradient(
rgba(255, 255, 255, 0.13),
rgba(255, 255, 255, 0.13)
),
var(--fg-paper-dark);
border-top: 2px solid var(--fg-black);
border-bottom: 1px solid var(--fg-gold);
}
.fpfg-latest-editions__heading {
width: min(100%, 900px);
margin: 0 auto clamp(34px, 5vw, 52px);
text-align: center;
}
.fpfg-latest-editions__heading > span {
display: block;
margin-bottom: 12px;
color: var(--fg-navy);
font-family: "Poiret One", sans-serif;
font-size: 0.72rem;
letter-spacing: 0.19em;
text-transform: uppercase;
}
.fpfg-latest-editions__heading h2 {
margin: 0 !important;
color: var(--fg-black) !important;
font-family: "Italiana", Didot, Georgia, serif !important;
font-size: clamp(2.5rem, 5vw, 4.75rem) !important;
font-weight: 400 !important;
line-height: 1.04 !important;
text-wrap: balance;
}
.fpfg-latest-editions__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(18px, 3vw, 30px);
}
.fpfg-edition-card {
min-width: 0;
margin: 0;
background: var(--fg-paper-light);
border: 1px solid rgba(24, 23, 20, 0.65);
box-shadow: 6px 7px 0 rgba(8, 20, 38, 0.08);
}
.fpfg-edition-card > a {
display: flex;
flex-direction: column;
min-height: 100%;
padding: 10px 10px 24px;
color: var(--fg-black);
text-decoration: none;
}
.fpfg-edition-card > a:hover,
.fpfg-edition-card > a:focus-visible {
color: var(--fg-navy);
text-decoration: none;
}
.fpfg-edition-card__image {
display: block;
width: 100%;
aspect-ratio: 16 / 10;
object-fit: cover;
filter: grayscale(1) contrast(1.08);
border: 1px solid rgba(24, 23, 20, 0.55);
}
.fpfg-edition-card__date {
margin: 20px 14px 8px;
color: var(--fg-gold);
font-family: "Poiret One", sans-serif;
font-size: 0.69rem;
letter-spacing: 0.13em;
text-transform: uppercase;
}
.fpfg-edition-card h3 {
margin: 0 14px 13px !important;
color: var(--fg-black) !important;
font-family: "Libre Baskerville", Georgia, serif !important;
font-size: clamp(1.15rem, 2vw, 1.5rem) !important;
font-weight: 700 !important;
line-height: 1.35 !important;
}
.fpfg-edition-card p {
margin: 0 14px 18px !important;
color: var(--fg-black-soft) !important;
font-family: "Libre Baskerville", Georgia, serif !important;
font-size: 0.86rem !important;
line-height: 1.65 !important;
}
.fpfg-edition-card em {
margin: auto 14px 0;
padding-top: 15px;
color: var(--fg-navy);
border-top: 1px solid rgba(184, 150, 82, 0.55);
font-family: "Poiret One", sans-serif;
font-size: 0.7rem;
font-style: normal;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.fpfg-latest-editions__all {
margin: 34px 0 0 !important;
text-align: center;
}
.fpfg-latest-editions__all a {
display: inline-block;
padding: 12px 22px;
color: var(--fg-ivory);
background: var(--fg-navy);
border: 1px solid var(--fg-navy);
font-family: "Poiret One", sans-serif;
font-size: 0.72rem;
letter-spacing: 0.13em;
text-decoration: none;
text-transform: uppercase;
}
.fpfg-latest-editions__all a:hover,
.fpfg-latest-editions__all a:focus-visible {
color: var(--fg-navy);
background: var(--fg-gold-light);
} .fpfg-newsletter {
display: grid;
grid-template-columns: minmax(0, 0.95fr) minmax(300px, 1.05fr);
align-items: center;
gap: clamp(30px, 5vw, 70px);
margin: 0 auto;
padding:
clamp(48px, 7vw, 88px)
clamp(24px, 6vw, 82px);
color: var(--fg-ivory);
background:
radial-gradient(
circle at 10% 20%,
rgba(184, 150, 82, 0.13),
transparent 22rem
),
var(--fg-navy);
border-bottom: 1px solid var(--fg-gold);
}
.fpfg-newsletter__intro > span {
display: block;
margin-bottom: 15px;
color: var(--fg-gold);
font-family: "Poiret One", sans-serif;
font-size: 0.72rem;
letter-spacing: 0.18em;
text-transform: uppercase;
}
.fpfg-newsletter__intro h2 {
margin: 0 !important;
color: var(--fg-gold-light) !important;
font-family: "Italiana", Didot, Georgia, serif !important;
font-size: clamp(2.45rem, 4.6vw, 4.4rem) !important;
font-weight: 400 !important;
line-height: 1.04 !important;
text-wrap: balance;
}
.fpfg-newsletter__intro p {
margin: 22px 0 0 !important;
color: var(--fg-ivory) !important;
font-family: "Libre Baskerville", Georgia, serif !important;
font-size: 0.96rem !important;
line-height: 1.72 !important;
}
.fpfg-newsletter__form {
min-width: 0;
}
.fpfg-newsletter .fluentform {
margin: 0 !important;
}
.fpfg-newsletter .ff-el-group {
margin-bottom: 14px !important;
}
.fpfg-newsletter .ff-el-input--label label {
color: var(--fg-gold-light) !important;
font-family: "Poiret One", sans-serif !important;
font-size: 0.72rem !important;
letter-spacing: 0.11em;
text-transform: uppercase;
}
.fpfg-newsletter .ff-el-form-control {
min-height: 52px !important;
padding: 12px 15px !important;
color: var(--fg-navy) !important;
background: var(--fg-ivory) !important;
border: 1px solid var(--fg-gold) !important;
border-radius: 0 !important;
font-family: "Libre Baskerville", Georgia, serif !important;
}
.fpfg-newsletter .ff-btn-submit,
.fpfg-newsletter button[type="submit"] {
min-height: 50px !important;
padding: 12px 24px !important;
color: var(--fg-navy) !important;
background: var(--fg-gold) !important;
border: 1px solid var(--fg-gold) !important;
border-radius: 0 !important;
font-family: "Poiret One", sans-serif !important;
font-size: 0.74rem !important;
letter-spacing: 0.13em;
text-transform: uppercase;
}
.fpfg-newsletter .ff-btn-submit:hover,
.fpfg-newsletter button[type="submit"]:hover {
color: var(--fg-ivory) !important;
background: transparent !important;
} @media (max-width: 900px) {
.fpfg-latest-editions__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.fpfg-newsletter {
grid-template-columns: 1fr;
}
}
@media (max-width: 620px) {
.fpfg-latest-editions {
padding-right: 17px;
padding-left: 17px;
}
.fpfg-latest-editions__grid {
grid-template-columns: 1fr;
}
.fpfg-newsletter {
padding:
48px
20px;
}
.fpfg-section-grid--module-only {
width: 100%;
margin: 32px auto;
}
}  .fpfg-french-gazette .fpfg-masthead {
grid-template-columns:
minmax(160px, 210px)
minmax(0, 1fr)
minmax(160px, 210px) !important;
gap: clamp(14px, 2vw, 28px) !important;
}
.fpfg-french-gazette .fpfg-brand {
min-width: 0 !important;
padding-right: 2px !important;
padding-left: 2px !important;
}
.fpfg-french-gazette .fpfg-brand-small {
margin-bottom: 6px !important;
font-size: clamp(0.72rem, 0.95vw, 0.96rem) !important;
letter-spacing: 0.19em !important;
}
.fpfg-french-gazette .fpfg-brand-main {
max-width: 100% !important;
font-size: clamp(2rem, 3.25vw, 3.55rem) !important;
line-height: 0.96 !important;
letter-spacing: 0.005em !important;
white-space: nowrap !important;
} .fpfg-french-gazette .fpfg-sidecart-left {
color: var(--fg-ivory) !important;
text-decoration: none !important;
cursor: pointer;
}
.fpfg-french-gazette .fpfg-sidecart-left:hover,
.fpfg-french-gazette .fpfg-sidecart-left:focus-visible {
color: var(--fg-gold-light) !important;
text-decoration: none !important;
}
.fpfg-french-gazette .fpfg-sidecart-left:focus-visible {
outline: 2px solid var(--fg-gold-light) !important;
outline-offset: 4px !important;
} .fpfg-french-gazette .fpfg-ad-title {
overflow-wrap: normal !important;
word-break: normal !important;
hyphens: none !important;
} .fpfg-french-gazette .fpfg-ad--livre .fpfg-ad-title {
font-size: clamp(1.2rem, 2vw, 1.85rem) !important;
line-height: 1.08 !important;
letter-spacing: 0 !important;
white-space: nowrap !important;
} @media (max-width: 900px) {
.fpfg-french-gazette .fpfg-masthead {
grid-template-columns:
minmax(135px, 180px)
minmax(0, 1fr)
minmax(135px, 180px) !important;
}
.fpfg-french-gazette .fpfg-brand-main {
font-size: clamp(1.65rem, 3.7vw, 2.55rem) !important;
}
}
@media (max-width: 700px) {
.fpfg-french-gazette .fpfg-brand-main {
white-space: normal !important;
text-wrap: balance;
}
.fpfg-french-gazette .fpfg-ad--livre .fpfg-ad-title {
white-space: normal !important;
}
} .fpv42-chronicle,
.fpv42-book-feature {
position: relative;
}
.fpv42-card-link {
position: absolute;
inset: 0;
z-index: 8;
display: block;
}
.fpv42-card-link,
.fpv42-place-card,
.fpv42-person__link,
.fpv42-gazette-card__media,
.fpv42-manhattan-cover a,
.fpv42-hero-book,
.fpv42-button {
touch-action: manipulation;
}
@media (max-width: 780px) {
.fpv42-button,
.fpv5-menu-toggle,
.fpv5-mobile-navigation a,
.fpv5-mobile-panel__bottom a,
.fp-global-footer a {
min-height: 48px;
}
.fpv42-button,
.fpv5-mobile-navigation a,
.fpv5-mobile-panel__bottom a,
.fp-global-footer a {
display: inline-flex;
align-items: center;
}
}
@media (prefers-reduced-motion: reduce) {
.fp-reveal,
.fpv42-home [class*="reveal"] {
opacity: 1 !important;
transform: none !important;
transition: none !important;
}
} .fpbook21 {
--fpbook-navy: #071426;
--fpbook-gold: #b89652;
--fpbook-gold-light: #d8bd82;
--fpbook-ivory: #f6eddc;
--fpbook-ink: #171611;
box-sizing: border-box;
width: 100%;
color: var(--fpbook-ink);
background: var(--fpbook-ivory);
font-family: "Cormorant Garamond", Georgia, serif;
}
.fpbook21 *,
.fpbook21 *::before,
.fpbook21 *::after {
box-sizing: border-box;
}
.fpbook21__hero {
display: grid;
grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.72fr);
align-items: center;
gap: clamp(2.5rem, 7vw, 7rem);
min-height: min(780px, calc(100vh - 80px));
padding: clamp(4rem, 8vw, 8rem) max(24px, calc((100vw - 1240px) / 2));
color: var(--fpbook-ivory);
background: radial-gradient(circle at 85% 15%, rgba(184,150,82,.18), transparent 30rem), var(--fpbook-navy);
}
.fpbook21__eyebrow {
margin: 0 0 1rem;
color: var(--fpbook-gold);
font-family: "Poiret One", sans-serif;
font-size: .86rem;
font-weight: 700;
letter-spacing: .18em;
text-transform: uppercase;
}
.fpbook21 h1,
.fpbook21 h2,
.fpbook21 h3,
.fpbook21 p {
overflow-wrap: normal;
word-break: normal;
hyphens: none;
}
.fpbook21 h1 {
max-width: 850px;
margin: 0;
font-family: "Limelight", Georgia, serif;
font-size: clamp(2.7rem, 5.5vw, 6.3rem);
font-weight: 400;
line-height: .98;
text-wrap: balance;
}
.fpbook21__authors {
margin: 1.5rem 0 0;
color: var(--fpbook-gold-light);
font-family: "Poiret One", sans-serif;
font-size: clamp(1rem, 1.5vw, 1.25rem);
letter-spacing: .08em;
text-transform: uppercase;
}
.fpbook21__lead {
max-width: 720px;
margin: 1.8rem 0 0;
font-size: clamp(1.25rem, 2vw, 1.55rem);
line-height: 1.55;
}
.fpbook21__facts {
display: flex;
flex-wrap: wrap;
gap: .65rem;
margin: 2rem 0;
padding: 0;
list-style: none;
}
.fpbook21__facts li {
padding: .6rem .85rem;
border: 1px solid rgba(216,189,130,.55);
font-size: 1rem;
}
.fpbook21__button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 52px;
padding: .9rem 1.5rem;
font-family: "Poiret One", sans-serif;
font-size: 1rem;
font-weight: 700;
letter-spacing: .1em;
text-decoration: none;
text-transform: uppercase;
touch-action: manipulation;
}
.fpbook21__button--primary {
color: var(--fpbook-navy);
background: var(--fpbook-gold);
border: 1px solid var(--fpbook-gold);
}
.fpbook21__button--primary:hover,
.fpbook21__button--primary:focus-visible {
color: var(--fpbook-ivory);
background: transparent;
}
.fpbook21__cover-wrap {
position: relative;
max-width: 470px;
margin: 0 auto;
}
.fpbook21__cover-wrap::before {
content: "";
position: absolute;
inset: 18px -18px -18px 18px;
border: 1px solid var(--fpbook-gold);
}
.fpbook21__cover {
position: relative;
z-index: 1;
display: block;
width: 100%;
height: auto;
box-shadow: 0 24px 55px rgba(0,0,0,.35);
}
.fpbook21__promise,
.fpbook21__contents,
.fpbook21__excerpt,
.fpbook21__faq {
width: min(1180px, calc(100% - 40px));
margin: 0 auto;
padding: clamp(4.5rem, 9vw, 8rem) 0;
}
.fpbook21__promise {
max-width: 920px;
text-align: center;
}
.fpbook21 h2 {
margin: 0;
color: var(--fpbook-navy);
font-family: "Limelight", Georgia, serif;
font-size: clamp(2.2rem, 4.6vw, 4.8rem);
font-weight: 400;
line-height: 1.05;
text-wrap: balance;
}
.fpbook21__promise > p:last-child {
margin: 2rem auto 0;
font-size: clamp(1.25rem, 2vw, 1.55rem);
line-height: 1.65;
}
.fpbook21__contents {
border-top: 1px solid rgba(184,150,82,.5);
}
.fpbook21__contents > header {
max-width: 900px;
margin-bottom: 3.5rem;
}
.fpbook21__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1.25rem;
}
.fpbook21__grid article {
padding: clamp(1.5rem, 3vw, 2.5rem);
background: rgba(255,255,255,.38);
border: 1px solid rgba(184,150,82,.55);
}
.fpbook21__grid article > span {
color: var(--fpbook-gold);
font-family: "Poiret One", sans-serif;
font-size: 1rem;
font-weight: 700;
}
.fpbook21__grid h3 {
margin: 1rem 0;
color: var(--fpbook-navy);
font-size: clamp(1.55rem, 2.5vw, 2.2rem);
line-height: 1.1;
}
.fpbook21__grid p {
margin: 0;
font-size: 1.15rem;
line-height: 1.55;
}
.fpbook21__excerpt {
max-width: 850px;
}
.fpbook21__excerpt-text {
padding: clamp(1.5rem, 4vw, 3rem);
background: #fffaf0;
border-left: 4px solid var(--fpbook-gold);
font-size: clamp(1.2rem, 2vw, 1.45rem);
line-height: 1.75;
}
.fpbook21__limited,
.fpbook21__english-interest {
display: grid;
grid-template-columns: .35fr 1fr;
align-items: center;
gap: clamp(1.5rem, 5vw, 5rem);
padding: clamp(3.5rem, 7vw, 6.5rem) max(24px, calc((100vw - 1080px) / 2));
color: var(--fpbook-ivory);
background: var(--fpbook-navy);
}
.fpbook21__limited-number {
margin: 0;
color: var(--fpbook-gold);
font-family: "Limelight", Georgia, serif;
font-size: clamp(5rem, 14vw, 11rem);
line-height: .8;
text-align: center;
}
.fpbook21__limited h2,
.fpbook21__english-interest h2,
.fpbook21__final-cta h2 {
color: var(--fpbook-ivory);
}
.fpbook21__limited p,
.fpbook21__english-interest p {
font-size: clamp(1.15rem, 2vw, 1.4rem);
line-height: 1.55;
}
.fpbook21__english-interest {
grid-template-columns: minmax(0, 1fr) minmax(300px, .8fr);
border-top: 1px solid rgba(184,150,82,.5);
}
.fpbook21__form input[type="email"] {
width: 100%;
min-height: 52px;
padding: .75rem 1rem;
color: var(--fpbook-navy);
background: var(--fpbook-ivory);
border: 1px solid var(--fpbook-gold);
border-radius: 0;
font-size: 1rem;
}
.fpbook21__form button,
.fpbook21__form input[type="submit"] {
min-height: 52px;
color: var(--fpbook-navy);
background: var(--fpbook-gold);
border: 1px solid var(--fpbook-gold);
border-radius: 0;
font-family: "Poiret One", sans-serif;
font-weight: 700;
text-transform: uppercase;
}
.fpbook21__faq details {
padding: 1.25rem 0;
border-bottom: 1px solid rgba(184,150,82,.5);
}
.fpbook21__faq summary {
color: var(--fpbook-navy);
font-size: clamp(1.25rem, 2vw, 1.5rem);
font-weight: 700;
cursor: pointer;
}
.fpbook21__faq details p {
margin: 1rem 0 0;
font-size: 1.15rem;
line-height: 1.6;
}
.fpbook21__final-cta {
padding: clamp(4rem, 8vw, 7rem) 24px;
color: var(--fpbook-ivory);
background: var(--fpbook-navy);
text-align: center;
}
.fpbook21__final-cta h2 {
max-width: 950px;
margin: 0 auto 2rem;
}
.fpbook21__admin-note {
position: relative;
z-index: 2;
padding: 1rem;
color: var(--fpbook-navy);
background: #fff4c7;
border: 1px solid var(--fpbook-gold);
}
@media (max-width: 820px) {
.fpbook21__hero,
.fpbook21__limited,
.fpbook21__english-interest {
grid-template-columns: 1fr;
}
.fpbook21__hero {
min-height: auto;
padding-top: 4rem;
padding-bottom: 4.5rem;
}
.fpbook21__cover-wrap {
width: min(86%, 420px);
margin-top: 2rem;
}
.fpbook21__grid {
grid-template-columns: 1fr;
}
.fpbook21__limited-number {
text-align: left;
}
}
@media (max-width: 560px) {
.fpbook21 h1 {
font-size: clamp(2.35rem, 11vw, 3.5rem);
}
.fpbook21 h2 {
font-size: clamp(2rem, 9vw, 3rem);
}
.fpbook21__button {
width: 100%;
}
.fpbook21__facts {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (prefers-reduced-motion: reduce) {
.fpbook21 *,
.fpbook21 *::before,
.fpbook21 *::after {
scroll-behavior: auto !important;
transition: none !important;
animation: none !important;
}
} .fpv42-newsletter .ff-btn-submit,
.fpv42-newsletter button[type="submit"] {
min-height: 52px !important;
touch-action: manipulation;
}
@media (max-width: 640px) {
.fpv42-newsletter__gift {
padding: 1.1rem;
}
.fpv42-newsletter .ff-btn-submit,
.fpv42-newsletter button[type="submit"] {
width: 100% !important;
}
} :root{
--mpv2-navy:#071426;--mpv2-gold:#b89652;--mpv2-ivory:#f4ecdc;--mpv2-paper:#fffdf8;
--mpv2-park:"Park Lane NF","ParkLane","Parklane","Park Lane","Park-Lane",Georgia,serif;
--mpv2-limelight:"Limelight",Georgia,serif;
--mpv2-poiret:"Poiret One",sans-serif;
--mpv2-reading:"Cormorant Garamond","Cormorant",Georgia,serif;
} body .mp-article .mp-masthead .mp-brand{
display:block!important;width:100%!important;margin:0!important;
font-family:"Park Lane NF",Georgia,serif!important;
font-size:clamp(74px,7.2vw,110px)!important;
font-weight:400!important;line-height:.96!important;letter-spacing:.035em!important;
text-align:center!important;white-space:nowrap!important;
}
body .mp-article .mp-baseline-text,body .mp-article .mp-issue{
font-family:var(--mpv2-poiret)!important;font-size:18px!important;font-weight:400!important;
line-height:1.3!important;letter-spacing:.12em!important;
}
body .mp-article .mp-title-block{width:min(100%,1380px)!important;max-width:1380px!important;margin-inline:auto!important}
body .mp-article h1.mp-product-title{
width:100%!important;max-width:none!important;margin:0 auto!important;
font-family:Limelight,"Cormorant Garamond",Georgia,serif!important;
font-size:clamp(58px,5.5vw,86px)!important;
font-style:normal!important;font-weight:400!important;line-height:.96!important;letter-spacing:0!important;
text-align:center!important;text-wrap:balance!important;white-space:nowrap!important;
}
body .mp-article p.mp-product-deck{
display:block!important;margin:20px auto 0!important;color:var(--mpv2-gold)!important;
font-family:var(--mpv2-reading)!important;font-size:34px!important;font-style:normal!important;
font-weight:600!important;line-height:1.25!important;text-align:center!important;
} body .mp-article .fpmpv2-excerpt-wrap{
display:block!important;width:min(100%,1060px)!important;max-width:1060px!important;
margin:30px auto 56px!important;padding-inline:clamp(18px,3vw,42px)!important;
}
body .mp-article p.fpmpv2-excerpt-under-title{
display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;max-width:none!important;
margin:0!important;color:#f4ecdc!important;font-family:var(--mpv2-reading)!important;
font-size:27px!important;font-weight:500!important;line-height:1.5!important;text-align:center!important;
} body .mp-article .mp-hero-grid{display:block!important;width:min(100%,1380px)!important;max-width:1380px!important;margin-inline:auto!important}
body .mp-article .mp-hero-grid>.kt-row-column-wrap{
display:grid!important;width:100%!important;max-width:none!important;
grid-template-columns:minmax(0,43fr) minmax(0,57fr)!important;align-items:center!important;
gap:clamp(34px,4vw,72px)!important;
}
body .mp-article .mp-hero-grid>.kt-row-column-wrap>.wp-block-kadence-column,
body .mp-article .mp-hero-grid .kt-inside-inner-col,body .mp-article .mp-art-frame,
body .mp-article figure.mp-cover-source{
width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;
}
body .mp-article figure.mp-cover-source{
display:block!important;height:auto!important;min-height:0!important;max-height:none!important;
overflow:visible!important;background:transparent!important;
}
body .mp-article figure.mp-cover-source img{
display:block!important;width:100%!important;height:clamp(620px,53vw,780px)!important;
min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;
object-fit:cover!important;object-position:center!important;
}
body .mp-article figure.mp-cover-source figcaption{
display:block!important;margin:10px 0 0!important;padding:0!important;background:transparent!important;
font-family:var(--mpv2-reading)!important;font-size:17px!important;line-height:1.4!important;
}
body .mp-article .mp-label{font-family:var(--mpv2-poiret)!important;font-size:18px!important;line-height:1.35!important;letter-spacing:.09em!important} body .mp-article .mp-copy>p:not(.mp-pullquote),body .mp-article p.mp-chapo,body .mp-article .mp-note>p:not(.mp-note-title),
body .mp-article .mp-closing>p,
body .mp-article .mp-editorial-three .kt-inside-inner-col>p:not([class]),
body .mp-article .mp-double-plate .kt-inside-inner-col>p:not([class]),
body .mp-article .mp-medallion-row .kt-inside-inner-col>p:not([class]),
body .mp-article .mp-stole-layout .kt-inside-inner-col>p:not([class]),
body .mp-article .mp-accessories .kt-inside-inner-col>p:not([class]){
font-family:var(--mpv2-reading)!important;font-size:22px!important;font-style:normal!important;
font-weight:400!important;line-height:1.62!important;
}
html body .mp-article .mp-editorial-three .mp-note p,
html body .mp-article .mp-note p{
font-family:var(--mpv2-poiret)!important;font-size:23px!important;line-height:1.48!important;
}
html body .mp-article .mp-editorial-three .mp-note p.mp-note-title,
html body .mp-article .mp-note p.mp-note-title,
body .mp-article .mp-accessory-labels p{
font-family:var(--mpv2-poiret)!important;font-size:30px!important;line-height:1.22!important;letter-spacing:.06em!important;
}  body .mp-article p.mp-section-number{
display:block!important;margin:0 0 14px!important;font-family:var(--mpv2-poiret)!important;
font-size:clamp(52px,4.5vw,70px)!important;font-style:normal!important;font-weight:400!important;
line-height:1!important;letter-spacing:0!important;
}
body .mp-article h2.mp-section-title,body .mp-article h2.mp-section-heading-title{
font-family:var(--mpv2-poiret)!important;font-size:clamp(48px,5vw,74px)!important;
font-style:normal!important;font-weight:400!important;line-height:1.06!important;letter-spacing:0!important;
} body .mp-article h2.mp-section-title{
position:relative!important;display:block!important;width:100%!important;max-width:none!important;
margin:0!important;padding:24px 0 26px!important;
}
body .mp-article h2.mp-section-title::before,body .mp-article h2.mp-section-title::after{
content:""!important;position:absolute!important;left:0!important;width:100%!important;height:1px!important;
background:linear-gradient(90deg,transparent,var(--mpv2-gold) 12%,var(--mpv2-gold) 88%,transparent)!important;
}
body .mp-article h2.mp-section-title::before{top:0!important}
body .mp-article h2.mp-section-title::after{bottom:0!important}
@media(min-width:1025px){
body .mp-article h2.mp-section-title{font-size:clamp(46px,4.4vw,68px)!important;white-space:nowrap!important}
}
body .mp-article h3.mp-subtitle{
font-family:var(--mpv2-limelight)!important;font-size:clamp(34px,3.2vw,48px)!important;
font-style:normal!important;font-weight:400!important;line-height:1.14!important;
} body .mp-article p.mp-pullquote,body .mp-article p.mp-pullquote-large,
body .mp-article .mp-medallion-row .mp-copy p.mp-pullquote-large,
body .mp-article .mp-medallion-row p.mp-pullquote-large{
display:block!important;width:100%!important;max-width:940px!important;margin:36px 0!important;
padding:0 0 0 24px!important;border-left:2px solid var(--mpv2-gold)!important;color:#f4ecdc!important;
font-family:var(--mpv2-poiret)!important;font-size:clamp(36px,3.6vw,54px)!important;
font-style:normal!important;font-weight:400!important;line-height:1.18!important;
letter-spacing:0!important;text-transform:none!important;
}
body .mp-article .mp-footer{display:none!important} .fpmpv2-after-article{width:min(100%,1440px);margin:clamp(70px,8vw,120px) auto 0;font-family:var(--mpv2-reading)}
.fpmpv2-editions{padding:clamp(52px,6vw,90px) clamp(18px,4vw,64px)}
.fpmpv2-editions--manhattan{background:var(--mpv2-navy);color:#fff}.fpmpv2-editions--gazette{background:var(--mpv2-ivory);color:#172234}
.fpmpv2-section-heading{max-width:980px;margin:0 auto clamp(34px,4vw,58px);text-align:center}
.fpmpv2-section-heading p{margin:0 0 14px;color:#d8b766!important;font-family:var(--mpv2-poiret)!important;font-size:24px!important;line-height:1.25!important;letter-spacing:.13em!important;text-transform:uppercase}
.fpmpv2-section-heading h2{margin:0;font-family:var(--mpv2-poiret)!important;font-size:clamp(52px,5.6vw,82px)!important;font-weight:400!important;line-height:1.08!important}
.fpmpv2-editions--manhattan .fpmpv2-section-heading h2{color:#fff!important}
.fpmpv2-grid{display:grid;gap:clamp(22px,3vw,42px);margin:0 auto}.fpmpv2-grid--two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1040px}.fpmpv2-grid--three{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1240px}
.fpmpv2-cover__link{position:relative;display:block;min-height:500px;height:100%;overflow:hidden;background:var(--mpv2-navy);color:#fff!important;text-decoration:none!important;box-shadow:0 18px 50px rgba(7,20,38,.22)}
.fpmpv2-cover--manhattan .fpmpv2-cover__link{aspect-ratio:4/5}.fpmpv2-cover--gazette .fpmpv2-cover__link{aspect-ratio:3/4}
.fpmpv2-cover__image,.fpmpv2-cover__veil,.fpmpv2-cover__frame{position:absolute;inset:0}.fpmpv2-cover__image{width:100%;height:100%;object-fit:cover}.fpmpv2-cover__veil{background:linear-gradient(180deg,rgba(7,20,38,.2),rgba(7,20,38,.25) 35%,rgba(7,20,38,.94))}.fpmpv2-cover__frame{inset:16px;border:1px solid rgba(184,150,82,.88)}
.fpmpv2-cover__content{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(34px,4vw,58px)}
.fpmpv2-cover__brand{margin-bottom:auto;font-family:var(--mpv2-limelight)!important;font-size:clamp(27px,2.6vw,42px);line-height:1;text-align:center}.fpmpv2-cover__meta{margin-bottom:14px;color:#e4c785;font-family:var(--mpv2-poiret)!important;font-size:17px;letter-spacing:.12em;text-transform:uppercase}.fpmpv2-cover__title{font-family:var(--mpv2-limelight)!important;font-size:clamp(28px,3vw,48px);line-height:1.08}
.fpmpv2-newsletter-wrap{background:var(--mpv2-paper)}.fpmpv2-home-return{display:flex;justify-content:center;padding:34px 18px 48px;background:var(--mpv2-navy)}.fpmpv2-home-return a{padding:13px 30px;border:1px solid var(--mpv2-gold);color:#fff!important;font-family:var(--mpv2-poiret)!important;font-size:18px;letter-spacing:.1em;text-decoration:none!important;text-transform:uppercase}
.fpmpv2-manhattan-article .post-navigation,.fpmpv2-manhattan-article .entry-related,.fpmpv2-manhattan-article .related-posts,.fpmpv2-manhattan-article .kadence-related-posts,.fpmpv2-manhattan-article .comments-area,.fpmpv2-manhattan-article #comments,.fpmpv2-manhattan-article #respond{display:none!important} .fp-global-footer .fp-global-footer__title{font-family:var(--mpv2-limelight)!important;font-size:clamp(48px,5vw,76px)!important;line-height:1!important}.fp-global-footer .fp-global-footer__column h2{font-family:var(--mpv2-poiret)!important;font-size:25px!important}.fp-global-footer a,.fp-global-footer .fp-global-footer__column p,.fp-global-footer .fp-global-footer__bottom p{font-family:var(--mpv2-reading)!important;font-size:20px!important;line-height:1.5!important} @media(max-width:1024px){
body .mp-article h1.mp-product-title{font-size:clamp(58px,7.5vw,80px)!important;white-space:normal!important}
body .mp-article .mp-hero-grid>.kt-row-column-wrap{grid-template-columns:minmax(0,46fr) minmax(0,54fr)!important;gap:30px!important}
body .mp-article figure.mp-cover-source img{height:clamp(540px,68vw,680px)!important}
body .mp-article .mp-copy>p:not(.mp-pullquote),body .mp-article p.mp-chapo,body .mp-article .mp-note>p:not(.mp-note-title),body .mp-article .mp-closing>p,
body .mp-article .mp-editorial-three .kt-inside-inner-col>p:not([class]),body .mp-article .mp-double-plate .kt-inside-inner-col>p:not([class]),
body .mp-article .mp-medallion-row .kt-inside-inner-col>p:not([class]),body .mp-article .mp-stole-layout .kt-inside-inner-col>p:not([class]),
body .mp-article .mp-accessories .kt-inside-inner-col>p:not([class]){font-size:21px!important}
}
@media(max-width:767px){
body .mp-article .mp-masthead .mp-brand{font-size:clamp(40px,11vw,58px)!important;white-space:normal!important}
body .mp-article h1.mp-product-title{font-size:clamp(50px,13vw,70px)!important}
body .mp-article p.mp-product-deck{font-size:27px!important}
body .mp-article p.fpmpv2-excerpt-under-title{font-size:22px!important;text-align:left!important}
body .mp-article .mp-hero-grid>.kt-row-column-wrap{grid-template-columns:minmax(0,1fr)!important;gap:26px!important}
body .mp-article figure.mp-cover-source img{height:min(125vw,700px)!important}
body .mp-article .mp-copy>p:not(.mp-pullquote),body .mp-article p.mp-chapo,body .mp-article .mp-note>p:not(.mp-note-title),body .mp-article .mp-closing>p,
body .mp-article .mp-editorial-three .kt-inside-inner-col>p:not([class]),body .mp-article .mp-double-plate .kt-inside-inner-col>p:not([class]),
body .mp-article .mp-medallion-row .kt-inside-inner-col>p:not([class]),body .mp-article .mp-stole-layout .kt-inside-inner-col>p:not([class]),
body .mp-article .mp-accessories .kt-inside-inner-col>p:not([class]){font-size:20px!important;line-height:1.6!important}
body .mp-article p.mp-section-number{font-size:52px!important}
body .mp-article h2.mp-section-title,body .mp-article h2.mp-section-heading-title{font-size:clamp(44px,12vw,60px)!important}
body .mp-article p.mp-pullquote,body .mp-article p.mp-pullquote-large{font-size:clamp(32px,9vw,44px)!important;padding-left:18px!important}
.fpmpv2-grid--two,.fpmpv2-grid--three{grid-template-columns:minmax(0,1fr);max-width:470px}
.fp-global-footer a,.fp-global-footer .fp-global-footer__column p,.fp-global-footer .fp-global-footer__bottom p{font-size:18px!important}
}  @media (min-width:1025px) and (min-height:720px) {
html { scroll-behavior:smooth; scroll-snap-type:y proximity; }
.mp-article .mp-title-block,
.mp-article .mp-section-head,
.mp-article .mp-screen,
.mp-article .mp-section-heading,
.mp-article .mp-book-ad,
.mp-article .mp-accessories {
scroll-snap-align:start;
scroll-margin-top:88px;
}
.mp-article .mp-section { display:none; }
.mp-article .mp-hero-grid,
.mp-article .mp-editorial-three,
.mp-article .mp-medallion-row,
.mp-article .mp-stole-layout,
.mp-article .mp-screen-row { align-items:center; }
.mp-article .mp-screen {
min-height:calc(100svh - 88px);
display:flex;
flex-direction:column;
justify-content:center;
padding-block:24px;
box-sizing:border-box;
}
.mp-article .mp-screen .mp-section-heading {
width:100%;
margin-bottom:18px;
}
.mp-article .mp-screen-row { width:100%; }
.mp-article .mp-screen-row > .kt-row-column-wrap { column-gap:30px; }
.mp-article .mp-art-frame img,
.mp-article .mp-editorial-three img,
.mp-article .mp-screen-row img,
.mp-article .mp-medallion-row img,
.mp-article .mp-stole-layout img {
display:block;
width:auto;
max-width:100%;
height:auto;
max-height:62svh;
margin-inline:auto;
object-fit:contain;
}
.mp-article .mp-hero-grid img { max-height:66svh; }
.mp-article .mp-editorial-three > .kt-row-column-wrap { column-gap:28px; }
.mp-article .mp-editorial-three img { max-height:64svh; }
.mp-article .mp-screen-row img { max-height:69svh; }
.mp-article .mp-medallion-row img,
.mp-article .mp-stole-layout img { max-height:68svh; }
.mp-article .mp-screen .mp-section-heading { margin-bottom:8px; }
.mp-article .mp-screen .mp-subtitle { margin-top:0; margin-bottom:14px; }
.mp-article .mp-screen--text-left .mp-subtitle { white-space:nowrap; }
.mp-article .mp-screen-image .mp-image-card,
.mp-article .mp-screen-image figure { aspect-ratio:auto !important; }
.mp-article .mp-screen-image img { object-fit:contain !important; }
.mp-article .mp-section-heading:has(+ .mp-medallion-row) {
margin-bottom:0 !important;
}
.mp-article .mp-medallion-row {
margin-top:-10px !important;
}
.mp-article .mp-medallion-row > .kt-row-column-wrap {
padding-top:8px !important;
padding-bottom:8px !important;
}
.mp-article .mp-stole-layout > .kt-row-column-wrap {
column-gap:22px;
grid-template-columns:minmax(0,0.94fr) minmax(0,1.06fr) !important;
}
.mp-article .mp-accessories {
min-height:calc(100svh - 88px);
display:flex;
flex-direction:column;
justify-content:center;
box-sizing:border-box;
padding-block:16px;
}
.mp-article .mp-accessories figure.wp-block-image {
margin-bottom:18px !important;
}
.mp-article .mp-accessories figure.wp-block-image img {
display:block;
width:auto !important;
max-width:100%;
height:auto !important;
max-height:64svh !important;
margin-inline:auto;
object-fit:contain;
}
.mp-article .mp-accessories .mp-accessory-labels {
margin-top:0 !important;
}
.mp-article .mp-accessories .mp-accessory-labels > .kt-row-column-wrap {
padding-top:12px !important;
padding-bottom:12px !important;
}
.mp-article .mp-section-bridge {
max-width:980px;
margin:18px auto 36px;
padding:26px 34px;
}
.fpmpv2-editions--manhattan .fpmpv2-cover__brand {
font-family:"Park Lane NF",Georgia,serif !important;
}
.fpmpv2-editions .fpmpv2-section-heading > p {
margin-bottom:8px !important;
}
.fpmpv2-editions .fpmpv2-section-heading > h2 {
margin-top:0 !important;
}
.mp-article .mp-image-card,
.mp-article .mp-art-frame,
.mp-article .mp-medallion { min-height:0; }
.mp-article .mp-image-card figure,
.mp-article .mp-art-frame figure,
.mp-article .mp-medallion figure { margin-block:0; }
.mp-article .mp-copy > :first-child,
.mp-article .mp-screen-copy > :first-child { margin-top:0; }
.mp-article .mp-copy > :last-child,
.mp-article .mp-screen-copy > :last-child { margin-bottom:0; }
}
@media (max-width:1024px), (max-height:719px) {
html { scroll-snap-type:none; }
.mp-article .mp-screen { min-height:0; padding-block:20px; }
.mp-article .mp-screen--image-left .mp-screen-image { order:2; }
.mp-article .mp-screen--image-left .mp-screen-copy-column { order:1; }
.mp-article .mp-screen-row img {
width:auto;
max-width:100%;
height:auto;
max-height:72svh;
margin-inline:auto;
object-fit:contain;
}
} @media (min-width:1025px) and (min-height:720px) {
.mp-article .mp-screen {
height:calc(100svh - 88px);
min-height:calc(100svh - 88px);
padding-block:0;
overflow:visible;
}
.mp-article .mp-screen .mp-section-heading {
margin-bottom:0 !important;
}
.mp-article .mp-screen-row > .kt-row-column-wrap,
.mp-article .mp-editorial-three > .kt-row-column-wrap,
.mp-article .mp-stole-layout > .kt-row-column-wrap {
padding-top:8px !important;
padding-bottom:8px !important;
}
.mp-article .mp-screen--text-left .mp-screen-row img {
max-height:55svh !important;
}
.mp-article .mp-screen--image-left .mp-screen-row img {
max-height:68svh !important;
}
.mp-article .mp-section-head .mp-section-no {
margin-bottom:0 !important;
}
.mp-article .mp-section-head .mp-section-title {
margin-top:0 !important;
margin-bottom:16px !important;
}
.mp-article .mp-editorial-three img {
max-height:52svh !important;
}
.mp-article .mp-section-bridge {
margin:12px auto 28px;
padding:18px 30px;
}
.mp-article .mp-section-bridge .mp-subtitle {
margin-top:0;
margin-bottom:12px;
}
.mp-article .mp-section-bridge p {
margin-top:0;
margin-bottom:10px;
}
.mp-article .mp-section-heading:has(+ .mp-stole-layout) {
margin-bottom:0 !important;
}
.mp-article .mp-stole-layout {
margin-top:-8px !important;
}
.mp-article .mp-stole-layout .mp-copy p {
margin-top:0;
margin-bottom:12px;
}
.mp-article .mp-stole-layout img {
max-height:61svh !important;
}
.mp-article .mp-closing {
scroll-snap-align:start;
scroll-margin-top:88px;
}
} .fp-page {
position: relative;
min-height: 100svh;
box-sizing: border-box;
display: flex;
align-items: center;
overflow: clip;
padding-block: clamp(48px, 6vh, 84px);
}
.fp-page__inner {
width: min(1280px, calc(100% - 96px));
margin-inline: auto;
}
.fp-page__grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: clamp(48px, 6vw, 110px);
align-items: center;
} .fp-page--airy {
padding-block: clamp(72px, 9vh, 120px);
}
.fp-page--normal {
padding-block: clamp(52px, 6.5vh, 88px);
}
.fp-page--dense {
padding-block: clamp(34px, 4.5vh, 58px);
} .fp-page__text {
position: relative;
z-index: 2;
}
.fp-page__text p {
max-width: 700px;
}
.fp-page__text p + p {
margin-top: 1.2em;
}
.fp-page h2 {
text-wrap: balance;
} .fp-visual {
position: relative;
z-index: 2;
}
.fp-visual img {
display: block;
width: auto;
max-width: 100%;
height: auto;
} .fp-visual--landscape img {
width: 100%;
max-height: 54svh;
object-fit: contain;
} .fp-visual--portrait {
display: flex;
justify-content: center;
}
.fp-visual--portrait img {
width: auto;
max-height: 68svh;
max-width: 100%;
object-fit: contain;
} .fp-visual--small {
width: 78%;
margin-inline: auto;
} .fp-visual--large {
width: 108%;
max-width: 108%;
} .fp-layout--image-right .fp-page__text {
order: 1;
}
.fp-layout--image-right .fp-visual {
order: 2;
}
.fp-layout--image-left .fp-visual {
order: 1;
}
.fp-layout--image-left .fp-page__text {
order: 2;
} .fp-page--text-only .fp-page__inner {
width: min(1000px, calc(100% - 96px));
}
.fp-page--text-only .fp-page__text {
max-width: 820px;
} .fp-deco {
position: absolute;
pointer-events: none;
z-index: 0;
color: #C6A15B;
opacity: 0.07;
}
.fp-deco--br {
right: 3vw;
bottom: 3vh;
}
.fp-deco--bl {
left: 3vw;
bottom: 3vh;
}
.fp-deco--tr {
right: 3vw;
top: 3vh;
}
.fp-deco--large {
width: clamp(220px, 28vw, 480px);
}
.fp-deco--medium {
width: clamp(150px, 18vw, 320px);
}
.fp-deco--small {
width: clamp(90px, 11vw, 180px);
} .fp-intro .fp-page__inner {
width: min(1100px, calc(100% - 96px));
}
.fp-intro .fp-page__text {
max-width: 820px;
} .fp-essential {
min-height: 100svh;
background: #0F1E33;
color: #F4F0E6;
text-align: center;
}
.fp-essential .fp-page__inner {
width: min(900px, calc(100% - 96px));
}
.fp-essential .fp-page__text {
margin-inline: auto;
}
.fp-essential::before {
content: "";
position: absolute;
inset: clamp(30px, 5vw, 70px);
border: 1px solid rgba(198, 161, 91, 0.45);
pointer-events: none;
} @media (max-width: 1024px) {
.fp-page__inner {
width: min(100% - 56px, 1100px);
}
.fp-page__grid {
gap: 42px;
}
.fp-visual--landscape img {
max-height: 48svh;
}
.fp-visual--portrait img {
max-height: 58svh;
}
} @media (max-width: 767px) {
.fp-page {
min-height: 100svh;
padding: 58px 20px 52px;
align-items: center;
overflow: clip;
}
.fp-page__inner,
.fp-intro .fp-page__inner,
.fp-page--text-only .fp-page__inner,
.fp-essential .fp-page__inner {
width: 100%;
}
.fp-page__grid {
display: flex;
flex-direction: column;
gap: clamp(24px, 4vh, 38px);
}
.fp-page__text {
width: 100%;
}
.fp-page__text p {
max-width: none;
font-size: 17px;
line-height: 1.68;
}
.fp-page__text p + p {
margin-top: 1.05em;
}
.fp-page h2 {
font-size: clamp(34px, 9vw, 48px);
line-height: 1;
} .fp-layout--image-left .fp-visual,
.fp-layout--image-left .fp-page__text,
.fp-layout--image-right .fp-visual,
.fp-layout--image-right .fp-page__text {
order: initial;
} .fp-visual--landscape {
width: 100%;
}
.fp-visual--landscape img {
width: 100%;
max-height: none;
object-fit: contain;
} .fp-visual--portrait {
width: min(76%, 330px);
margin-inline: auto;
}
.fp-visual--portrait img {
width: 100%;
height: auto;
max-height: 48svh;
object-fit: contain;
}
.fp-visual--small {
width: min(68%, 300px);
}
.fp-visual--large {
width: 100%;
max-width: 100%;
}
.fp-page--airy,
.fp-page--normal,
.fp-page--dense {
padding-block: 58px 52px;
}
.fp-deco {
opacity: 0.05;
}
.fp-deco--large {
width: 220px;
}
.fp-deco--medium {
width: 150px;
}
.fp-deco--small {
width: 100px;
}
.fp-essential::before {
inset: 20px 12px;
}
} @media (max-width: 390px) {
.fp-page {
padding-inline: 17px;
padding-block: 48px 44px;
}
.fp-page__text p {
font-size: 16.5px;
line-height: 1.62;
}
.fp-page h2 {
font-size: clamp(32px, 9.3vw, 42px);
}
} :root {
--fp-gold: #C6A15B;
--fp-night: #0F1E33;
--fp-black: #0B0B0B;
--fp-ivory: #F4F0E6;
} .fp-screen {
position: relative;
box-sizing: border-box;
min-height: 100svh;
display: flex;
flex-direction: column;
justify-content: center;
padding-block: clamp(48px, 6vh, 82px);
overflow: clip;
}
.fp-screen--dense {
padding-block: clamp(34px, 4.5vh, 56px);
}
.fp-screen--airy {
padding-block: clamp(74px, 10vh, 120px);
} .fp-grid {
width: min(1240px, calc(100% - 80px)) !important;
margin-inline: auto !important;
margin-block: 0 !important;
}
.fp-grid--2 {
display: grid !important;
grid-template-columns:
minmax(0, 1fr)
minmax(0, 1fr);
gap: clamp(48px, 6vw, 104px);
align-items: center;
}
.fp-grid--wide-left {
grid-template-columns:
minmax(0, 1.18fr)
minmax(0, .82fr);
}
.fp-grid--wide-right {
grid-template-columns:
minmax(0, .82fr)
minmax(0, 1.18fr);
} .fp-content {
position: relative;
z-index: 2;
}
.fp-content > :first-child {
margin-top: 0;
}
.fp-content > :last-child {
margin-bottom: 0;
}
.fp-content h2 {
margin-top: 0;
margin-bottom: clamp(26px, 3.5vh, 46px);
text-wrap: balance;
}
.fp-content p {
max-width: 680px;
}
.fp-content p + p {
margin-top: 1.15em;
} .fp-screen--text {
align-items: center;
}
.fp-screen--text > h2,
.fp-screen--text > p,
.fp-screen--text > ul {
width: min(820px, calc(100% - 80px));
}
.fp-screen--text > h2 {
margin-inline: auto;
margin-top: 0;
margin-bottom: clamp(30px, 4vh, 48px);
}
.fp-screen--text > p,
.fp-screen--text > ul {
margin-inline: auto;
}
.fp-screen--text > p + p {
margin-top: 1.3em;
}
.fp-screen--text ul {
margin-top: 28px;
margin-bottom: 34px;
} .fp-intro > h2,
.fp-intro > p {
width: min(840px, calc(100% - 80px));
} .fp-image {
margin: 0 !important;
}
.fp-image img {
display: block;
width: auto;
max-width: 100%;
height: auto;
margin-inline: auto;
} .fp-image--landscape img {
width: 100%;
height: auto;
max-height: 52svh;
object-fit: contain;
} .fp-visual--portrait {
display: flex;
align-items: center;
justify-content: center;
}
.fp-image--portrait img {
width: auto;
height: auto;
max-height: 67svh;
max-width: 100%;
object-fit: contain;
} .fp-visual--small .fp-image--portrait img {
max-height: 56svh;
} .fp-divider {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: min(380px, calc(100% - 48px));
height: 28px;
margin: clamp(34px, 4.5vh, 56px) auto;
color: var(--fp-gold);
} .fp-divider::before,
.fp-divider::after {
content: "";
flex: 1;
height: 1px;
}
.fp-divider::before {
background:
linear-gradient(
90deg,
transparent 0%,
rgba(198,161,91,.15) 25%,
rgba(198,161,91,.68) 100%
);
}
.fp-divider::after {
background:
linear-gradient(
90deg,
rgba(198,161,91,.68) 0%,
rgba(198,161,91,.15) 75%,
transparent 100%
);
} .fp-divider__diamond {
position: relative;
flex: 0 0 auto;
width: 11px;
height: 11px;
margin-inline: 14px;
border: 1px solid var(--fp-gold);
transform: rotate(45deg);
}
.fp-divider__diamond::after {
content: "";
position: absolute;
width: 2.5px;
height: 2.5px;
top: 50%;
left: 50%;
border-radius: 50%;
background: var(--fp-gold);
transform: translate(-50%, -50%);
} .fp-divider--chapter {
width: min(420px, calc(100% - 48px));
margin-block: clamp(46px, 6vh, 72px);
} .fp-divider--internal {
width: min(230px, calc(100% - 64px));
margin-block: clamp(22px, 3vh, 34px);
opacity: .68;
}
.fp-divider--internal .fp-divider__diamond {
width: 7px;
height: 7px;
margin-inline: 10px;
} .fp-divider__fan {
position: relative;
flex: 0 0 auto;
width: 34px;
height: 18px;
margin-inline: 14px;
}
.fp-divider__fan::before {
content: "";
position: absolute;
left: 4px;
bottom: 0;
width: 26px;
height: 13px;
border-top: 1px solid var(--fp-gold);
border-left: 1px solid var(--fp-gold);
border-right: 1px solid var(--fp-gold);
border-radius: 50% 50% 0 0;
}
.fp-divider__fan::after {
content: "";
position: absolute;
left: 50%;
bottom: 0;
width: 1px;
height: 14px;
background: var(--fp-gold);
transform: translateX(-50%);
box-shadow:
-8px 3px 0 -0.15px var(--fp-gold),
8px 3px 0 -0.15px var(--fp-gold);
} .fp-essential {
min-height: 100svh;
background: var(--fp-night);
color: var(--fp-ivory);
align-items: center;
padding-inline: 40px;
text-align: center;
}
.fp-essential::before {
content: "";
position: absolute;
inset:
clamp(30px, 5vh, 56px)
clamp(24px, 4vw, 52px);
border: 1px solid rgba(198,161,91,.38);
pointer-events: none;
}
.fp-essential::after {
content: "◆";
position: absolute;
top: clamp(21px, 3.8vh, 42px);
left: 50%;
padding-inline: 12px;
color: var(--fp-gold);
background: var(--fp-night);
font-size: 11px;
transform: translateX(-50%);
}
.fp-essential .wp-block-pullquote {
position: relative;
z-index: 2;
width: min(860px, 100%);
margin: auto;
border: 0;
}
.fp-essential blockquote {
border: 0 !important;
} .fp-conclusion > h2,
.fp-conclusion > p {
width: min(820px, calc(100% - 80px));
} @media (max-width: 1024px) {
.fp-grid {
width: min(100% - 56px, 1050px) !important;
}
.fp-grid--2,
.fp-grid--wide-left,
.fp-grid--wide-right {
grid-template-columns:
minmax(0, 1fr)
minmax(0, 1fr);
gap: 40px;
}
.fp-image--landscape img {
max-height: 46svh;
}
.fp-image--portrait img {
max-height: 58svh;
}
} @media (max-width: 767px) { .fp-screen {
min-height: 100svh;
padding:
clamp(48px, 6svh, 64px)
20px
clamp(46px, 6svh, 62px);
overflow: clip;
}
.fp-screen--dense,
.fp-screen--airy {
padding-top: 52px;
padding-bottom: 52px;
} .fp-grid,
.fp-grid--2,
.fp-grid--wide-left,
.fp-grid--wide-right {
width: 100% !important;
display: flex !important;
flex-direction: column;
gap: clamp(24px, 3.8svh, 36px);
} .fp-grid--reverse {
flex-direction: column;
} .fp-content {
width: 100%;
}
.fp-content h2,
.fp-screen--text > h2 {
font-size: clamp(34px, 9vw, 47px);
line-height: 1.02;
margin-bottom: 26px;
}
.fp-content p,
.fp-screen--text > p,
.fp-screen--text li {
font-size: 17px;
line-height: 1.65;
}
.fp-content p + p,
.fp-screen--text > p + p {
margin-top: 1.05em;
} .fp-screen--text > h2,
.fp-screen--text > p,
.fp-screen--text > ul,
.fp-intro > h2,
.fp-intro > p,
.fp-conclusion > h2,
.fp-conclusion > p {
width: 100%;
} .fp-image--landscape {
width: 100%;
}
.fp-image--landscape img {
width: 100%;
height: auto;
max-height: none;
object-fit: contain;
} .fp-visual--portrait {
width: min(76%, 320px) !important;
margin-inline: auto;
}
.fp-image--portrait img {
width: 100%;
height: auto;
max-height: 48svh;
object-fit: contain;
} .fp-visual--small {
width: min(64%, 270px) !important;
}
.fp-visual--small .fp-image--portrait img {
max-height: 42svh;
} .fp-divider {
width: min(220px, calc(100% - 48px));
height: 22px;
margin-block: 30px;
}
.fp-divider--chapter {
width: min(250px, calc(100% - 48px));
margin-block: 38px;
}
.fp-divider--internal {
width: 145px;
margin-block: 22px;
}
.fp-divider__diamond {
width: 9px;
height: 9px;
margin-inline: 10px;
}
.fp-divider__fan {
width: 30px;
height: 16px;
margin-inline: 10px;
} .fp-essential {
padding-inline: 28px;
}
.fp-essential::before {
inset: 18px 10px;
}
.fp-essential::after {
top: 12px;
font-size: 9px;
}
} @media (max-width: 390px) {
.fp-screen {
padding-left: 17px;
padding-right: 17px;
}
.fp-content p,
.fp-screen--text > p,
.fp-screen--text li {
font-size: 16.5px;
line-height: 1.62;
}
.fp-content h2,
.fp-screen--text > h2 {
font-size: clamp(31px, 9vw, 40px);
}
} .fp-newsletter-global,
.fp-newsletter-global *,
.fp-newsletter-form-only,
.fp-newsletter-form-only * {
box-sizing: border-box;
}
.fp-newsletter-global {
clear: both;
width: 100%;
max-width: 100%;
}
.fp-newsletter-global__inner,
.fp-newsletter-global__form,
.fp-newsletter-form-only {
min-width: 0;
}
.fp-newsletter-global__form form,
.fp-newsletter-form-only form {
width: 100%;
max-width: 100%;
margin: 0;
}
.fp-newsletter-global__form input,
.fp-newsletter-global__form button,
.fp-newsletter-global__form select,
.fp-newsletter-global__form textarea,
.fp-newsletter-form-only input,
.fp-newsletter-form-only button,
.fp-newsletter-form-only select,
.fp-newsletter-form-only textarea {
max-width: 100%;
} .fpbook21__english-interest .fp-newsletter-form-only {
width: 100%;
max-width: 100%;
margin: 0;
}
.fpbook21__english-interest
.fp-newsletter-form-only
input[type="email"],
.fpbook21__english-interest
.fp-newsletter-form-only
input[type="text"] {
color: #081426 !important;
background: #f4ead7 !important;
border-color: #c8a45f !important;
}
.fpbook21__english-interest
.fp-newsletter-form-only
input[type="submit"],
.fpbook21__english-interest
.fp-newsletter-form-only
button[type="submit"] {
color: #081426 !important;
background: #c8a45f !important;
border-color: #c8a45f !important;
}
.fpbook21__english-interest
.fp-newsletter-form-only
input[type="submit"]:hover,
.fpbook21__english-interest
.fp-newsletter-form-only
input[type="submit"]:focus-visible,
.fpbook21__english-interest
.fp-newsletter-form-only
button[type="submit"]:hover,
.fpbook21__english-interest
.fp-newsletter-form-only
button[type="submit"]:focus-visible {
color: #f4ead7 !important;
background: transparent !important;
} @media (max-width: 680px) {
.fp-newsletter-global,
.fp-newsletter-form-only {
max-width: 100%;
}
.fp-newsletter-global__form form,
.fp-newsletter-form-only form {
width: 100%;
}
.fp-newsletter-global__form input[type="email"],
.fp-newsletter-global__form input[type="text"],
.fp-newsletter-form-only input[type="email"],
.fp-newsletter-form-only input[type="text"] {
width: 100%;
font-size: 16px !important;
}
.fp-newsletter-global__form input[type="submit"],
.fp-newsletter-global__form button[type="submit"],
.fp-newsletter-form-only input[type="submit"],
.fp-newsletter-form-only button[type="submit"] {
width: 100%;
min-height: 52px;
}
} .fp-newsletter-global :focus-visible,
.fp-newsletter-form-only :focus-visible {
outline: 2px solid #c6a15b;
outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
.fp-newsletter-global *,
.fp-newsletter-form-only * {
animation: none !important;
transition: none !important;
}
}
.fp-reveal {
opacity: 0;
transform: translateY(28px);
transition:
opacity 700ms ease,
transform 700ms ease;
}
.fp-reveal.is-visible {
opacity: 1;
transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
.fp-reveal {
opacity: 1 !important;
transform: none !important;
transition: none !important;
}
}  @media (min-width: 1025px) and (min-height: 720px) {
.fpv42-manifest,
.fpv42-places,
.fpv42-people,
.fpv42-gazette,
.fp-screen,
.fp-essential {
min-height: calc(100svh - 76px);
}
} @media (min-width: 1025px) and (max-height: 719px) {
.fpv42-manifest,
.fpv42-places,
.fpv42-people,
.fpv42-gazette,
.fp-screen,
.fp-essential {
min-height: auto !important;
height: auto !important;
}
} @media (max-width: 1024px) {
.fpv42-manifest,
.fpv42-places,
.fpv42-people,
.fpv42-gazette,
.fp-screen,
.fp-essential {
min-height: auto !important;
height: auto !important;
}
} @media (max-width: 767px) {
.fpv42-manifest,
.fpv42-places,
.fpv42-people,
.fpv42-gazette,
.fp-screen,
.fp-essential {
min-height: auto !important;
height: auto !important;
}
}  @media (min-width: 1320px) {
.fp-global-design h1,
.fp-screen h1,
.fp-essential h1 {
font-size: clamp(3.8rem, 5.8vw, 6.6rem);
line-height: 0.98;
}
.fp-global-design h2,
.fp-screen h2,
.fp-essential h2 {
font-size: clamp(2.7rem, 4.3vw, 4.8rem);
line-height: 1.04;
}
.fp-global-design h3,
.fp-screen h3,
.fp-essential h3 {
font-size: clamp(1.55rem, 2.1vw, 2.25rem);
line-height: 1.15;
}
} @media (min-width: 1025px) and (max-width: 1319px) {
.fp-global-design h1,
.fp-screen h1,
.fp-essential h1 {
font-size: clamp(3.2rem, 5vw, 5.4rem);
line-height: 1;
}
.fp-global-design h2,
.fp-screen h2,
.fp-essential h2 {
font-size: clamp(2.35rem, 3.8vw, 4rem);
line-height: 1.06;
}
.fp-global-design h3,
.fp-screen h3,
.fp-essential h3 {
font-size: clamp(1.4rem, 1.9vw, 2rem);
line-height: 1.18;
}
} @media (min-width: 768px) and (max-width: 1024px) {
.fp-global-design h1,
.fp-screen h1,
.fp-essential h1 {
font-size: clamp(2.8rem, 7vw, 4.5rem);
line-height: 1.02;
}
.fp-global-design h2,
.fp-screen h2,
.fp-essential h2 {
font-size: clamp(2.15rem, 5.5vw, 3.4rem);
line-height: 1.08;
}
.fp-global-design h3,
.fp-screen h3,
.fp-essential h3 {
font-size: clamp(1.35rem, 3vw, 1.8rem);
line-height: 1.2;
}
} @media (max-width: 767px) {
.fp-global-design h1,
.fp-screen h1,
.fp-essential h1 {
font-size: clamp(2.15rem, 10vw, 3.4rem);
line-height: 1.03;
}
.fp-global-design h2,
.fp-screen h2,
.fp-essential h2 {
font-size: clamp(1.85rem, 8vw, 2.8rem);
line-height: 1.08;
}
.fp-global-design h3,
.fp-screen h3,
.fp-essential h3 {
font-size: clamp(1.3rem, 5.7vw, 1.75rem);
line-height: 1.18;
}
} @media (max-width: 390px) {
.fp-global-design h1,
.fp-screen h1,
.fp-essential h1 {
font-size: clamp(2rem, 11vw, 2.9rem);
}
.fp-global-design h2,
.fp-screen h2,
.fp-essential h2 {
font-size: clamp(1.72rem, 9vw, 2.45rem);
}
} .fp-global-design section,
.fp-screen,
.fp-essential {
scroll-margin-top: 96px;
}
.fp-global-design .fp-section-heading,
.fp-global-design .fpv42-section-heading,
.fp-global-design .fpv42-manifest__heading {
margin-bottom: clamp(30px, 4vw, 58px);
}
@media (max-width: 767px) {
.fp-global-design .fp-section-heading,
.fp-global-design .fpv42-section-heading,
.fp-global-design .fpv42-manifest__heading {
margin-bottom: 28px;
}
}  :root {
--fp-content-wide: 1480px;
--fp-content-main: 1240px;
--fp-content-reading: 860px;
--fp-gutter-desktop: clamp(32px, 4vw, 64px);
--fp-gutter-tablet: 28px;
--fp-gutter-mobile: 18px;
--fp-gutter-small: 14px;
} .fp-global-design .fp-layout-wide,
.fp-global-design .fpv42-home,
.fp-global-design .fp-screen,
.fp-global-design .fp-essential {
box-sizing: border-box;
width: 100%;
max-width: var(--fp-content-wide);
margin-left: auto;
margin-right: auto;
padding-left: var(--fp-gutter-desktop);
padding-right: var(--fp-gutter-desktop);
} .fp-global-design .fp-layout-main,
.fp-global-design .fpv42-section-heading,
.fp-global-design .fpv42-manifest__grid,
.fp-global-design .fpv42-places__grid,
.fp-global-design .fpv42-people__grid,
.fp-global-design .fpv42-gazette__grid {
box-sizing: border-box;
width: 100%;
max-width: var(--fp-content-main);
margin-left: auto;
margin-right: auto;
} .fp-global-design .fp-reading,
.fp-global-design .fp-reading-width {
width: min(100%, var(--fp-content-reading));
margin-left: auto;
margin-right: auto;
} .fp-global-design [class*="__grid"],
.fp-global-design [class*="__content"],
.fp-global-design article,
.fp-global-design section {
min-width: 0;
}
.fp-global-design img,
.fp-global-design video,
.fp-global-design iframe,
.fp-global-design svg {
max-width: 100%;
} @media (max-width: 1024px) {
.fp-global-design .fp-layout-wide,
.fp-global-design .fpv42-home,
.fp-global-design .fp-screen,
.fp-global-design .fp-essential {
padding-left: var(--fp-gutter-tablet);
padding-right: var(--fp-gutter-tablet);
}
} @media (max-width: 767px) {
.fp-global-design .fp-layout-wide,
.fp-global-design .fpv42-home,
.fp-global-design .fp-screen,
.fp-global-design .fp-essential {
padding-left: var(--fp-gutter-mobile);
padding-right: var(--fp-gutter-mobile);
}
.fp-global-design .fpv42-section-heading,
.fp-global-design .fpv42-manifest__grid,
.fp-global-design .fpv42-places__grid,
.fp-global-design .fpv42-people__grid,
.fp-global-design .fpv42-gazette__grid {
max-width: 100%;
}
} @media (max-width: 390px) {
.fp-global-design .fp-layout-wide,
.fp-global-design .fpv42-home,
.fp-global-design .fp-screen,
.fp-global-design .fp-essential {
padding-left: var(--fp-gutter-small);
padding-right: var(--fp-gutter-small);
}
}  .fp-global-design img {
display: block;
max-width: 100%;
height: auto;
}
.fp-global-design figure {
margin: 0;
} .fp-global-design .fp-hero-media,
.fp-global-design .fpv42-hero__picture,
.fp-global-design .fp-screen__media,
.fp-global-design .fp-essential__media {
overflow: hidden;
aspect-ratio: 16 / 9;
}
.fp-global-design .fp-hero-media img,
.fp-global-design .fpv42-hero__picture img,
.fp-global-design .fp-screen__media img,
.fp-global-design .fp-essential__media img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
} .fp-global-design .fp-card-media,
.fp-global-design .fpv42-place-card__picture,
.fp-global-design .fpv42-gazette-card__picture {
overflow: hidden;
aspect-ratio: 4 / 3;
}
.fp-global-design .fp-card-media img,
.fp-global-design .fpv42-place-card__picture img,
.fp-global-design .fpv42-gazette-card__picture img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
} .fp-global-design .fp-portrait,
.fp-global-design .fpv42-person__portrait {
overflow: hidden;
aspect-ratio: 4 / 5;
}
.fp-global-design .fp-portrait img,
.fp-global-design .fpv42-person__portrait img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
} .fp-global-design .fp-cover,
.fp-global-design .fp-book-cover,
.fp-global-design .fp-magazine-cover {
overflow: hidden;
aspect-ratio: 3 / 4;
}
.fp-global-design .fp-cover img,
.fp-global-design .fp-book-cover img,
.fp-global-design .fp-magazine-cover img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
} .fp-global-design img[width][height] {
height: auto;
} @media (max-width: 1024px) {
.fp-global-design .fpv42-place-card__picture,
.fp-global-design .fpv42-gazette-card__picture {
aspect-ratio: 16 / 10;
}
.fp-global-design .fpv42-person__portrait {
aspect-ratio: 4 / 5;
}
} @media (max-width: 767px) {
.fp-global-design .fpv42-hero__picture,
.fp-global-design .fp-screen__media,
.fp-global-design .fp-essential__media {
aspect-ratio: 16 / 10;
}
.fp-global-design .fpv42-place-card__picture,
.fp-global-design .fpv42-gazette-card__picture {
aspect-ratio: 16 / 10;
}
.fp-global-design .fpv42-person__portrait {
aspect-ratio: 4 / 5;
max-height: 520px;
}
} @media (max-width: 390px) {
.fp-global-design .fpv42-hero__picture,
.fp-global-design .fp-screen__media,
.fp-global-design .fp-essential__media {
aspect-ratio: 4 / 3;
}
.fp-global-design .fpv42-place-card__picture,
.fp-global-design .fpv42-gazette-card__picture {
aspect-ratio: 4 / 3;
}
}  :root {
--fp-gold: #C6A15B;
--fp-ivory: #F4F0E6;
--fp-night: #0F1E33;
--fp-black: #0B0B0B;
--fp-ease-premium:
cubic-bezier(.22, .61, .36, 1);
--fp-duration-fast: 180ms;
--fp-duration-medium: 320ms;
--fp-duration-slow: 700ms;
} .fp-global-design .fp-button,
.fp-global-design .fpv42-button,
.fp-global-design .wp-block-button__link,
.fp-global-design .fp-cta,
.fp-global-design .fpbook21__button {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding:
13px
24px;
overflow: hidden;
font-family:
Inter,
Arial,
sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1.2;
letter-spacing: .11em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
border-radius: 0;
cursor: pointer;
transition:
color var(--fp-duration-medium) var(--fp-ease-premium),
background-color var(--fp-duration-medium) var(--fp-ease-premium),
border-color var(--fp-duration-medium) var(--fp-ease-premium),
transform var(--fp-duration-fast) var(--fp-ease-premium),
box-shadow var(--fp-duration-medium) var(--fp-ease-premium);
} .fp-global-design .fp-button--gold,
.fp-global-design .fpv42-button--gold,
.fp-global-design .fpbook21__button--primary {
color: var(--fp-black);
background: var(--fp-gold);
border:
1px solid
var(--fp-gold);
}
.fp-global-design .fp-button--gold:hover,
.fp-global-design .fp-button--gold:focus-visible,
.fp-global-design .fpv42-button--gold:hover,
.fp-global-design .fpv42-button--gold:focus-visible,
.fp-global-design .fpbook21__button--primary:hover,
.fp-global-design .fpbook21__button--primary:focus-visible {
color: var(--fp-ivory);
background: transparent;
transform:
translateY(-2px);
box-shadow:
0 8px 24px
rgba(0,0,0,.14);
} .fp-global-design .fp-button--outline,
.fp-global-design .fpv42-button--outline {
color: var(--fp-gold);
background: transparent;
border:
1px solid
rgba(198,161,91,.72);
}
.fp-global-design .fp-button--outline:hover,
.fp-global-design .fp-button--outline:focus-visible,
.fp-global-design .fpv42-button--outline:hover,
.fp-global-design .fpv42-button--outline:focus-visible {
color: var(--fp-black);
background: var(--fp-gold);
border-color: var(--fp-gold);
transform:
translateY(-2px);
} .fp-global-design .fp-button::before,
.fp-global-design .fpv42-button::before,
.fp-global-design .wp-block-button__link::before,
.fp-global-design .fp-cta::before,
.fp-global-design .fpbook21__button::before {
content: "";
position: absolute;
top: 0;
left: -130%;
width: 70%;
height: 100%;
pointer-events: none;
background:
linear-gradient(
110deg,
transparent 0%,
rgba(255,255,255,.08) 35%,
rgba(255,255,255,.22) 50%,
rgba(255,255,255,.08) 65%,
transparent 100%
);
transform:
skewX(-18deg);
transition:
left 650ms
var(--fp-ease-premium);
}
.fp-global-design .fp-button:hover::before,
.fp-global-design .fpv42-button:hover::before,
.fp-global-design .wp-block-button__link:hover::before,
.fp-global-design .fp-cta:hover::before,
.fp-global-design .fpbook21__button:hover::before {
left: 145%;
} .fp-global-design .fp-link,
.fp-global-design .fpv42-person strong,
.fp-global-design .fpv42-portal strong,
.fp-global-design .fpv42-place-card strong {
position: relative;
display: inline-block;
text-decoration: none;
}
.fp-global-design .fp-link::after,
.fp-global-design .fpv42-person strong::after,
.fp-global-design .fpv42-portal strong::after,
.fp-global-design .fpv42-place-card strong::after {
content: "";
position: absolute;
left: 0;
bottom: -5px;
width: 100%;
height: 1px;
background: currentColor;
transform:
scaleX(.28);
transform-origin:
left center;
transition:
transform
var(--fp-duration-medium)
var(--fp-ease-premium);
}
.fp-global-design .fp-link:hover::after,
.fp-global-design a:hover .fpv42-person strong::after,
.fp-global-design a:hover .fpv42-portal strong::after,
.fp-global-design a:hover .fpv42-place-card strong::after {
transform:
scaleX(1);
} .fp-global-design .fpv42-place-card,
.fp-global-design .fpv42-person,
.fp-global-design .fpv42-gazette-card,
.fp-global-design .fp-card {
transition:
transform
var(--fp-duration-medium)
var(--fp-ease-premium),
box-shadow
var(--fp-duration-medium)
var(--fp-ease-premium);
}
.fp-global-design .fpv42-place-card:hover,
.fp-global-design .fpv42-person:hover,
.fp-global-design .fpv42-gazette-card:hover,
.fp-global-design .fp-card:hover {
transform:
translateY(-4px);
} .fp-global-design .fpv42-place-card__picture img,
.fp-global-design .fpv42-person__portrait img,
.fp-global-design .fpv42-gazette-card__picture img,
.fp-global-design .fp-card img {
transition:
transform
650ms
var(--fp-ease-premium);
}
.fp-global-design .fpv42-place-card:hover
.fpv42-place-card__picture img,
.fp-global-design .fpv42-person:hover
.fpv42-person__portrait img,
.fp-global-design .fpv42-gazette-card:hover
.fpv42-gazette-card__picture img,
.fp-global-design .fp-card:hover img {
transform:
scale(1.035);
} .fp-reveal {
opacity: 0;
transform:
translateY(28px);
transition:
opacity
var(--fp-duration-slow)
var(--fp-ease-premium),
transform
var(--fp-duration-slow)
var(--fp-ease-premium);
}
.fp-reveal.is-visible {
opacity: 1;
transform:
translateY(0);
} .fp-reveal--soft {
transform:
translateY(16px);
}
.fp-reveal--left {
transform:
translateX(-28px);
}
.fp-reveal--right {
transform:
translateX(28px);
}
.fp-reveal--scale {
transform:
scale(.975);
}
.fp-reveal--left.is-visible,
.fp-reveal--right.is-visible {
transform:
translateX(0);
}
.fp-reveal--scale.is-visible {
transform:
scale(1);
} .fp-reveal-delay-1 {
transition-delay: 80ms;
}
.fp-reveal-delay-2 {
transition-delay: 150ms;
}
.fp-reveal-delay-3 {
transition-delay: 220ms;
}
.fp-reveal-delay-4 {
transition-delay: 290ms;
} .fp-global-design a:focus-visible,
.fp-global-design button:focus-visible,
.fp-global-design input:focus-visible,
.fp-global-design select:focus-visible,
.fp-global-design textarea:focus-visible {
outline:
2px solid
var(--fp-gold);
outline-offset:
3px;
} @media (max-width: 767px) {
.fp-global-design .fp-button,
.fp-global-design .fpv42-button,
.fp-global-design .wp-block-button__link,
.fp-global-design .fp-cta,
.fp-global-design .fpbook21__button {
width: 100%;
min-height: 52px;
padding:
14px
18px;
font-size: 12px;
}
.fp-global-design a,
.fp-global-design button {
touch-action: manipulation;
}
} @media (max-width: 390px) {
.fp-global-design .fp-button,
.fp-global-design .fpv42-button,
.fp-global-design .wp-block-button__link,
.fp-global-design .fp-cta,
.fp-global-design .fpbook21__button {
min-height: 50px;
font-size: 11px;
letter-spacing: .09em;
}
} @media (prefers-reduced-motion: reduce) {
.fp-reveal,
.fp-reveal--soft,
.fp-reveal--left,
.fp-reveal--right,
.fp-reveal--scale {
opacity: 1 !important;
transform: none !important;
transition: none !important;
}
.fp-global-design .fp-button,
.fp-global-design .fpv42-button,
.fp-global-design .wp-block-button__link,
.fp-global-design .fp-cta,
.fp-global-design .fpbook21__button,
.fp-global-design .fpv42-place-card,
.fp-global-design .fpv42-person,
.fp-global-design .fpv42-gazette-card,
.fp-global-design .fp-card,
.fp-global-design img {
transition: none !important;
}
.fp-global-design .fp-button::before,
.fp-global-design .fpv42-button::before,
.fp-global-design .wp-block-button__link::before,
.fp-global-design .fp-cta::before,
.fp-global-design .fpbook21__button::before {
display: none !important;
}
}  [id] {
scroll-margin-top: 96px;
} .fp-global-design section + section,
.fp-screen + .fp-screen,
.fp-essential + .fp-essential {
margin-top: clamp(56px, 7vw, 110px);
}
@media (max-width: 767px) {
.fp-global-design section + section,
.fp-screen + .fp-screen,
.fp-essential + .fp-essential {
margin-top: 46px;
}
} .fp-section-divider {
display: flex;
align-items: center;
justify-content: center;
width: min(420px, 72%);
margin:
clamp(42px, 6vw, 72px)
auto;
gap: 14px;
color: #C6A15B;
}
.fp-section-divider::before,
.fp-section-divider::after {
content: "";
flex: 1;
height: 1px;
background:
linear-gradient(
to right,
transparent,
rgba(198,161,91,.45)
);
}
.fp-section-divider::after {
transform: scaleX(-1);
}
.fp-section-divider span {
width: 7px;
height: 7px;
background: #C6A15B;
transform: rotate(45deg);
} .fp-global-design .fp-eyebrow,
.fp-global-design .fpv42-eyebrow,
.fp-global-design [class*="__eyebrow"] {
margin-bottom: 14px;
color: #C6A15B;
font-family:
Inter,
Arial,
sans-serif;
font-size: 11px;
font-weight: 600;
line-height: 1.4;
letter-spacing: .18em;
text-transform: uppercase;
} .fp-global-design .fp-prose,
.fp-global-design .fp-reading,
.fp-global-design .entry-content > p {
max-width: 72ch;
}
.fp-global-design .fp-prose p,
.fp-global-design .fp-reading p {
text-wrap: pretty;
} .fp-global-design .fp-lead,
.fp-global-design .fp-chapo {
max-width: 62ch;
font-size:
clamp(1.08rem, 1.4vw, 1.28rem);
line-height: 1.75;
} .fp-global-design blockquote,
.fp-global-design .fp-quote {
position: relative;
max-width: 900px;
margin:
clamp(42px, 6vw, 74px)
auto;
padding:
0
clamp(22px, 4vw, 44px);
color: #0F1E33;
font-family:
"Cormorant Garamond",
Georgia,
serif;
font-size:
clamp(1.65rem, 2.8vw, 2.8rem);
line-height: 1.28;
border-left:
2px solid
#C6A15B;
} @media (max-width: 767px) {
.fp-section-divider {
width: 78%;
margin:
38px
auto;
}
.fp-global-design .fp-lead,
.fp-global-design .fp-chapo {
font-size: 1.05rem;
line-height: 1.7;
}
.fp-global-design blockquote,
.fp-global-design .fp-quote {
margin:
38px
auto;
padding:
0
20px;
font-size:
clamp(1.45rem, 7vw, 2.1rem);
}
}  .fpv5-site-header {
position: sticky;
top: 0;
z-index: 9999;
width: 100%;
background:
rgba(11, 11, 11, .92);
backdrop-filter:
blur(14px);
-webkit-backdrop-filter:
blur(14px);
border-bottom:
1px solid
rgba(198,161,91,.18);
transition:
background-color 240ms ease,
border-color 240ms ease,
box-shadow 240ms ease;
} .fpv5-site-header__inner {
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
width: min(100%, 1480px);
min-height: 76px;
margin:
0 auto;
padding:
0
clamp(18px, 4vw, 64px);
} .fpv5-site-header__brand {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
min-width: 48px;
min-height: 48px;
color: #C6A15B;
text-decoration: none;
font-family:
"Cinzel",
"Cormorant Garamond",
Georgia,
serif;
font-size: 18px;
font-weight: 600;
letter-spacing: .08em;
transition:
color 180ms ease,
transform 180ms ease;
}
.fpv5-site-header__brand:hover,
.fpv5-site-header__brand:focus-visible {
color: #F4F0E6;
transform:
translateY(-1px);
} .fpv5-site-header__desktop-row {
display: flex;
align-items: center;
justify-content: flex-end;
flex: 1;
min-width: 0;
}
.fpv5-main-navigation {
display: flex;
align-items: center;
gap:
clamp(18px, 2vw, 30px);
margin-left:
clamp(22px, 4vw, 58px);
}
.fpv5-main-navigation a,
.fpv5-header-contact {
position: relative;
display: inline-flex;
align-items: center;
min-height: 48px;
color:
rgba(244,240,230,.84);
text-decoration: none;
font-family:
Inter,
Arial,
sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: .08em;
transition:
color 180ms ease;
}
.fpv5-main-navigation a::after,
.fpv5-header-contact::after {
content: "";
position: absolute;
left: 0;
bottom: 8px;
width: 100%;
height: 1px;
background: #C6A15B;
transform:
scaleX(0);
transform-origin:
left center;
transition:
transform 240ms ease;
}
.fpv5-main-navigation a:hover,
.fpv5-main-navigation a:focus-visible,
.fpv5-main-navigation a.is-current,
.fpv5-header-contact:hover,
.fpv5-header-contact:focus-visible {
color: #F4F0E6;
}
.fpv5-main-navigation a:hover::after,
.fpv5-main-navigation a:focus-visible::after,
.fpv5-main-navigation a.is-current::after,
.fpv5-header-contact:hover::after,
.fpv5-header-contact:focus-visible::after {
transform:
scaleX(1);
} .fpv5-header-tools {
display: flex;
align-items: center;
gap: 16px;
margin-left:
clamp(20px, 3vw, 40px);
} .fpv5-header-tools
.fp-global-languages,
.fpv5-mobile-panel
.fp-global-languages {
display: flex;
align-items: center;
gap: 8px;
}
.fp-global-languages a {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 38px;
min-height: 38px;
padding:
0 8px;
color:
rgba(244,240,230,.68);
text-decoration: none;
font-family:
Inter,
Arial,
sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: .08em;
border:
1px solid
rgba(198,161,91,.22);
transition:
color 180ms ease,
border-color 180ms ease,
background-color 180ms ease;
}
.fp-global-languages a:hover,
.fp-global-languages a:focus-visible,
.fp-global-languages a.is-current {
color: #0B0B0B;
background: #C6A15B;
border-color: #C6A15B;
} .fpv5-header-book {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding:
10px 16px;
color: #0B0B0B;
background: #C6A15B;
text-decoration: none;
font-family:
Inter,
Arial,
sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: .09em;
text-transform: uppercase;
border:
1px solid
#C6A15B;
transition:
color 200ms ease,
background-color 200ms ease,
transform 200ms ease;
}
.fpv5-header-book:hover,
.fpv5-header-book:focus-visible {
color: #F4F0E6;
background: transparent;
transform:
translateY(-1px);
} .fpv5-menu-toggle {
display: none;
align-items: center;
justify-content: center;
gap: 5px;
min-width: 48px;
min-height: 48px;
padding: 0;
color: #F4F0E6;
background: transparent;
border: 0;
cursor: pointer;
touch-action: manipulation;
}
.fpv5-menu-toggle span {
display: block;
width: 22px;
height: 1px;
background: #C6A15B;
transition:
transform 220ms ease,
opacity 220ms ease;
}
.fpv5-menu-toggle strong {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip:
rect(0 0 0 0);
white-space: nowrap;
} .fpv5-mobile-panel {
display: none;
position: fixed;
z-index: 9998;
top: 76px;
left: 0;
right: 0;
max-height:
calc(100svh - 76px);
overflow-y: auto;
padding:
30px
22px
26px;
background:
linear-gradient(
180deg,
#0B0B0B 0%,
#0F1E33 100%
);
border-top:
1px solid
rgba(198,161,91,.16);
border-bottom:
1px solid
rgba(198,161,91,.26);
box-shadow:
0 20px 50px
rgba(0,0,0,.30);
} .fpv5-mobile-navigation {
display: grid;
gap: 2px;
}
.fpv5-mobile-navigation a {
position: relative;
display: flex;
align-items: center;
min-height: 56px;
padding:
11px 0;
color: #F4F0E6;
text-decoration: none;
font-family:
"Cormorant Garamond",
Georgia,
serif;
font-size:
clamp(1.45rem, 6vw, 2rem);
font-weight: 500;
line-height: 1.1;
border-bottom:
1px solid
rgba(198,161,91,.15);
}
.fpv5-mobile-navigation a::after {
content: "→";
margin-left: auto;
color: #C6A15B;
font-family:
Inter,
Arial,
sans-serif;
font-size: 15px;
transition:
transform 180ms ease;
}
.fpv5-mobile-navigation a:hover::after,
.fpv5-mobile-navigation a:focus-visible::after {
transform:
translateX(4px);
} .fpv5-mobile-panel__bottom {
display: grid;
gap: 14px;
margin-top: 28px;
}
.fpv5-mobile-panel__bottom > a {
display: flex;
align-items: center;
justify-content: center;
min-height: 50px;
color: #F4F0E6;
text-decoration: none;
font-family:
Inter,
Arial,
sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: .08em;
border:
1px solid
rgba(198,161,91,.28);
}
.fpv5-mobile-panel__bottom > a:last-child {
color: #0B0B0B;
background: #C6A15B;
border-color: #C6A15B;
font-weight: 700;
text-transform: uppercase;
} body.fpv5-menu-open {
overflow: hidden;
}
body.fpv5-menu-open
.fpv5-mobile-panel {
display: block;
animation:
fp-mobile-panel-in
260ms
cubic-bezier(.22,.61,.36,1)
both;
}
body.fpv5-menu-open
.fpv5-menu-toggle span:nth-child(1) {
transform:
translateY(6px)
rotate(45deg);
}
body.fpv5-menu-open
.fpv5-menu-toggle span:nth-child(2) {
opacity: 0;
}
body.fpv5-menu-open
.fpv5-menu-toggle span:nth-child(3) {
transform:
translateY(-6px)
rotate(-45deg);
} @keyframes fp-mobile-panel-in {
from {
opacity: 0;
transform:
translateY(-10px);
}
to {
opacity: 1;
transform:
translateY(0);
}
} @media (max-width: 1180px) {
.fpv5-site-header__desktop-row {
display: none;
}
.fpv5-menu-toggle {
display: inline-flex;
flex-direction: column;
}
} @media (max-width: 1024px) {
.fpv5-site-header__inner {
min-height: 70px;
padding:
0
28px;
}
.fpv5-mobile-panel {
top: 70px;
max-height:
calc(100svh - 70px);
}
} @media (max-width: 767px) {
.fpv5-site-header__inner {
min-height: 64px;
padding:
0
18px;
}
.fpv5-site-header__brand {
min-width: 44px;
min-height: 44px;
font-size: 16px;
}
.fpv5-menu-toggle {
min-width: 48px;
min-height: 48px;
}
.fpv5-mobile-panel {
top: 64px;
max-height:
calc(100svh - 64px);
padding:
26px
18px
24px;
}
.fpv5-mobile-navigation a {
min-height: 54px;
font-size:
clamp(
1.35rem,
6.5vw,
1.9rem
);
}
} @media (max-width: 390px) {
.fpv5-site-header__inner {
padding:
0
14px;
}
.fpv5-mobile-panel {
padding-left: 14px;
padding-right: 14px;
}
} .fpv5-site-header a:focus-visible,
.fpv5-site-header button:focus-visible,
.fpv5-mobile-panel a:focus-visible {
outline:
2px solid
#C6A15B;
outline-offset:
3px;
}
@media (prefers-reduced-motion: reduce) {
body.fpv5-menu-open
.fpv5-mobile-panel {
animation: none !important;
}
.fpv5-menu-toggle span,
.fpv5-mobile-navigation a::after,
.fpv5-site-header a {
transition: none !important;
}
}  .fp-global-footer {
position: relative;
width: 100%;
margin: 0;
padding:
clamp(64px, 8vw, 96px)
clamp(18px, 4vw, 64px)
clamp(28px, 4vw, 44px);
color: #F4F0E6;
background:
linear-gradient(
180deg,
#0B0B0B 0%,
#0F1E33 100%
);
border-top:
1px solid rgba(198,161,91,.24);
} .fp-global-footer__inner {
width: min(100%, 1480px);
margin:
0 auto;
} .fp-global-footer__ornament {
width: min(420px, 72%);
height: 1px;
margin:
0 auto
clamp(32px, 4vw, 48px);
background:
linear-gradient(
90deg,
transparent,
rgba(198,161,91,.55),
transparent
);
} .fp-global-footer__brand {
margin-bottom:
clamp(34px, 5vw, 56px);
text-align: center;
}
.fp-global-footer__title {
margin: 0;
color: #F4F0E6;
font-family:
"Cinzel",
"Cormorant Garamond",
Georgia,
serif;
font-size:
clamp(2rem, 3.8vw, 3.6rem);
font-weight: 500;
line-height: 1;
letter-spacing: .03em;
} .fp-global-footer__navigation {
display: grid;
grid-template-columns:
minmax(0, 2fr)
repeat(3, minmax(0, 1fr));
gap:
clamp(30px, 4vw, 56px);
align-items: start;
} .fp-global-footer__column h2 {
margin:
0 0 18px;
color: #C6A15B;
font-family:
Inter,
Arial,
sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 1.4;
letter-spacing: .16em;
text-transform: uppercase;
} .fp-global-footer__links,
.fp-global-footer__links-grid {
display: grid;
gap: 10px;
}
.fp-global-footer__links-grid {
grid-template-columns:
repeat(2, minmax(0, 1fr));
column-gap:
clamp(18px, 3vw, 34px);
}
.fp-global-footer a {
position: relative;
display: inline-flex;
align-items: center;
width: fit-content;
min-height: 36px;
color:
rgba(244,240,230,.76);
text-decoration: none;
font-family:
Inter,
Arial,
sans-serif;
font-size: 13px;
line-height: 1.4;
transition:
color 180ms ease,
transform 180ms ease;
}
.fp-global-footer a:hover,
.fp-global-footer a:focus-visible {
color: #F4F0E6;
transform:
translateX(2px);
} .fp-global-footer__languages
.fp-global-languages {
display: flex;
gap: 8px;
} .fp-global-footer__socials {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.fp-global-footer__social-link {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 44px;
min-height: 44px;
padding:
0 12px;
color: #C6A15B !important;
border:
1px solid
rgba(198,161,91,.35);
transition:
color 180ms ease,
background-color 180ms ease,
border-color 180ms ease,
transform 180ms ease;
}
.fp-global-footer__social-link:hover,
.fp-global-footer__social-link:focus-visible {
color: #0B0B0B !important;
background: #C6A15B;
border-color: #C6A15B;
transform:
translateY(-2px);
} .fp-global-footer__bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-top:
clamp(42px, 6vw, 68px);
padding-top: 20px;
color:
rgba(244,240,230,.48);
font-family:
Inter,
Arial,
sans-serif;
font-size: 11px;
letter-spacing: .08em;
border-top:
1px solid
rgba(198,161,91,.16);
}
.fp-global-footer__bottom p {
margin: 0;
} .fp-newsletter-global + .fp-global-footer,
.fp-newsletter-form-only + .fp-global-footer,
.fpbook21 + .fp-global-footer,
.fpch-chronique + .fp-global-footer,
.fp-route + .fp-global-footer,
.fp-lieu-v6 + .fp-global-footer {
margin-top: 0;
} @media (max-width: 1024px) {
.fp-global-footer__navigation {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}
.fp-global-footer__column--explore {
grid-column:
1 / -1;
}
} @media (max-width: 767px) {
.fp-global-footer {
padding:
56px
18px
28px;
}
.fp-global-footer__brand {
margin-bottom: 34px;
}
.fp-global-footer__navigation {
grid-template-columns: 1fr;
gap: 30px;
}
.fp-global-footer__column--explore {
grid-column: auto;
}
.fp-global-footer__links-grid {
grid-template-columns: 1fr;
gap: 6px;
}
.fp-global-footer a {
min-height: 44px;
font-size: 14px;
}
.fp-global-footer__bottom {
flex-direction: column;
align-items: flex-start;
gap: 8px;
margin-top: 38px;
}
} @media (max-width: 390px) {
.fp-global-footer {
padding-left: 14px;
padding-right: 14px;
}
} .fp-global-footer a:focus-visible {
outline:
2px solid
#C6A15B;
outline-offset:
3px;
}
@media (prefers-reduced-motion: reduce) {
.fp-global-footer a,
.fp-global-footer__social-link {
transition: none !important;
}
}  .fp-global-design form {
box-sizing: border-box;
}
.fp-global-design form *,
.fp-global-design input,
.fp-global-design textarea,
.fp-global-design select,
.fp-global-design button {
box-sizing: border-box;
} .fp-global-design label {
display: block;
margin-bottom: 7px;
color: #0F1E33;
font-family:
Inter,
Arial,
sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 1.4;
letter-spacing: .02em;
} .fp-global-design input[type="text"],
.fp-global-design input[type="email"],
.fp-global-design input[type="tel"],
.fp-global-design input[type="url"],
.fp-global-design input[type="search"],
.fp-global-design input[type="number"],
.fp-global-design input[type="password"],
.fp-global-design textarea,
.fp-global-design select {
display: block;
width: 100%;
max-width: 100%;
min-height: 50px;
padding:
12px
14px;
color: #0B0B0B;
background: #F4F0E6;
border:
1px solid
rgba(15,30,51,.22);
border-radius: 0;
outline: none;
font-family:
Inter,
Arial,
sans-serif;
font-size: 15px;
line-height: 1.45;
transition:
border-color 180ms ease,
box-shadow 180ms ease,
background-color 180ms ease;
} .fp-global-design textarea {
min-height: 150px;
resize: vertical;
} .fp-global-design input::placeholder,
.fp-global-design textarea::placeholder {
color:
rgba(11,11,11,.42);
opacity: 1;
} .fp-global-design input:focus,
.fp-global-design textarea:focus,
.fp-global-design select:focus {
background: #FFFDF8;
border-color: #C6A15B;
box-shadow:
0 0 0 3px
rgba(198,161,91,.12);
} .fp-global-design input[type="checkbox"],
.fp-global-design input[type="radio"] {
width: 18px;
height: 18px;
margin:
0 8px 0 0;
accent-color: #C6A15B;
vertical-align: middle;
} .fp-global-design form input[type="submit"],
.fp-global-design form button[type="submit"],
.fp-global-design .search-submit {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 50px;
padding:
13px
24px;
color: #0B0B0B;
background: #C6A15B;
border:
1px solid
#C6A15B;
border-radius: 0;
cursor: pointer;
font-family:
Inter,
Arial,
sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: .11em;
text-transform: uppercase;
transition:
color 200ms ease,
background-color 200ms ease,
transform 180ms ease,
box-shadow 200ms ease;
}
.fp-global-design form input[type="submit"]:hover,
.fp-global-design form input[type="submit"]:focus-visible,
.fp-global-design form button[type="submit"]:hover,
.fp-global-design form button[type="submit"]:focus-visible,
.fp-global-design .search-submit:hover,
.fp-global-design .search-submit:focus-visible {
color: #F4F0E6;
background: #0F1E33;
border-color: #0F1E33;
transform:
translateY(-1px);
box-shadow:
0 8px 22px
rgba(0,0,0,.12);
} .fp-global-design .form-row,
.fp-global-design .form-group,
.fp-global-design .wp-block-group.is-layout-flex form {
margin-bottom: 18px;
} .fp-global-design .form-help,
.fp-global-design .description,
.fp-global-design .form-description {
margin-top: 6px;
color:
rgba(15,30,51,.58);
font-family:
Inter,
Arial,
sans-serif;
font-size: 12px;
line-height: 1.5;
} .fp-global-design .form-error,
.fp-global-design .error,
.fp-global-design [aria-invalid="true"] {
border-color: #A24A3A !important;
}
.fp-global-design .form-error-message,
.fp-global-design .error-message {
margin-top: 6px;
color: #8A2F24;
font-family:
Inter,
Arial,
sans-serif;
font-size: 12px;
line-height: 1.45;
} .fp-global-design .form-success,
.fp-global-design .success-message {
padding:
14px
16px;
color: #183F2A;
background: #EEF7F1;
border:
1px solid
#A8CDB3;
font-family:
Inter,
Arial,
sans-serif;
font-size: 13px;
line-height: 1.5;
} .fp-global-design .search-form {
display: flex;
gap: 8px;
align-items: stretch;
}
.fp-global-design .search-form label {
flex: 1;
margin: 0;
}
.fp-global-design .search-form input[type="search"] {
height: 100%;
} @media (max-width: 767px) {
.fp-global-design input[type="text"],
.fp-global-design input[type="email"],
.fp-global-design input[type="tel"],
.fp-global-design input[type="url"],
.fp-global-design input[type="search"],
.fp-global-design input[type="number"],
.fp-global-design input[type="password"],
.fp-global-design textarea,
.fp-global-design select {
min-height: 50px;
font-size: 16px;
}
.fp-global-design form input[type="submit"],
.fp-global-design form button[type="submit"],
.fp-global-design .search-submit {
width: 100%;
min-height: 52px;
}
.fp-global-design .search-form {
flex-direction: column;
}
} .fp-global-design input:focus-visible,
.fp-global-design textarea:focus-visible,
.fp-global-design select:focus-visible,
.fp-global-design button:focus-visible {
outline:
2px solid
#C6A15B;
outline-offset:
2px;
}
@media (prefers-reduced-motion: reduce) {
.fp-global-design input,
.fp-global-design textarea,
.fp-global-design select,
.fp-global-design button {
transition: none !important;
}
}  .fp-global-design .fp-card,
.fp-global-design .fpv42-place-card,
.fp-global-design .fpv42-person,
.fp-global-design .fpv42-gazette-card,
.fp-global-design .archive article,
.fp-global-design .post-card {
position: relative;
min-width: 0;
overflow: hidden;
background: #F4F0E6;
border:
1px solid
rgba(15,30,51,.12);
box-shadow:
0 1px 0
rgba(255,255,255,.40);
transition:
transform 260ms cubic-bezier(.22,.61,.36,1),
box-shadow 260ms cubic-bezier(.22,.61,.36,1),
border-color 260ms cubic-bezier(.22,.61,.36,1);
} .fp-global-design .fp-card:hover,
.fp-global-design .fpv42-place-card:hover,
.fp-global-design .fpv42-person:hover,
.fp-global-design .fpv42-gazette-card:hover,
.fp-global-design .archive article:hover,
.fp-global-design .post-card:hover {
transform:
translateY(-4px);
border-color:
rgba(198,161,91,.42);
box-shadow:
0 18px 42px
rgba(11,11,11,.10);
} .fp-global-design .fp-card__media,
.fp-global-design .fpv42-place-card__picture,
.fp-global-design .fpv42-person__portrait,
.fp-global-design .fpv42-gazette-card__picture,
.fp-global-design .post-card__media {
overflow: hidden;
}
.fp-global-design .fp-card__media img,
.fp-global-design .fpv42-place-card__picture img,
.fp-global-design .fpv42-person__portrait img,
.fp-global-design .fpv42-gazette-card__picture img,
.fp-global-design .post-card__media img {
width: 100%;
height: 100%;
object-fit: cover;
transition:
transform 650ms cubic-bezier(.22,.61,.36,1);
}
.fp-global-design .fp-card:hover .fp-card__media img,
.fp-global-design .fpv42-place-card:hover .fpv42-place-card__picture img,
.fp-global-design .fpv42-person:hover .fpv42-person__portrait img,
.fp-global-design .fpv42-gazette-card:hover .fpv42-gazette-card__picture img,
.fp-global-design .post-card:hover .post-card__media img {
transform:
scale(1.035);
} .fp-global-design .fp-card__content,
.fp-global-design .fpv42-place-card__content,
.fp-global-design .fpv42-person__content,
.fp-global-design .fpv42-gazette-card__content,
.fp-global-design .post-card__content {
padding:
clamp(18px, 2.4vw, 28px);
} .fp-global-design .fp-card h3,
.fp-global-design .fpv42-place-card h3,
.fp-global-design .fpv42-person h3,
.fp-global-design .fpv42-gazette-card h3,
.fp-global-design .post-card h3 {
margin:
0 0 12px;
color: #0F1E33;
font-family:
"Cormorant Garamond",
Georgia,
serif;
font-size:
clamp(1.45rem, 2vw, 2rem);
font-weight: 600;
line-height: 1.12;
text-wrap: balance;
}
.fp-global-design .fp-card h3 a,
.fp-global-design .fpv42-gazette-card h3 a,
.fp-global-design .post-card h3 a {
color: inherit;
text-decoration: none;
} .fp-global-design .fp-card p,
.fp-global-design .fpv42-person p,
.fp-global-design .post-card p {
margin:
0 0 16px;
color:
rgba(15,30,51,.74);
font-family:
Inter,
Arial,
sans-serif;
font-size: 14px;
line-height: 1.65;
} .fp-global-design .fp-card__meta,
.fp-global-design .post-card__meta,
.fp-global-design .entry-meta {
display: flex;
flex-wrap: wrap;
gap:
7px 12px;
margin-bottom: 12px;
color:
rgba(15,30,51,.52);
font-family:
Inter,
Arial,
sans-serif;
font-size: 11px;
line-height: 1.4;
letter-spacing: .08em;
text-transform: uppercase;
} .fp-global-design .fp-card__action,
.fp-global-design .fpv42-place-card strong,
.fp-global-design .fpv42-person strong,
.fp-global-design .post-card__action {
position: relative;
display: inline-block;
color: #9B783D;
font-family:
Inter,
Arial,
sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: .10em;
text-transform: uppercase;
}
.fp-global-design .fp-card__action::after,
.fp-global-design .fpv42-place-card strong::after,
.fp-global-design .fpv42-person strong::after,
.fp-global-design .post-card__action::after {
content: "";
position: absolute;
left: 0;
bottom: -5px;
width: 100%;
height: 1px;
background: currentColor;
transform:
scaleX(.26);
transform-origin:
left center;
transition:
transform 240ms ease;
}
.fp-global-design .fp-card:hover .fp-card__action::after,
.fp-global-design .fpv42-place-card:hover strong::after,
.fp-global-design .fpv42-person:hover strong::after,
.fp-global-design .post-card:hover .post-card__action::after {
transform:
scaleX(1);
} .fp-global-design .fp-card--dark {
color: #F4F0E6;
background:
linear-gradient(
145deg,
#0B1421,
#0F1E33
);
border-color:
rgba(198,161,91,.24);
}
.fp-global-design .fp-card--dark h3,
.fp-global-design .fp-card--dark p {
color: #F4F0E6;
}
.fp-global-design .fp-card--dark p {
opacity: .76;
} .fp-global-design .fp-card-grid,
.fp-global-design .fpv42-places__grid,
.fp-global-design .fpv42-people__grid,
.fp-global-design .fpv42-gazette__grid {
display: grid;
grid-template-columns:
repeat(3, minmax(0, 1fr));
gap:
clamp(20px, 2.8vw, 34px);
} @media (max-width: 1024px) {
.fp-global-design .fp-card-grid,
.fp-global-design .fpv42-places__grid,
.fp-global-design .fpv42-people__grid,
.fp-global-design .fpv42-gazette__grid {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}
} @media (max-width: 767px) {
.fp-global-design .fp-card-grid,
.fp-global-design .fpv42-places__grid,
.fp-global-design .fpv42-people__grid,
.fp-global-design .fpv42-gazette__grid {
grid-template-columns: 1fr;
gap: 22px;
}
.fp-global-design .fp-card__content,
.fp-global-design .fpv42-place-card__content,
.fp-global-design .fpv42-person__content,
.fp-global-design .fpv42-gazette-card__content,
.fp-global-design .post-card__content {
padding:
20px
18px;
}
.fp-global-design .fp-card h3,
.fp-global-design .fpv42-place-card h3,
.fp-global-design .fpv42-person h3,
.fp-global-design .fpv42-gazette-card h3,
.fp-global-design .post-card h3 {
font-size:
clamp(1.45rem, 7vw, 2rem);
}
} @media (max-width: 390px) {
.fp-global-design .fp-card__content,
.fp-global-design .fpv42-place-card__content,
.fp-global-design .fpv42-person__content,
.fp-global-design .fpv42-gazette-card__content,
.fp-global-design .post-card__content {
padding:
18px
16px;
}
} .fp-global-design .fp-card a:focus-visible,
.fp-global-design .fpv42-place-card:focus-visible,
.fp-global-design .fpv42-person a:focus-visible,
.fp-global-design .fpv42-gazette-card a:focus-visible,
.fp-global-design .post-card a:focus-visible {
outline:
2px solid
#C6A15B;
outline-offset:
3px;
}
@media (prefers-reduced-motion: reduce) {
.fp-global-design .fp-card,
.fp-global-design .fpv42-place-card,
.fp-global-design .fpv42-person,
.fp-global-design .fpv42-gazette-card,
.fp-global-design .post-card,
.fp-global-design .fp-card img,
.fp-global-design .fpv42-place-card img,
.fp-global-design .fpv42-person img,
.fp-global-design .fpv42-gazette-card img,
.fp-global-design .post-card img {
transition: none !important;
}
}  .fp-global-design.archive,
.fp-global-design.category,
.fp-global-design.taxonomy {
background: #F4F0E6;
} .fp-global-design .archive-header,
.fp-global-design .page-header,
.fp-global-design .category-header,
.fp-global-design .fp-archive-hero {
position: relative;
box-sizing: border-box;
width: min(100%, 1480px);
margin:
0 auto
clamp(46px, 6vw, 82px);
padding:
clamp(56px, 7vw, 92px)
clamp(18px, 4vw, 64px)
clamp(40px, 5vw, 64px);
text-align: center;
background:
linear-gradient(
180deg,
rgba(15,30,51,.03),
transparent
);
border-bottom:
1px solid
rgba(198,161,91,.24);
} .fp-global-design .archive-header::before,
.fp-global-design .category-header::before,
.fp-global-design .fp-archive-hero__eyebrow {
display: block;
margin-bottom: 14px;
color: #C6A15B;
font-family:
Inter,
Arial,
sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 1.4;
letter-spacing: .18em;
text-transform: uppercase;
} .fp-global-design .archive-title,
.fp-global-design .page-title,
.fp-global-design .category-title,
.fp-global-design .fp-archive-hero h1 {
max-width: 1000px;
margin:
0 auto;
color: #0F1E33;
font-family:
"Cormorant Garamond",
Georgia,
serif;
font-size:
clamp(2.8rem, 6vw, 5.8rem);
font-weight: 600;
line-height: .98;
letter-spacing: -.02em;
text-wrap: balance;
} .fp-global-design .archive-description,
.fp-global-design .taxonomy-description,
.fp-global-design .fp-archive-hero__intro {
max-width: 760px;
margin:
22px auto 0;
color:
rgba(15,30,51,.72);
font-family:
Inter,
Arial,
sans-serif;
font-size:
clamp(1rem, 1.4vw, 1.15rem);
line-height: 1.7;
} .fp-global-design .archive-posts,
.fp-global-design .post-archive,
.fp-global-design .fp-archive-grid,
.fp-global-design .site-main > .grid-cols {
box-sizing: border-box;
display: grid;
grid-template-columns:
repeat(3, minmax(0, 1fr));
gap:
clamp(24px, 3vw, 38px);
width: min(100%, 1240px);
margin:
0 auto;
padding:
0
clamp(18px, 4vw, 64px)
clamp(70px, 8vw, 110px);
} .fp-global-design .archive article,
.fp-global-design .post-archive article,
.fp-global-design .fp-archive-card {
min-width: 0;
background: #F4F0E6;
border:
1px solid
rgba(15,30,51,.12);
overflow: hidden;
} .fp-global-design .archive article .post-thumbnail,
.fp-global-design .archive article figure,
.fp-global-design .fp-archive-card__media {
overflow: hidden;
aspect-ratio: 4 / 3;
}
.fp-global-design .archive article img,
.fp-global-design .fp-archive-card__media img {
width: 100%;
height: 100%;
object-fit: cover;
transition:
transform 650ms cubic-bezier(.22,.61,.36,1);
}
.fp-global-design .archive article:hover img,
.fp-global-design .fp-archive-card:hover img {
transform:
scale(1.035);
} .fp-global-design .archive article .entry-content-wrap,
.fp-global-design .archive article .entry-summary,
.fp-global-design .fp-archive-card__content {
padding:
clamp(18px, 2.3vw, 26px);
} .fp-global-design .archive article .entry-title,
.fp-global-design .fp-archive-card h2,
.fp-global-design .fp-archive-card h3 {
margin:
0 0 12px;
color: #0F1E33;
font-family:
"Cormorant Garamond",
Georgia,
serif;
font-size:
clamp(1.5rem, 2vw, 2.05rem);
font-weight: 600;
line-height: 1.12;
}
.fp-global-design .archive article .entry-title a,
.fp-global-design .fp-archive-card h2 a,
.fp-global-design .fp-archive-card h3 a {
color: inherit;
text-decoration: none;
} .fp-global-design .archive article .entry-summary,
.fp-global-design .archive article .entry-summary p,
.fp-global-design .fp-archive-card p {
color:
rgba(15,30,51,.72);
font-family:
Inter,
Arial,
sans-serif;
font-size: 14px;
line-height: 1.65;
} .fp-global-design .archive article .entry-meta,
.fp-global-design .fp-archive-card__meta {
margin-bottom: 10px;
color:
rgba(15,30,51,.48);
font-family:
Inter,
Arial,
sans-serif;
font-size: 10px;
line-height: 1.4;
letter-spacing: .10em;
text-transform: uppercase;
} .fp-global-design .navigation.pagination,
.fp-global-design .posts-navigation,
.fp-global-design .post-navigation,
.fp-global-design .fp-pagination {
box-sizing: border-box;
width: min(100%, 1240px);
margin:
0 auto
clamp(70px, 8vw, 110px);
padding:
0
clamp(18px, 4vw, 64px);
}
.fp-global-design .nav-links {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 8px;
}
.fp-global-design .nav-links a,
.fp-global-design .nav-links span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 44px;
min-height: 44px;
padding:
8px 12px;
color: #0F1E33;
background: transparent;
border:
1px solid
rgba(15,30,51,.16);
font-family:
Inter,
Arial,
sans-serif;
font-size: 12px;
font-weight: 700;
text-decoration: none;
transition:
color 180ms ease,
background-color 180ms ease,
border-color 180ms ease;
}
.fp-global-design .nav-links a:hover,
.fp-global-design .nav-links a:focus-visible,
.fp-global-design .nav-links .current {
color: #0B0B0B;
background: #C6A15B;
border-color: #C6A15B;
} @media (max-width: 1024px) {
.fp-global-design .archive-posts,
.fp-global-design .post-archive,
.fp-global-design .fp-archive-grid,
.fp-global-design .site-main > .grid-cols {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}
} @media (max-width: 767px) {
.fp-global-design .archive-header,
.fp-global-design .page-header,
.fp-global-design .category-header,
.fp-global-design .fp-archive-hero {
margin-bottom: 36px;
padding:
46px
18px
32px;
}
.fp-global-design .archive-title,
.fp-global-design .page-title,
.fp-global-design .category-title,
.fp-global-design .fp-archive-hero h1 {
font-size:
clamp(2.2rem, 10vw, 3.4rem);
}
.fp-global-design .archive-posts,
.fp-global-design .post-archive,
.fp-global-design .fp-archive-grid,
.fp-global-design .site-main > .grid-cols {
grid-template-columns: 1fr;
gap: 22px;
padding:
0
18px
70px;
}
.fp-global-design .archive article .post-thumbnail,
.fp-global-design .archive article figure,
.fp-global-design .fp-archive-card__media {
aspect-ratio: 16 / 10;
}
} @media (max-width: 390px) {
.fp-global-design .archive-header,
.fp-global-design .page-header,
.fp-global-design .category-header,
.fp-global-design .fp-archive-hero,
.fp-global-design .archive-posts,
.fp-global-design .post-archive,
.fp-global-design .fp-archive-grid,
.fp-global-design .navigation.pagination,
.fp-global-design .fp-pagination {
padding-left: 14px;
padding-right: 14px;
}
} .fp-global-design .archive article a:focus-visible,
.fp-global-design .fp-archive-card a:focus-visible,
.fp-global-design .nav-links a:focus-visible {
outline:
2px solid
#C6A15B;
outline-offset:
3px;
}
@media (prefers-reduced-motion: reduce) {
.fp-global-design .archive article img,
.fp-global-design .fp-archive-card img,
.fp-global-design .nav-links a {
transition: none !important;
}
}  .fp-global-design .error404 .site-main,
.fp-global-design .no-results,
.fp-global-design .nothing-found,
.fp-global-design .fp-empty-state {
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: min(100%, 1080px);
min-height:
calc(100svh - 140px);
margin:
0 auto;
padding:
clamp(72px, 10vw, 130px)
clamp(18px, 5vw, 56px);
text-align: center;
} .fp-global-design .error404 .page-header::before,
.fp-global-design .no-results::before,
.fp-global-design .nothing-found::before,
.fp-global-design .fp-empty-state__eyebrow {
display: block;
margin-bottom: 16px;
color: #C6A15B;
font-family:
Inter,
Arial,
sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 1.4;
letter-spacing: .19em;
text-transform: uppercase;
}
.fp-global-design .error404 .page-header::before {
content: "404";
}
.fp-global-design .no-results::before,
.fp-global-design .nothing-found::before {
content: "French Prohibition";
} .fp-global-design .error404 .page-title,
.fp-global-design .no-results .page-title,
.fp-global-design .nothing-found .page-title,
.fp-global-design .fp-empty-state h1,
.fp-global-design .fp-empty-state h2 {
max-width: 820px;
margin:
0 auto
20px;
color: #0F1E33;
font-family:
"Cormorant Garamond",
Georgia,
serif;
font-size:
clamp(2.6rem, 6vw, 5.2rem);
font-weight: 600;
line-height: 1;
letter-spacing: -.02em;
text-wrap: balance;
} .fp-global-design .error404 .page-content,
.fp-global-design .no-results .page-content,
.fp-global-design .nothing-found .page-content,
.fp-global-design .fp-empty-state__intro {
max-width: 680px;
margin:
0 auto;
color:
rgba(15,30,51,.70);
font-family:
Inter,
Arial,
sans-serif;
font-size:
clamp(1rem, 1.35vw, 1.12rem);
line-height: 1.72;
} .fp-global-design .error404 .search-form,
.fp-global-design .no-results .search-form,
.fp-global-design .nothing-found .search-form,
.fp-global-design .fp-empty-state .search-form {
display: flex;
width: min(620px, 100%);
margin:
32px auto 0;
gap: 8px;
}
.fp-global-design .error404 .search-form label,
.fp-global-design .no-results .search-form label,
.fp-global-design .nothing-found .search-form label,
.fp-global-design .fp-empty-state .search-form label {
flex: 1;
margin: 0;
} .fp-global-design .fp-empty-state__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 12px;
margin-top: 32px;
}
.fp-global-design .fp-empty-state__actions a,
.fp-global-design .error404 .wp-block-button__link,
.fp-global-design .no-results .wp-block-button__link {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 50px;
padding:
13px 22px;
color: #0B0B0B;
background: #C6A15B;
border:
1px solid
#C6A15B;
text-decoration: none;
font-family:
Inter,
Arial,
sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: .10em;
text-transform: uppercase;
transition:
color 180ms ease,
background-color 180ms ease,
transform 180ms ease;
}
.fp-global-design .fp-empty-state__actions a:hover,
.fp-global-design .fp-empty-state__actions a:focus-visible,
.fp-global-design .error404 .wp-block-button__link:hover,
.fp-global-design .error404 .wp-block-button__link:focus-visible,
.fp-global-design .no-results .wp-block-button__link:hover,
.fp-global-design .no-results .wp-block-button__link:focus-visible {
color: #F4F0E6;
background: #0F1E33;
transform:
translateY(-1px);
} .fp-global-design .fp-empty-state::after,
.fp-global-design .error404 .site-main::after,
.fp-global-design .no-results::after {
content: "";
display: block;
width: min(360px, 72%);
height: 1px;
margin:
46px auto 0;
background:
linear-gradient(
90deg,
transparent,
rgba(198,161,91,.60),
transparent
);
} @media (max-width: 767px) {
.fp-global-design .error404 .site-main,
.fp-global-design .no-results,
.fp-global-design .nothing-found,
.fp-global-design .fp-empty-state {
min-height:
calc(100svh - 110px);
padding:
64px
18px;
}
.fp-global-design .error404 .page-title,
.fp-global-design .no-results .page-title,
.fp-global-design .nothing-found .page-title,
.fp-global-design .fp-empty-state h1,
.fp-global-design .fp-empty-state h2 {
font-size:
clamp(2.2rem, 10vw, 3.4rem);
}
.fp-global-design .error404 .search-form,
.fp-global-design .no-results .search-form,
.fp-global-design .nothing-found .search-form,
.fp-global-design .fp-empty-state .search-form {
flex-direction: column;
width: 100%;
}
.fp-global-design .fp-empty-state__actions {
flex-direction: column;
width: 100%;
}
.fp-global-design .fp-empty-state__actions a,
.fp-global-design .error404 .wp-block-button__link,
.fp-global-design .no-results .wp-block-button__link {
width: 100%;
}
} @media (max-width: 390px) {
.fp-global-design .error404 .site-main,
.fp-global-design .no-results,
.fp-global-design .nothing-found,
.fp-global-design .fp-empty-state {
padding-left: 14px;
padding-right: 14px;
}
} .fp-global-design .error404 a:focus-visible,
.fp-global-design .no-results a:focus-visible,
.fp-global-design .nothing-found a:focus-visible,
.fp-global-design .fp-empty-state a:focus-visible {
outline:
2px solid
#C6A15B;
outline-offset:
3px;
}
@media (prefers-reduced-motion: reduce) {
.fp-global-design .fp-empty-state__actions a,
.fp-global-design .error404 .wp-block-button__link,
.fp-global-design .no-results .wp-block-button__link {
transition: none !important;
}
}  .fp-global-design details,
.fpbook21__faq details,
.fp-accordion {
position: relative;
margin: 0;
padding:
0;
color: #0F1E33;
background:
rgba(244,240,230,.72);
border-top:
1px solid
rgba(15,30,51,.14);
transition:
background-color 200ms ease,
border-color 200ms ease;
}
.fp-global-design details:last-child,
.fpbook21__faq details:last-child,
.fp-accordion:last-child {
border-bottom:
1px solid
rgba(15,30,51,.14);
}
.fp-global-design details[open],
.fpbook21__faq details[open],
.fp-accordion.is-open {
background:
rgba(198,161,91,.055);
border-color:
rgba(198,161,91,.38);
} .fp-global-design summary,
.fpbook21__faq summary,
.fp-accordion__trigger {
position: relative;
display: flex;
align-items: center;
min-height: 62px;
padding:
18px
52px
18px
0;
color: #0F1E33;
font-family:
"Cormorant Garamond",
Georgia,
serif;
font-size:
clamp(1.25rem, 1.8vw, 1.65rem);
font-weight: 600;
line-height: 1.25;
cursor: pointer;
list-style: none;
transition:
color 180ms ease;
}
.fp-global-design summary::-webkit-details-marker,
.fpbook21__faq summary::-webkit-details-marker {
display: none;
}
.fp-global-design summary:hover,
.fp-global-design summary:focus-visible,
.fpbook21__faq summary:hover,
.fpbook21__faq summary:focus-visible,
.fp-accordion__trigger:hover,
.fp-accordion__trigger:focus-visible {
color: #9B783D;
} .fp-global-design summary::before,
.fp-global-design summary::after,
.fpbook21__faq summary::before,
.fpbook21__faq summary::after,
.fp-accordion__trigger::before,
.fp-accordion__trigger::after {
content: "";
position: absolute;
right: 8px;
top: 50%;
width: 18px;
height: 1px;
background: #C6A15B;
transform:
translateY(-50%);
transition:
transform 220ms ease,
opacity 220ms ease;
}
.fp-global-design summary::after,
.fpbook21__faq summary::after,
.fp-accordion__trigger::after {
transform:
translateY(-50%)
rotate(90deg);
}
.fp-global-design details[open] summary::after,
.fpbook21__faq details[open] summary::after,
.fp-accordion.is-open
.fp-accordion__trigger::after {
opacity: 0;
transform:
translateY(-50%)
rotate(0);
} .fp-global-design details > p,
.fp-global-design details > div,
.fpbook21__faq details > p,
.fp-accordion__content {
max-width: 76ch;
margin:
0;
padding:
0
52px
22px
0;
color:
rgba(15,30,51,.72);
font-family:
Inter,
Arial,
sans-serif;
font-size: 14px;
line-height: 1.7;
} .fp-global-design .entry-content ul,
.fp-global-design .entry-content ol,
.fp-global-design .fp-prose ul,
.fp-global-design .fp-prose ol,
.fp-reading ul,
.fp-reading ol {
max-width: 72ch;
margin:
24px 0 30px;
padding-left: 0;
list-style: none;
} .fp-global-design .entry-content ul > li,
.fp-global-design .fp-prose ul > li,
.fp-reading ul > li {
position: relative;
margin:
0 0 12px;
padding-left: 24px;
line-height: 1.7;
}
.fp-global-design .entry-content ul > li::before,
.fp-global-design .fp-prose ul > li::before,
.fp-reading ul > li::before {
content: "";
position: absolute;
top: .68em;
left: 3px;
width: 6px;
height: 6px;
background: #C6A15B;
transform:
rotate(45deg);
} .fp-global-design .entry-content ol,
.fp-global-design .fp-prose ol,
.fp-reading ol {
counter-reset:
fp-list;
}
.fp-global-design .entry-content ol > li,
.fp-global-design .fp-prose ol > li,
.fp-reading ol > li {
position: relative;
margin:
0 0 14px;
padding-left: 38px;
counter-increment:
fp-list;
line-height: 1.7;
}
.fp-global-design .entry-content ol > li::before,
.fp-global-design .fp-prose ol > li::before,
.fp-reading ol > li::before {
content:
counter(fp-list, decimal-leading-zero);
position: absolute;
top: .05em;
left: 0;
color: #C6A15B;
font-family:
"Cormorant Garamond",
Georgia,
serif;
font-size: 1rem;
font-weight: 600;
letter-spacing: .03em;
} .fp-global-design .wp-block-table,
.fp-global-design .fp-table-wrap {
width: 100%;
margin:
clamp(34px, 5vw, 56px)
0;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.fp-global-design table {
width: 100%;
min-width: 640px;
border-collapse: collapse;
color: #0F1E33;
background: #F4F0E6;
font-family:
Inter,
Arial,
sans-serif;
font-size: 13px;
line-height: 1.55;
} .fp-global-design table th {
padding:
14px
16px;
color: #F4F0E6;
background: #0F1E33;
font-size: 11px;
font-weight: 700;
letter-spacing: .08em;
text-align: left;
text-transform: uppercase;
border:
1px solid
rgba(198,161,91,.22);
} .fp-global-design table td {
padding:
14px
16px;
vertical-align: top;
border:
1px solid
rgba(15,30,51,.12);
}
.fp-global-design table tbody tr:nth-child(even) {
background:
rgba(15,30,51,.025);
}
.fp-global-design table tbody tr:hover {
background:
rgba(198,161,91,.06);
} .fp-global-design table caption,
.fp-global-design .wp-block-table figcaption {
margin:
10px 0 0;
color:
rgba(15,30,51,.56);
font-family:
Inter,
Arial,
sans-serif;
font-size: 11px;
line-height: 1.5;
text-align: left;
} .fp-global-design hr,
.fp-global-design .wp-block-separator {
width: min(100%, 520px);
height: 1px;
margin:
clamp(42px, 6vw, 70px)
auto;
background:
linear-gradient(
90deg,
transparent,
rgba(198,161,91,.60),
transparent
);
border: 0;
} @media (max-width: 767px) {
.fp-global-design summary,
.fpbook21__faq summary,
.fp-accordion__trigger {
min-height: 58px;
padding:
16px
44px
16px
0;
font-size:
clamp(1.18rem, 5.8vw, 1.5rem);
}
.fp-global-design summary::before,
.fp-global-design summary::after,
.fpbook21__faq summary::before,
.fpbook21__faq summary::after,
.fp-accordion__trigger::before,
.fp-accordion__trigger::after {
right: 4px;
width: 16px;
}
.fp-global-design details > p,
.fp-global-design details > div,
.fpbook21__faq details > p,
.fp-accordion__content {
padding:
0
32px
20px
0;
font-size: 14px;
}
.fp-global-design .entry-content ul > li,
.fp-global-design .fp-prose ul > li,
.fp-reading ul > li {
padding-left: 22px;
}
.fp-global-design .entry-content ol > li,
.fp-global-design .fp-prose ol > li,
.fp-reading ol > li {
padding-left: 34px;
}
.fp-global-design table {
min-width: 560px;
}
} .fp-global-design summary:focus-visible,
.fpbook21__faq summary:focus-visible,
.fp-accordion__trigger:focus-visible {
outline:
2px solid
#C6A15B;
outline-offset:
4px;
}
@media (prefers-reduced-motion: reduce) {
.fp-global-design summary::before,
.fp-global-design summary::after,
.fpbook21__faq summary::before,
.fpbook21__faq summary::after,
.fp-accordion__trigger::before,
.fp-accordion__trigger::after {
transition: none !important;
}
}   @supports (content-visibility: auto) {
.fp-global-design .fp-performance-section,
.fp-global-design .fpv42-places,
.fp-global-design .fpv42-people,
.fp-global-design .fpv42-gazette,
.fp-global-design .fpbook21__contents,
.fp-global-design .fpbook21__faq {
content-visibility: auto;
contain-intrinsic-size:
auto 700px;
}
} .fp-global-design img {
max-width: 100%;
height: auto;
image-rendering: auto;
} .fp-global-design .fp-card,
.fp-global-design .fpv42-place-card,
.fp-global-design .fpv42-person,
.fp-global-design .fpv42-gazette-card,
.fp-global-design .fp-newsletter-global {
isolation: isolate;
}  .fp-reveal {
will-change:
opacity,
transform;
}
.fp-reveal.is-visible {
will-change: auto;
}
.fp-global-design .fpv42-place-card:hover img,
.fp-global-design .fpv42-person:hover img,
.fp-global-design .fpv42-gazette-card:hover img {
will-change: transform;
} @supports not (
(backdrop-filter: blur(10px))
or
(-webkit-backdrop-filter: blur(10px))
) {
.fpv5-site-header {
background:
rgba(11,11,11,.98);
}
} @media (max-width: 767px) { .fp-global-design .fp-card,
.fp-global-design .fpv42-place-card,
.fp-global-design .fpv42-person,
.fp-global-design .fpv42-gazette-card {
box-shadow:
0 8px 22px
rgba(11,11,11,.07);
} @media (hover: none) {
.fp-global-design .fp-card:hover,
.fp-global-design .fpv42-place-card:hover,
.fp-global-design .fpv42-person:hover,
.fp-global-design .fpv42-gazette-card:hover {
transform: none;
}
.fp-global-design .fp-card:hover img,
.fp-global-design .fpv42-place-card:hover img,
.fp-global-design .fpv42-person:hover img,
.fp-global-design .fpv42-gazette-card:hover img {
transform: none;
}
}
} @media (prefers-reduced-motion: reduce) {
.fp-reveal {
will-change: auto;
}
.fp-global-design *,
.fp-global-design *::before,
.fp-global-design *::after {
scroll-behavior: auto !important;
}
} @media print {
.fpv5-site-header,
.fpv5-mobile-panel,
.fp-global-footer,
.fp-newsletter-global,
.fp-newsletter-form-only {
display: none !important;
}
.fp-global-design *,
.fp-global-design *::before,
.fp-global-design *::after {
color: #000 !important;
background: transparent !important;
box-shadow: none !important;
text-shadow: none !important;
}
.fp-global-design img {
max-width: 100% !important;
}
}  ::selection {
color: #0B0B0B;
background: #C6A15B;
}
::-moz-selection {
color: #0B0B0B;
background: #C6A15B;
} .fp-global-design .entry-content a:not(.fp-button):not(.fpv42-button):not(.wp-block-button__link),
.fp-global-design .fp-prose a,
.fp-global-design .fp-reading a {
color: #8A6B35;
text-decoration-line: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition:
color 180ms ease,
text-decoration-color 180ms ease;
}
.fp-global-design .entry-content a:not(.fp-button):not(.fpv42-button):not(.wp-block-button__link):hover,
.fp-global-design .entry-content a:not(.fp-button):not(.fpv42-button):not(.wp-block-button__link):focus-visible,
.fp-global-design .fp-prose a:hover,
.fp-global-design .fp-prose a:focus-visible,
.fp-global-design .fp-reading a:hover,
.fp-global-design .fp-reading a:focus-visible {
color: #0F1E33;
text-decoration-color: #C6A15B;
} .fp-global-design a:focus-visible,
.fp-global-design button:focus-visible,
.fp-global-design input:focus-visible,
.fp-global-design textarea:focus-visible,
.fp-global-design select:focus-visible,
.fpv5-site-header a:focus-visible,
.fpv5-site-header button:focus-visible,
.fp-global-footer a:focus-visible {
outline:
2px solid
#C6A15B;
outline-offset:
3px;
} .skip-link,
.screen-reader-text:focus {
position: fixed !important;
z-index: 100000 !important;
top: 12px !important;
left: 12px !important;
width: auto !important;
height: auto !important;
padding:
12px
16px !important;
clip: auto !important;
clip-path: none !important;
overflow: visible !important;
color: #0B0B0B !important;
background: #C6A15B !important;
font-family:
Inter,
Arial,
sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
text-decoration: none !important;
border:
2px solid
#0B0B0B !important;
box-shadow:
0 10px 30px
rgba(0,0,0,.18) !important;
} .fp-global-design .entry-content p,
.fp-global-design .fp-prose p,
.fp-global-design .fp-reading p {
max-width: 72ch;
line-height: 1.72;
text-wrap: pretty;
} .fp-global-design .entry-content a:visited:not(.fp-button):not(.fpv42-button):not(.wp-block-button__link),
.fp-global-design .fp-prose a:visited,
.fp-global-design .fp-reading a:visited {
color: #725A31;
} @media (pointer: coarse) {
.fp-global-design a,
.fp-global-design button,
.fpv5-site-header a,
.fpv5-site-header button,
.fp-global-footer a {
min-height: 44px;
}
} .fp-global-design p,
.fp-global-design li,
.fp-global-design td,
.fp-global-design th,
.fp-global-design blockquote {
overflow-wrap: break-word;
word-break: normal;
hyphens: auto;
} .fp-newsletter-global,
.fp-global-footer,
.fpv5-site-header,
.fp-card--dark {
color: #F4F0E6;
}
.fp-newsletter-global a,
.fp-global-footer a,
.fpv5-site-header a,
.fp-card--dark a {
text-decoration-color:
rgba(198,161,91,.72);
} .fp-visually-hidden {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
border: 0 !important;
} @media (max-width: 767px) {
.fp-global-design .entry-content p,
.fp-global-design .fp-prose p,
.fp-global-design .fp-reading p {
line-height: 1.7;
}
.fp-global-design .entry-content a,
.fp-global-design .fp-prose a,
.fp-global-design .fp-reading a {
text-underline-offset: 4px;
}
} @media (prefers-reduced-motion: reduce) {
html:focus-within {
scroll-behavior: auto;
}
.fp-global-design *,
.fp-global-design *::before,
.fp-global-design *::after,
.fpv5-site-header *,
.fp-global-footer * {
animation-duration: .01ms !important;
animation-iteration-count: 1 !important;
transition-duration: .01ms !important;
scroll-behavior: auto !important;
}
}  .fp-global-design .entry-content h2,
.fp-global-design .fp-prose h2,
.fp-global-design .fp-reading h2 {
margin-top:
clamp(54px, 7vw, 88px);
margin-bottom:
clamp(20px, 3vw, 30px);
}
.fp-global-design .entry-content h3,
.fp-global-design .fp-prose h3,
.fp-global-design .fp-reading h3 {
margin-top:
clamp(38px, 5vw, 58px);
margin-bottom:
18px;
}
.fp-global-design .entry-content h4,
.fp-global-design .fp-prose h4,
.fp-global-design .fp-reading h4 {
margin-top:
30px;
margin-bottom:
14px;
} .fp-global-design .entry-content p,
.fp-global-design .fp-prose p,
.fp-global-design .fp-reading p {
margin-top: 0;
margin-bottom: 1.35em;
}
.fp-global-design .entry-content p:last-child,
.fp-global-design .fp-prose p:last-child,
.fp-global-design .fp-reading p:last-child {
margin-bottom: 0;
} .fp-global-design .entry-content figure,
.fp-global-design .fp-prose figure,
.fp-global-design .fp-reading figure {
margin-top:
clamp(32px, 5vw, 54px);
margin-bottom:
clamp(32px, 5vw, 54px);
}
.fp-global-design .entry-content figure img,
.fp-global-design .fp-prose figure img,
.fp-global-design .fp-reading figure img {
display: block;
width: 100%;
height: auto;
} .fp-global-design figcaption {
margin-top: 10px;
color:
rgba(15,30,51,.56);
font-family:
Inter,
Arial,
sans-serif;
font-size: 11px;
line-height: 1.5;
letter-spacing: .02em;
} .fp-global-design .entry-content ul,
.fp-global-design .entry-content ol,
.fp-global-design .fp-prose ul,
.fp-global-design .fp-prose ol,
.fp-global-design .fp-reading ul,
.fp-global-design .fp-reading ol {
margin-top: 22px;
margin-bottom:
clamp(28px, 4vw, 40px);
} .fp-global-design blockquote,
.fp-global-design .fp-quote {
margin-top:
clamp(44px, 6vw, 72px);
margin-bottom:
clamp(44px, 6vw, 72px);
} .fp-global-design .wp-block-table,
.fp-global-design .fp-table-wrap {
margin-top:
clamp(36px, 5vw, 56px);
margin-bottom:
clamp(36px, 5vw, 56px);
} .fp-global-design .entry-content .wp-block-buttons,
.fp-global-design .fp-prose .wp-block-buttons,
.fp-global-design .fp-reading .wp-block-buttons {
margin-top:
28px;
margin-bottom:
36px;
} .fp-global-design .entry-content > .wp-block-group,
.fp-global-design .entry-content > .wp-block-columns,
.fp-global-design .entry-content > .wp-block-cover,
.fp-global-design .entry-content > .wp-block-media-text {
margin-top:
clamp(36px, 5vw, 56px);
margin-bottom:
clamp(36px, 5vw, 56px);
} .fp-global-design .entry-content > :first-child,
.fp-global-design .fp-prose > :first-child,
.fp-global-design .fp-reading > :first-child {
margin-top: 0;
} .fp-global-design .entry-content > :last-child,
.fp-global-design .fp-prose > :last-child,
.fp-global-design .fp-reading > :last-child {
margin-bottom: 0;
} @media (max-width: 767px) {
.fp-global-design .entry-content h2,
.fp-global-design .fp-prose h2,
.fp-global-design .fp-reading h2 {
margin-top: 44px;
margin-bottom: 18px;
}
.fp-global-design .entry-content h3,
.fp-global-design .fp-prose h3,
.fp-global-design .fp-reading h3 {
margin-top: 32px;
margin-bottom: 14px;
}
.fp-global-design .entry-content figure,
.fp-global-design .fp-prose figure,
.fp-global-design .fp-reading figure {
margin-top: 28px;
margin-bottom: 28px;
}
.fp-global-design blockquote,
.fp-global-design .fp-quote {
margin-top: 34px;
margin-bottom: 34px;
}
.fp-global-design .wp-block-table,
.fp-global-design .fp-table-wrap {
margin-top: 30px;
margin-bottom: 30px;
}
}  :root {
--fp-transition-gold:
rgba(198,161,91,.32);
--fp-transition-dark:
#0F1E33;
--fp-transition-black:
#0B0B0B;
--fp-transition-ivory:
#F4F0E6;
--fp-transition-paper:
#EFE7D8;
} .fp-section-dark,
.fp-global-design .fp-dark-section,
.fp-newsletter-global,
.fp-global-footer {
position: relative;
color: #F4F0E6;
background:
linear-gradient(
180deg,
#0B1421 0%,
#0F1E33 100%
);
} .fp-section-light,
.fp-global-design .fp-light-section {
position: relative;
color: #0F1E33;
background:
#F4F0E6;
} .fp-section-paper,
.fp-global-design .fp-paper-section {
position: relative;
color: #0F1E33;
background:
linear-gradient(
180deg,
#F4F0E6 0%,
#EFE7D8 100%
);
} .fp-transition-light-dark {
position: relative;
}
.fp-transition-light-dark::after {
content: "";
position: absolute;
z-index: 2;
left: 0;
right: 0;
bottom: -1px;
height:
clamp(42px, 5vw, 72px);
pointer-events: none;
background:
linear-gradient(
to bottom,
rgba(244,240,230,0),
rgba(15,30,51,.08)
);
} .fp-transition-dark-light {
position: relative;
}
.fp-transition-dark-light::after {
content: "";
position: absolute;
z-index: 2;
left: 0;
right: 0;
bottom: -1px;
height:
clamp(42px, 5vw, 72px);
pointer-events: none;
background:
linear-gradient(
to bottom,
rgba(15,30,51,0),
rgba(244,240,230,.06)
);
} .fp-section-separator {
position: relative;
width: 100%;
height: 1px;
margin:
clamp(34px, 4vw, 54px)
0;
background:
linear-gradient(
90deg,
transparent 0%,
var(--fp-transition-gold) 20%,
var(--fp-transition-gold) 80%,
transparent 100%
);
} .fp-section-separator::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 7px;
height: 7px;
background: #C6A15B;
transform:
translate(-50%, -50%)
rotate(45deg);
} .fp-section-dark,
.fp-global-design .fp-dark-section,
.fp-newsletter-global {
box-shadow:
inset 0 1px 0
rgba(198,161,91,.08),
inset 0 -1px 0
rgba(198,161,91,.06);
} .fp-section-dark + .fp-section-dark,
.fp-section-light + .fp-section-light,
.fp-section-paper + .fp-section-paper {
margin-top: 0;
}
.fp-section-dark + .fp-section-dark::before,
.fp-section-light + .fp-section-light::before,
.fp-section-paper + .fp-section-paper::before {
content: "";
display: block;
width: min(420px, 72%);
height: 1px;
margin:
0 auto
clamp(38px, 5vw, 62px);
background:
linear-gradient(
90deg,
transparent,
rgba(198,161,91,.22),
transparent
);
} @media (max-width: 767px) {
.fp-transition-light-dark::after,
.fp-transition-dark-light::after {
height: 42px;
}
.fp-section-separator {
margin:
30px
0;
}
.fp-section-dark + .fp-section-dark::before,
.fp-section-light + .fp-section-light::before,
.fp-section-paper + .fp-section-paper::before {
margin-bottom: 34px;
}
} @media (prefers-reduced-motion: reduce) {
.fp-transition-light-dark::after,
.fp-transition-dark-light::after {
transition: none !important;
}
}  .fp-title-ornament {
position: relative;
display: block;
width: min(180px, 46%);
height: 16px;
margin:
18px auto 0;
}
.fp-title-ornament::before,
.fp-title-ornament::after {
content: "";
position: absolute;
top: 50%;
width: 42%;
height: 1px;
background:
linear-gradient(
to right,
transparent,
rgba(198,161,91,.58)
);
}
.fp-title-ornament::before {
left: 0;
}
.fp-title-ornament::after {
right: 0;
transform:
scaleX(-1);
}
.fp-title-ornament span {
position: absolute;
left: 50%;
top: 50%;
width: 7px;
height: 7px;
background: #C6A15B;
transform:
translate(-50%, -50%)
rotate(45deg);
} .fp-badge,
.fp-global-design .cat-links a,
.fp-global-design .tags-links a {
display: inline-flex;
align-items: center;
min-height: 30px;
padding:
6px
10px;
color: #8A6B35;
background:
rgba(198,161,91,.07);
border:
1px solid
rgba(198,161,91,.28);
font-family:
Inter,
Arial,
sans-serif;
font-size: 10px;
font-weight: 700;
line-height: 1;
letter-spacing: .10em;
text-decoration: none;
text-transform: uppercase;
transition:
color 180ms ease,
background-color 180ms ease,
border-color 180ms ease;
}
.fp-badge:hover,
.fp-badge:focus-visible,
.fp-global-design .cat-links a:hover,
.fp-global-design .cat-links a:focus-visible,
.fp-global-design .tags-links a:hover,
.fp-global-design .tags-links a:focus-visible {
color: #0B0B0B;
background: #C6A15B;
border-color: #C6A15B;
} .fp-badges,
.fp-global-design .cat-links,
.fp-global-design .tags-links {
display: flex;
flex-wrap: wrap;
gap: 7px;
align-items: center;
} .fp-meta-line,
.fp-global-design .entry-meta {
display: flex;
flex-wrap: wrap;
gap:
7px 18px;
align-items: center;
color:
rgba(15,30,51,.50);
font-family:
Inter,
Arial,
sans-serif;
font-size: 10px;
font-weight: 600;
line-height: 1.4;
letter-spacing: .09em;
text-transform: uppercase;
}
.fp-meta-line > * {
position: relative;
}
.fp-meta-line > * + *::before {
content: "◆";
margin-right: 14px;
color:
rgba(198,161,91,.70);
font-size: 6px;
vertical-align: middle;
} .fp-highlight {
padding:
0 .12em;
color: inherit;
background:
linear-gradient(
transparent 66%,
rgba(198,161,91,.26) 66%
);
} .fp-smallcaps {
font-variant-caps:
small-caps;
letter-spacing:
.06em;
} .fp-dropcap::first-letter {
float: left;
margin:
.08em
.12em
0
0;
color: #C6A15B;
font-family:
"Cormorant Garamond",
Georgia,
serif;
font-size:
4.5em;
font-weight: 600;
line-height: .72;
} .fp-global-design figcaption,
.fp-caption {
position: relative;
padding-left: 16px;
color:
rgba(15,30,51,.56);
font-family:
Inter,
Arial,
sans-serif;
font-size: 11px;
line-height: 1.55;
}
.fp-global-design figcaption::before,
.fp-caption::before {
content: "";
position: absolute;
left: 0;
top: .62em;
width: 8px;
height: 1px;
background: #C6A15B;
} .fp-index-number {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 42px;
min-height: 42px;
color: #C6A15B;
font-family:
"Cormorant Garamond",
Georgia,
serif;
font-size: 1.3rem;
font-weight: 600;
border:
1px solid
rgba(198,161,91,.34);
} .fp-inline-quote {
color: #9B783D;
font-family:
"Cormorant Garamond",
Georgia,
serif;
font-size: 1.08em;
font-style: italic;
} .fp-intro-rule {
position: relative;
padding-top: 18px;
}
.fp-intro-rule::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 54px;
height: 1px;
background: #C6A15B;
} @media (max-width: 767px) {
.fp-title-ornament {
width: 150px;
}
.fp-badge,
.fp-global-design .cat-links a,
.fp-global-design .tags-links a {
min-height: 32px;
font-size: 10px;
}
.fp-meta-line,
.fp-global-design .entry-meta {
gap:
6px 12px;
}
.fp-dropcap::first-letter {
font-size: 3.8em;
}
} .fp-badge:focus-visible,
.fp-global-design .cat-links a:focus-visible,
.fp-global-design .tags-links a:focus-visible {
outline:
2px solid
#C6A15B;
outline-offset:
3px;
}
@media (prefers-reduced-motion: reduce) {
.fp-badge,
.fp-global-design .cat-links a,
.fp-global-design .tags-links a {
transition: none !important;
}
} :root { --fp-black:
#0B0B0B;
--fp-night:
#0F1E33;
--fp-night-deep:
#0B1421;
--fp-gold:
#C6A15B;
--fp-gold-dark:
#9B783D;
--fp-gold-light:
#E3CF9F;
--fp-ivory:
#F4F0E6;
--fp-paper:
#EFE7D8;
--fp-white:
#FFFDF8;
--fp-smoke:
#6B6B6B; --fp-text-primary:
#0F1E33;
--fp-text-secondary:
rgba(15,30,51,.72);
--fp-text-muted:
rgba(15,30,51,.52);
--fp-text-inverse:
#F4F0E6;
--fp-text-inverse-secondary:
rgba(244,240,230,.76);
--fp-text-inverse-muted:
rgba(244,240,230,.54); --fp-border-light:
rgba(15,30,51,.12);
--fp-border-medium:
rgba(15,30,51,.22);
--fp-border-gold:
rgba(198,161,91,.36);
--fp-border-gold-strong:
rgba(198,161,91,.62); --fp-bg-light:
#F4F0E6;
--fp-bg-paper:
#EFE7D8;
--fp-bg-dark:
#0F1E33;
--fp-bg-deep:
#0B1421;
--fp-bg-black:
#0B0B0B; --fp-success:
#245C3A;
--fp-success-bg:
#EEF7F1;
--fp-error:
#8A2F24;
--fp-error-bg:
#FFF4F2;
--fp-warning:
#8A6427;
--fp-warning-bg:
#FFF8E8; --fp-shadow-soft:
0 8px 24px rgba(11,11,11,.08);
--fp-shadow-medium:
0 18px 42px rgba(11,11,11,.11);
--fp-shadow-deep:
0 24px 64px rgba(11,11,11,.18);
} .fp-global-design,
.fp-section-light,
.fp-section-paper {
color:
var(--fp-text-primary);
}
.fp-global-design p,
.fp-section-light p,
.fp-section-paper p {
color:
var(--fp-text-secondary);
} .fp-section-dark,
.fp-dark-section,
.fp-newsletter-global,
.fp-global-footer,
.fpv5-site-header {
color:
var(--fp-text-inverse);
}
.fp-section-dark p,
.fp-dark-section p,
.fp-newsletter-global p,
.fp-global-footer p {
color:
var(--fp-text-inverse-secondary);
} .fp-eyebrow,
.fpv42-eyebrow,
[class*="__eyebrow"],
.fp-meta-accent {
color:
var(--fp-gold);
} .fp-global-design h1,
.fp-global-design h2,
.fp-global-design h3,
.fp-global-design h4,
.fp-section-light h1,
.fp-section-light h2,
.fp-section-light h3,
.fp-section-paper h1,
.fp-section-paper h2,
.fp-section-paper h3 {
color:
var(--fp-text-primary);
}
.fp-section-dark h1,
.fp-section-dark h2,
.fp-section-dark h3,
.fp-dark-section h1,
.fp-dark-section h2,
.fp-dark-section h3,
.fp-newsletter-global h1,
.fp-newsletter-global h2,
.fp-newsletter-global h3,
.fp-global-footer h1,
.fp-global-footer h2,
.fp-global-footer h3 {
color:
var(--fp-text-inverse);
} .fp-global-design a:not(.fp-button):not(.fpv42-button):not(.wp-block-button__link) {
color:
var(--fp-gold-dark);
}
.fp-global-design a:not(.fp-button):not(.fpv42-button):not(.wp-block-button__link):hover,
.fp-global-design a:not(.fp-button):not(.fpv42-button):not(.wp-block-button__link):focus-visible {
color:
var(--fp-night);
}
.fp-section-dark a:not(.fp-button),
.fp-dark-section a:not(.fp-button),
.fp-newsletter-global a:not(.fp-button),
.fp-global-footer a {
color:
var(--fp-gold-light);
}
.fp-section-dark a:not(.fp-button):hover,
.fp-section-dark a:not(.fp-button):focus-visible,
.fp-dark-section a:not(.fp-button):hover,
.fp-dark-section a:not(.fp-button):focus-visible,
.fp-newsletter-global a:not(.fp-button):hover,
.fp-newsletter-global a:not(.fp-button):focus-visible,
.fp-global-footer a:hover,
.fp-global-footer a:focus-visible {
color:
var(--fp-ivory);
} .fp-button--gold,
.fpv42-button--gold,
.fpbook21__button--primary,
.fp-global-design form input[type="submit"],
.fp-global-design form button[type="submit"] {
color:
var(--fp-black);
background:
var(--fp-gold);
border-color:
var(--fp-gold);
}
.fp-button--gold:hover,
.fp-button--gold:focus-visible,
.fpv42-button--gold:hover,
.fpv42-button--gold:focus-visible,
.fpbook21__button--primary:hover,
.fpbook21__button--primary:focus-visible,
.fp-global-design form input[type="submit"]:hover,
.fp-global-design form input[type="submit"]:focus-visible,
.fp-global-design form button[type="submit"]:hover,
.fp-global-design form button[type="submit"]:focus-visible {
color:
var(--fp-ivory);
background:
var(--fp-night);
border-color:
var(--fp-night);
} .fp-button--outline,
.fpv42-button--outline {
color:
var(--fp-gold-dark);
background:
transparent;
border-color:
var(--fp-border-gold-strong);
}
.fp-button--outline:hover,
.fp-button--outline:focus-visible,
.fpv42-button--outline:hover,
.fpv42-button--outline:focus-visible {
color:
var(--fp-black);
background:
var(--fp-gold);
border-color:
var(--fp-gold);
} .fp-card,
.fpv42-place-card,
.fpv42-person,
.fpv42-gazette-card,
.post-card {
background:
var(--fp-bg-light);
border-color:
var(--fp-border-light);
}
.fp-card:hover,
.fpv42-place-card:hover,
.fpv42-person:hover,
.fpv42-gazette-card:hover,
.post-card:hover {
border-color:
var(--fp-border-gold);
box-shadow:
var(--fp-shadow-medium);
} .fp-card--dark {
color:
var(--fp-text-inverse);
background:
linear-gradient(
145deg,
var(--fp-night-deep),
var(--fp-night)
);
border-color:
var(--fp-border-gold);
} .fp-global-design input[type="text"],
.fp-global-design input[type="email"],
.fp-global-design input[type="tel"],
.fp-global-design input[type="search"],
.fp-global-design textarea,
.fp-global-design select {
color:
var(--fp-text-primary);
background:
var(--fp-white);
border-color:
var(--fp-border-medium);
}
.fp-global-design input:focus,
.fp-global-design textarea:focus,
.fp-global-design select:focus {
border-color:
var(--fp-gold);
box-shadow:
0 0 0 3px
rgba(198,161,91,.12);
} .fp-success,
.form-success,
.success-message {
color:
var(--fp-success);
background:
var(--fp-success-bg);
border-color:
rgba(36,92,58,.28);
} .fp-error,
.form-error-message,
.error-message {
color:
var(--fp-error);
}
.fp-error-box {
color:
var(--fp-error);
background:
var(--fp-error-bg);
border:
1px solid
rgba(138,47,36,.25);
} .fp-warning {
color:
var(--fp-warning);
background:
var(--fp-warning-bg);
border:
1px solid
rgba(138,100,39,.24);
} .fp-section-divider,
.fp-section-separator,
.fp-title-ornament {
color:
var(--fp-gold);
} .fp-global-design :focus-visible,
.fpv5-site-header :focus-visible,
.fp-global-footer :focus-visible {
outline-color:
var(--fp-gold);
} @media (max-width: 767px) {
.fp-global-design p {
color:
rgba(15,30,51,.78);
}
.fp-section-dark p,
.fp-dark-section p,
.fp-newsletter-global p,
.fp-global-footer p {
color:
rgba(244,240,230,.80);
}
} :root {
--fp-z-base: 1;
--fp-z-content: 10;
--fp-z-card: 20;
--fp-z-sticky: 200;
--fp-z-header: 900;
--fp-z-mobile-panel: 950;
--fp-z-overlay: 980;
--fp-z-modal: 1000;
--fp-z-toast: 1100;
} .fp-global-design,
.fp-screen,
.fp-essential,
.fp-newsletter-global,
.fp-global-footer {
position: relative;
z-index: var(--fp-z-base);
} .fp-global-design .fp-content,
.fp-global-design .fp-section-heading,
.fp-global-design .fp-card__content,
.fp-newsletter-global__inner {
position: relative;
z-index: var(--fp-z-content);
} .fp-global-design .fp-card,
.fp-global-design .fpv42-place-card,
.fp-global-design .fpv42-person,
.fp-global-design .fpv42-gazette-card {
position: relative;
z-index: var(--fp-z-card);
} .fp-global-design .fp-decoration,
.fp-global-design .fp-ornament,
.fp-newsletter-global::before,
.fp-title-ornament,
.fp-section-divider {
position: relative;
z-index: 0;
pointer-events: none;
} .fp-sticky,
.fp-global-design .is-sticky {
position: sticky;
z-index: var(--fp-z-sticky);
} .fpv5-site-header {
z-index: var(--fp-z-header);
} .fpv5-mobile-panel {
z-index: var(--fp-z-mobile-panel);
} .fp-overlay,
.fp-backdrop {
position: fixed;
inset: 0;
z-index: var(--fp-z-overlay);
background:
rgba(11,11,11,.68);
backdrop-filter:
blur(4px);
-webkit-backdrop-filter:
blur(4px);
} .fp-modal,
.fp-dialog {
position: fixed;
z-index: var(--fp-z-modal);
} .fp-toast,
.fp-notification {
position: fixed;
z-index: var(--fp-z-toast);
} .fp-global-design figure,
.fp-global-design img,
.fp-global-design picture {
position: relative;
z-index: auto;
}  .fp-global-design section,
.fp-screen,
.fp-essential {
transform: none;
filter: none;
} body.fpv5-menu-open .fpv5-site-header {
z-index: var(--fp-z-modal);
}
body.fpv5-menu-open .fpv5-mobile-panel {
z-index: calc(var(--fp-z-modal) + 1);
} @media (prefers-reduced-transparency: reduce) {
.fp-overlay,
.fp-backdrop {
backdrop-filter: none;
-webkit-backdrop-filter: none;
background:
rgba(11,11,11,.90);
}
}  .fp-global-design .wp-block-columns,
.fp-global-design .kt-row-column-wrap,
.fp-global-design .wp-block-kadence-rowlayout,
.fp-global-design .wp-block-kadence-column {
min-width: 0;
}
.fp-global-design .wp-block-column,
.fp-global-design .wp-block-kadence-column,
.fp-global-design .kt-inside-inner-col {
min-width: 0;
} .fp-global-design .wp-block-columns,
.fp-global-design .kt-row-column-wrap {
column-gap:
clamp(24px, 3vw, 48px);
} @media (min-width: 768px) and (max-width: 1024px) {
.fp-global-design .wp-block-columns:not(.is-not-stacked-on-mobile),
.fp-global-design .kt-row-column-wrap {
gap:
28px;
} .fp-global-design .fp-grid-3,
.fp-global-design .fp-cards-3,
.fp-global-design .fpv42-places__grid,
.fp-global-design .fpv42-people__grid,
.fp-global-design .fpv42-gazette__grid {
display: grid;
grid-template-columns:
repeat(2, minmax(0, 1fr));
gap:
28px;
}
.fp-global-design .fp-grid-3 > :last-child:nth-child(odd),
.fp-global-design .fp-cards-3 > :last-child:nth-child(odd) {
grid-column:
1 / -1;
width:
min(100%, 620px);
justify-self:
center;
}
} @media (min-width: 768px) and (max-width: 1024px) {
.fp-global-design .fp-grid-4,
.fp-global-design .fp-cards-4 {
display: grid;
grid-template-columns:
repeat(2, minmax(0, 1fr));
gap:
28px;
}
} .fp-global-design .fp-layout-2-1 {
display: grid;
grid-template-columns:
minmax(0, 2fr)
minmax(280px, 1fr);
gap:
clamp(30px, 5vw, 70px);
align-items: start;
}
.fp-global-design .fp-layout-1-2 {
display: grid;
grid-template-columns:
minmax(280px, 1fr)
minmax(0, 2fr);
gap:
clamp(30px, 5vw, 70px);
align-items: start;
} @media (max-width: 1024px) {
.fp-global-design .fp-layout-2-1,
.fp-global-design .fp-layout-1-2 {
grid-template-columns:
repeat(2, minmax(0, 1fr));
gap:
30px;
}
} @media (max-width: 767px) {
.fp-global-design .fp-grid-2,
.fp-global-design .fp-grid-3,
.fp-global-design .fp-grid-4,
.fp-global-design .fp-cards-2,
.fp-global-design .fp-cards-3,
.fp-global-design .fp-cards-4,
.fp-global-design .fp-layout-2-1,
.fp-global-design .fp-layout-1-2,
.fp-global-design .fpv42-places__grid,
.fp-global-design .fpv42-people__grid,
.fp-global-design .fpv42-gazette__grid {
grid-template-columns:
1fr !important;
gap:
22px;
}
.fp-global-design .fp-grid-3 > :last-child,
.fp-global-design .fp-cards-3 > :last-child {
grid-column: auto;
width: 100%;
}
} @media (max-width: 767px) {
.fp-global-design
.wp-block-columns:not(.is-not-stacked-on-mobile) {
flex-direction:
column !important;
gap:
24px !important;
}
.fp-global-design
.wp-block-columns:not(.is-not-stacked-on-mobile)
> .wp-block-column {
flex-basis:
100% !important;
width:
100% !important;
}
} @media (max-width: 767px) {
.fp-global-design
.kt-row-column-wrap {
grid-template-columns:
1fr !important;
row-gap:
26px !important;
}
.fp-global-design
.wp-block-kadence-column {
width:
100% !important;
}
}  @media (max-width: 767px) {
.fp-mobile-first {
order: -1 !important;
}
.fp-mobile-last {
order: 99 !important;
}
} .fp-global-design .fp-media-text {
display: grid;
grid-template-columns:
minmax(0, 1fr)
minmax(0, 1fr);
gap:
clamp(30px, 5vw, 64px);
align-items: center;
} @media (max-width: 767px) {
.fp-global-design .fp-media-text {
grid-template-columns: 1fr;
gap: 26px;
}
.fp-global-design
.fp-media-text.fp-mobile-copy-first
.fp-media-text__copy {
order: -1;
}
} .fp-global-design .wp-block-column,
.fp-global-design .wp-block-kadence-column,
.fp-global-design [class*="fp-grid"] > *,
.fp-global-design [class*="fp-layout"] > * {
overflow-wrap:
break-word;
} .fp-global-design .wp-block-group.is-layout-flex,
.fp-global-design .fp-flex {
flex-wrap: wrap;
gap:
clamp(12px, 2vw, 22px);
} @media (max-width: 390px) {
.fp-global-design .fp-grid-2,
.fp-global-design .fp-grid-3,
.fp-global-design .fp-grid-4,
.fp-global-design .fp-cards-2,
.fp-global-design .fp-cards-3,
.fp-global-design .fp-cards-4,
.fp-global-design .fp-layout-2-1,
.fp-global-design .fp-layout-1-2,
.fp-global-design .fp-media-text {
gap:
18px;
}
} @media (prefers-reduced-motion: reduce) {
.fp-global-design .wp-block-column,
.fp-global-design .wp-block-kadence-column {
transition: none !important;
}
}  .fp-global-design .fp-hero,
.fp-global-design .fp-page-hero,
.fp-global-design .fp-screen--hero,
.fp-global-design .fp-essential--hero {
position: relative;
display: grid;
grid-template-columns:
minmax(0, 1.05fr)
minmax(360px, .95fr);
align-items: center;
gap:
clamp(36px, 6vw, 86px);
width: min(100%, 1480px);
margin:
0 auto;
padding:
clamp(54px, 7vw, 92px)
clamp(18px, 4vw, 64px);
overflow: hidden;
} @media (min-width: 1025px) and (min-height: 720px) {
.fp-global-design .fp-hero,
.fp-global-design .fp-page-hero,
.fp-global-design .fp-screen--hero,
.fp-global-design .fp-essential--hero {
min-height:
calc(100svh - 76px);
}
} @media (min-width: 1025px) and (max-height: 719px) {
.fp-global-design .fp-hero,
.fp-global-design .fp-page-hero,
.fp-global-design .fp-screen--hero,
.fp-global-design .fp-essential--hero {
min-height: auto;
padding-top:
42px;
padding-bottom:
42px;
}
} .fp-global-design .fp-hero__copy,
.fp-global-design .fp-page-hero__copy {
position: relative;
z-index: 2;
min-width: 0;
} .fp-global-design .fp-hero__eyebrow,
.fp-global-design .fp-page-hero__eyebrow {
margin:
0 0 16px;
color:
#C6A15B;
font-family:
Inter,
Arial,
sans-serif;
font-size:
11px;
font-weight:
700;
line-height:
1.4;
letter-spacing:
.18em;
text-transform:
uppercase;
} .fp-global-design .fp-hero h1,
.fp-global-design .fp-page-hero h1,
.fp-global-design .fp-hero__title,
.fp-global-design .fp-page-hero__title {
max-width:
900px;
margin:
0;
color:
#0F1E33;
font-family:
"Cormorant Garamond",
Georgia,
serif;
font-size:
clamp(3.4rem, 6vw, 6.6rem);
font-weight:
600;
line-height:
.97;
letter-spacing:
-.025em;
text-wrap:
balance;
} .fp-global-design .fp-hero--dark h1,
.fp-global-design .fp-page-hero--dark h1,
.fp-global-design .fp-hero--dark .fp-hero__title,
.fp-global-design .fp-page-hero--dark .fp-page-hero__title {
color:
#F4F0E6;
} .fp-global-design .fp-hero__lead,
.fp-global-design .fp-page-hero__lead {
max-width:
650px;
margin:
22px 0 0;
color:
rgba(15,30,51,.72);
font-family:
Inter,
Arial,
sans-serif;
font-size:
clamp(1.05rem, 1.45vw, 1.22rem);
line-height:
1.72;
}
.fp-global-design .fp-hero--dark .fp-hero__lead,
.fp-global-design .fp-page-hero--dark .fp-page-hero__lead {
color:
rgba(244,240,230,.78);
} .fp-global-design .fp-hero__actions,
.fp-global-design .fp-page-hero__actions {
display:
flex;
flex-wrap:
wrap;
gap:
12px;
margin-top:
30px;
}
.fp-global-design .fp-hero__actions > *,
.fp-global-design .fp-page-hero__actions > * {
flex:
0 0 auto;
} .fp-global-design .fp-hero__proof,
.fp-global-design .fp-page-hero__proof {
display:
flex;
flex-wrap:
wrap;
gap:
8px 18px;
margin-top:
22px;
color:
rgba(15,30,51,.54);
font-family:
Inter,
Arial,
sans-serif;
font-size:
11px;
font-weight:
600;
line-height:
1.4;
letter-spacing:
.06em;
text-transform:
uppercase;
}
.fp-global-design .fp-hero--dark .fp-hero__proof,
.fp-global-design .fp-page-hero--dark .fp-page-hero__proof {
color:
rgba(244,240,230,.54);
} .fp-global-design .fp-hero__media,
.fp-global-design .fp-page-hero__media {
position:
relative;
z-index:
1;
min-width:
0;
overflow:
hidden;
aspect-ratio:
4 / 5;
}
.fp-global-design .fp-hero__media img,
.fp-global-design .fp-page-hero__media img {
display:
block;
width:
100%;
height:
100%;
object-fit:
cover;
object-position:
center;
} .fp-global-design .fp-hero__media::after,
.fp-global-design .fp-page-hero__media::after {
content:
"";
position:
absolute;
inset:
12px;
pointer-events:
none;
border:
1px solid
rgba(198,161,91,.48);
} @media (max-width: 1024px) {
.fp-global-design .fp-hero,
.fp-global-design .fp-page-hero,
.fp-global-design .fp-screen--hero,
.fp-global-design .fp-essential--hero {
grid-template-columns:
1fr 1fr;
min-height:
auto;
gap:
32px;
padding:
54px
28px;
}
.fp-global-design .fp-hero h1,
.fp-global-design .fp-page-hero h1,
.fp-global-design .fp-hero__title,
.fp-global-design .fp-page-hero__title {
font-size:
clamp(2.8rem, 7vw, 4.7rem);
}
} @media (max-width: 767px) {
.fp-global-design .fp-hero,
.fp-global-design .fp-page-hero,
.fp-global-design .fp-screen--hero,
.fp-global-design .fp-essential--hero {
grid-template-columns:
1fr;
min-height:
auto;
gap:
30px;
padding:
42px
18px
48px;
}
.fp-global-design .fp-hero__copy,
.fp-global-design .fp-page-hero__copy {
order:
1;
}
.fp-global-design .fp-hero__media,
.fp-global-design .fp-page-hero__media {
order:
2;
aspect-ratio:
16 / 10;
}
.fp-global-design .fp-hero h1,
.fp-global-design .fp-page-hero h1,
.fp-global-design .fp-hero__title,
.fp-global-design .fp-page-hero__title {
font-size:
clamp(2.35rem, 10vw, 3.8rem);
line-height:
1;
}
.fp-global-design .fp-hero__lead,
.fp-global-design .fp-page-hero__lead {
margin-top:
18px;
font-size:
1rem;
line-height:
1.68;
}
.fp-global-design .fp-hero__actions,
.fp-global-design .fp-page-hero__actions {
display:
grid;
grid-template-columns:
1fr;
gap:
10px;
margin-top:
24px;
}
.fp-global-design .fp-hero__actions > *,
.fp-global-design .fp-page-hero__actions > * {
width:
100%;
}
} @media (max-width: 767px) {
.fp-global-design .fp-hero.fp-mobile-media-first
.fp-hero__media,
.fp-global-design .fp-page-hero.fp-mobile-media-first
.fp-page-hero__media {
order:
1;
}
.fp-global-design .fp-hero.fp-mobile-media-first
.fp-hero__copy,
.fp-global-design .fp-page-hero.fp-mobile-media-first
.fp-page-hero__copy {
order:
2;
}
} @media (max-width: 390px) {
.fp-global-design .fp-hero,
.fp-global-design .fp-page-hero,
.fp-global-design .fp-screen--hero,
.fp-global-design .fp-essential--hero {
padding-left:
14px;
padding-right:
14px;
}
.fp-global-design .fp-hero h1,
.fp-global-design .fp-page-hero h1,
.fp-global-design .fp-hero__title,
.fp-global-design .fp-page-hero__title {
font-size:
clamp(2.1rem, 11vw, 3.2rem);
}
} .fp-global-design .fp-hero__copy.fp-reveal,
.fp-global-design .fp-page-hero__copy.fp-reveal {
transform:
translateY(18px);
}
.fp-global-design .fp-hero__media.fp-reveal,
.fp-global-design .fp-page-hero__media.fp-reveal {
transform:
translateY(22px)
scale(.985);
}
.fp-global-design .fp-hero__media.fp-reveal.is-visible,
.fp-global-design .fp-page-hero__media.fp-reveal.is-visible {
transform:
translateY(0)
scale(1);
} @media (prefers-reduced-motion: reduce) {
.fp-global-design .fp-hero__copy,
.fp-global-design .fp-page-hero__copy,
.fp-global-design .fp-hero__media,
.fp-global-design .fp-page-hero__media {
transform:
none !important;
transition:
none !important;
}
}   .fp-global-design section,
.fp-global-design article,
.fp-global-design .fp-card,
.fp-global-design .fp-screen,
.fp-global-design .fp-essential,
.fp-global-design .fp-newsletter-global,
.fp-global-design .fp-newsletter-form-only,
.fpbook21,
.fpch-chronique,
.fp-route,
.fp-lieu-v6 {
max-height: none;
overflow-y: visible;
}  .fpv5-mobile-panel {
position: static;
width: 100%;
max-height: none;
overflow: visible;
padding:
30px
22px
26px;
background:
linear-gradient(
180deg,
#0B0B0B 0%,
#0F1E33 100%
);
border-top:
1px solid
rgba(198,161,91,.16);
border-bottom:
1px solid
rgba(198,161,91,.26);
box-shadow:
0 20px 50px
rgba(0,0,0,.20);
} .fpv5-mobile-panel {
display: none;
} body.fpv5-menu-open
.fpv5-mobile-panel {
display: block;
} body.fpv5-menu-open {
overflow: visible;
} body.fpv5-menu-open
.fpv5-site-header {
position: relative;
top: auto;
} @media (max-width: 1024px) {
.fpv5-mobile-panel {
position: static;
max-height: none;
overflow: visible;
padding:
28px;
}
} @media (max-width: 767px) {
.fpv5-mobile-panel {
position: static;
max-height: none;
overflow: visible;
padding:
26px
18px
24px;
}
} @media (max-width: 390px) {
.fpv5-mobile-panel {
padding-left: 14px;
padding-right: 14px;
}
}  .fp-global-design .wp-block-table,
.fp-global-design .fp-table-wrap {
width: 100%;
max-width: 100%;
overflow: visible;
-webkit-overflow-scrolling: auto;
} .fp-global-design table {
width: 100%;
max-width: 100%;
min-width: 0;
table-layout: fixed;
border-collapse: collapse;
} .fp-global-design table th,
.fp-global-design table td {
min-width: 0;
white-space: normal;
overflow-wrap: anywhere;
word-break: normal;
hyphens: auto;
} @media (max-width: 1024px) {
.fp-global-design table {
font-size: 12px;
}
.fp-global-design table th,
.fp-global-design table td {
padding:
12px
10px;
}
} @media (max-width: 767px) {
.fp-global-design table {
width: 100%;
min-width: 0;
table-layout: fixed;
font-size: 11px;
line-height: 1.4;
}
.fp-global-design table th,
.fp-global-design table td {
padding:
10px
7px;
overflow-wrap: anywhere;
}
} @media (max-width: 390px) {
.fp-global-design table {
font-size: 10px;
}
.fp-global-design table th,
.fp-global-design table td {
padding:
8px
5px;
}
} .fp-global-design details,
.fpbook21__faq details,
.fp-accordion,
.fp-accordion__content {
max-height: none;
overflow: visible;
} .fp-global-design .fp-card,
.fp-global-design .fpv42-place-card,
.fp-global-design .fpv42-person,
.fp-global-design .fpv42-gazette-card,
.fp-global-design .post-card {
max-height: none;
overflow-y: visible;
} .fp-global-design .fp-card__media,
.fp-global-design .fpv42-place-card__picture,
.fp-global-design .fpv42-person__portrait,
.fp-global-design .fpv42-gazette-card__picture {
overflow: hidden;
} .fp-newsletter-global,
.fp-newsletter-global__inner,
.fp-newsletter-global__form,
.fp-newsletter-form-only {
max-height: none;
overflow-y: visible;
} .fpbook21,
.fpbook21__hero,
.fpbook21__contents,
.fpbook21__limited,
.fpbook21__english-interest,
.fpbook21__faq,
.fpbook21__final-cta {
max-height: none;
overflow-y: visible;
}  .fp-screen,
.fp-essential,
.fp-global-design .fp-hero,
.fp-global-design .fp-page-hero,
.fpv42-manifest,
.fpv42-places,
.fpv42-people,
.fpv42-gazette {
height: auto;
max-height: none;
overflow-y: visible;
} @media (min-width: 1025px) and (min-height: 720px) {
.fp-screen,
.fp-essential,
.fp-global-design .fp-hero,
.fp-global-design .fp-page-hero,
.fpv42-manifest,
.fpv42-places,
.fpv42-people,
.fpv42-gazette {
height: auto;
min-height:
calc(100svh - 76px);
max-height: none;
}
} @media (min-width: 1025px) and (max-height: 719px) {
.fp-screen,
.fp-essential,
.fp-global-design .fp-hero,
.fp-global-design .fp-page-hero,
.fpv42-manifest,
.fpv42-places,
.fpv42-people,
.fpv42-gazette {
height: auto !important;
min-height: auto !important;
max-height: none !important;
}
} @media (max-width: 1024px) {
.fp-screen,
.fp-essential,
.fp-global-design .fp-hero,
.fp-global-design .fp-page-hero,
.fpv42-manifest,
.fpv42-places,
.fpv42-people,
.fpv42-gazette {
height: auto !important;
min-height: auto !important;
max-height: none !important;
overflow-y: visible !important;
}
}  html {
overflow-x: hidden;
overflow-y: auto;
}
body {
min-height: 100%;
overflow-x: hidden;
overflow-y: visible;
} @media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}  .fp-conversion,
.fp-final-cta,
.fp-global-design .fp-conversion,
.fp-global-design .fp-final-cta,
.fpbook21__final-cta {
position: relative;
box-sizing: border-box;
width: min(100%, 1240px);
margin:
clamp(72px, 9vw, 120px)
auto
0;
padding:
clamp(48px, 6vw, 76px)
clamp(22px, 5vw, 64px);
text-align: center;
color: #F4F0E6;
background:
linear-gradient(
145deg,
#0B1421 0%,
#0F1E33 62%,
#111B2A 100%
);
border:
1px solid
rgba(198,161,91,.30);
overflow: hidden;
} .fp-conversion::before,
.fp-final-cta::before,
.fp-global-design .fp-conversion::before,
.fp-global-design .fp-final-cta::before,
.fpbook21__final-cta::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background:
radial-gradient(
circle at 50% 0%,
rgba(198,161,91,.13),
transparent 42%
);
opacity: .85;
} .fp-conversion > *,
.fp-final-cta > *,
.fp-global-design .fp-conversion > *,
.fp-global-design .fp-final-cta > *,
.fpbook21__final-cta > * {
position: relative;
z-index: 1;
} .fp-conversion__eyebrow,
.fp-final-cta__eyebrow,
.fp-global-design .fp-conversion__eyebrow,
.fp-global-design .fp-final-cta__eyebrow {
margin:
0 0 14px;
color: #C6A15B;
font-family:
Inter,
Arial,
sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 1.4;
letter-spacing: .18em;
text-transform: uppercase;
} .fp-conversion h2,
.fp-final-cta h2,
.fp-global-design .fp-conversion h2,
.fp-global-design .fp-final-cta h2,
.fpbook21__final-cta h2 {
max-width: 920px;
margin:
0 auto;
color: #F4F0E6;
font-family:
"Cormorant Garamond",
Georgia,
serif;
font-size:
clamp(2.35rem, 4.5vw, 4.8rem);
font-weight: 600;
line-height: 1.02;
letter-spacing: -.02em;
text-wrap: balance;
} .fp-conversion__intro,
.fp-final-cta__intro,
.fp-global-design .fp-conversion__intro,
.fp-global-design .fp-final-cta__intro {
max-width: 700px;
margin:
20px auto 0;
color:
rgba(244,240,230,.76);
font-family:
Inter,
Arial,
sans-serif;
font-size:
clamp(1rem, 1.3vw, 1.12rem);
line-height: 1.7;
} .fp-conversion__actions,
.fp-final-cta__actions,
.fp-global-design .fp-conversion__actions,
.fp-global-design .fp-final-cta__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 12px;
margin-top: 30px;
} .fp-conversion__primary,
.fp-final-cta__primary,
.fp-global-design .fp-conversion__primary,
.fp-global-design .fp-final-cta__primary,
.fpbook21__final-cta .fpbook21__button--primary {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 52px;
padding:
14px
26px;
color: #0B0B0B;
background: #C6A15B;
border:
1px solid
#C6A15B;
text-decoration: none;
font-family:
Inter,
Arial,
sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1.2;
letter-spacing: .11em;
text-transform: uppercase;
transition:
color 220ms ease,
background-color 220ms ease,
transform 180ms ease,
box-shadow 220ms ease;
}
.fp-conversion__primary:hover,
.fp-conversion__primary:focus-visible,
.fp-final-cta__primary:hover,
.fp-final-cta__primary:focus-visible,
.fp-global-design .fp-conversion__primary:hover,
.fp-global-design .fp-conversion__primary:focus-visible,
.fp-global-design .fp-final-cta__primary:hover,
.fp-global-design .fp-final-cta__primary:focus-visible,
.fpbook21__final-cta .fpbook21__button--primary:hover,
.fpbook21__final-cta .fpbook21__button--primary:focus-visible {
color: #F4F0E6;
background: transparent;
transform:
translateY(-2px);
box-shadow:
0 10px 28px
rgba(0,0,0,.18);
} .fp-conversion__secondary,
.fp-final-cta__secondary,
.fp-global-design .fp-conversion__secondary,
.fp-global-design .fp-final-cta__secondary {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 52px;
padding:
14px
24px;
color: #F4F0E6;
background: transparent;
border:
1px solid
rgba(198,161,91,.46);
text-decoration: none;
font-family:
Inter,
Arial,
sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: .10em;
text-transform: uppercase;
transition:
color 200ms ease,
background-color 200ms ease,
border-color 200ms ease,
transform 180ms ease;
}
.fp-conversion__secondary:hover,
.fp-conversion__secondary:focus-visible,
.fp-final-cta__secondary:hover,
.fp-final-cta__secondary:focus-visible,
.fp-global-design .fp-conversion__secondary:hover,
.fp-global-design .fp-conversion__secondary:focus-visible,
.fp-global-design .fp-final-cta__secondary:hover,
.fp-global-design .fp-final-cta__secondary:focus-visible {
color: #0B0B0B;
background: #C6A15B;
border-color: #C6A15B;
transform:
translateY(-2px);
} .fp-conversion__proof,
.fp-final-cta__proof,
.fp-global-design .fp-conversion__proof,
.fp-global-design .fp-final-cta__proof {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap:
7px 18px;
margin-top: 20px;
color:
rgba(244,240,230,.52);
font-family:
Inter,
Arial,
sans-serif;
font-size: 10px;
font-weight: 600;
line-height: 1.4;
letter-spacing: .08em;
text-transform: uppercase;
}
.fp-conversion__proof > * + *::before,
.fp-final-cta__proof > * + *::before {
content: "◆";
margin-right: 14px;
color:
rgba(198,161,91,.70);
font-size: 6px;
} .fp-conversion__ornament,
.fp-final-cta__ornament {
display: flex;
align-items: center;
justify-content: center;
width: min(320px, 68%);
margin:
28px auto 0;
gap: 12px;
color: #C6A15B;
}
.fp-conversion__ornament::before,
.fp-conversion__ornament::after,
.fp-final-cta__ornament::before,
.fp-final-cta__ornament::after {
content: "";
flex: 1;
height: 1px;
background:
linear-gradient(
to right,
transparent,
rgba(198,161,91,.45)
);
}
.fp-conversion__ornament::after,
.fp-final-cta__ornament::after {
transform: scaleX(-1);
}
.fp-conversion__ornament span,
.fp-final-cta__ornament span {
width: 7px;
height: 7px;
background: #C6A15B;
transform: rotate(45deg);
} .fp-conversion + .fp-newsletter-global,
.fp-final-cta + .fp-newsletter-global,
.fpbook21__final-cta + .fp-newsletter-global {
margin-top: 0;
} @media (max-width: 1024px) {
.fp-conversion,
.fp-final-cta,
.fp-global-design .fp-conversion,
.fp-global-design .fp-final-cta,
.fpbook21__final-cta {
margin-top: 70px;
padding:
52px
28px;
}
} @media (max-width: 767px) {
.fp-conversion,
.fp-final-cta,
.fp-global-design .fp-conversion,
.fp-global-design .fp-final-cta,
.fpbook21__final-cta {
width: 100%;
margin-top: 56px;
padding:
46px
18px;
}
.fp-conversion h2,
.fp-final-cta h2,
.fp-global-design .fp-conversion h2,
.fp-global-design .fp-final-cta h2,
.fpbook21__final-cta h2 {
font-size:
clamp(2rem, 9vw, 3rem);
line-height: 1.05;
}
.fp-conversion__actions,
.fp-final-cta__actions,
.fp-global-design .fp-conversion__actions,
.fp-global-design .fp-final-cta__actions {
display: grid;
grid-template-columns: 1fr;
width: 100%;
gap: 10px;
margin-top: 26px;
}
.fp-conversion__primary,
.fp-conversion__secondary,
.fp-final-cta__primary,
.fp-final-cta__secondary,
.fp-global-design .fp-conversion__primary,
.fp-global-design .fp-conversion__secondary,
.fp-global-design .fp-final-cta__primary,
.fp-global-design .fp-final-cta__secondary,
.fpbook21__final-cta .fpbook21__button--primary {
width: 100%;
min-height: 52px;
}
.fp-conversion__proof,
.fp-final-cta__proof,
.fp-global-design .fp-conversion__proof,
.fp-global-design .fp-final-cta__proof {
flex-direction: column;
gap: 6px;
margin-top: 18px;
}
.fp-conversion__proof > * + *::before,
.fp-final-cta__proof > * + *::before {
display: none;
}
} @media (max-width: 390px) {
.fp-conversion,
.fp-final-cta,
.fp-global-design .fp-conversion,
.fp-global-design .fp-final-cta,
.fpbook21__final-cta {
padding-left: 14px;
padding-right: 14px;
}
} .fp-conversion.fp-reveal,
.fp-final-cta.fp-reveal,
.fpbook21__final-cta.fp-reveal {
transform:
translateY(20px);
}
.fp-conversion.fp-reveal.is-visible,
.fp-final-cta.fp-reveal.is-visible,
.fpbook21__final-cta.fp-reveal.is-visible {
transform:
translateY(0);
} .fp-conversion a:focus-visible,
.fp-final-cta a:focus-visible,
.fpbook21__final-cta a:focus-visible {
outline:
2px solid
#C6A15B;
outline-offset:
3px;
}
@media (prefers-reduced-motion: reduce) {
.fp-conversion,
.fp-final-cta,
.fpbook21__final-cta,
.fp-conversion a,
.fp-final-cta a,
.fpbook21__final-cta a {
transform: none !important;
transition: none !important;
}
}  .fp-related,
.fp-continue,
.fp-global-design .fp-related,
.fp-global-design .fp-continue {
box-sizing: border-box;
width: min(100%, 1240px);
margin:
clamp(68px, 8vw, 110px)
auto
0;
padding:
clamp(42px, 5vw, 64px)
clamp(18px, 4vw, 44px);
background: #F4F0E6;
border-top:
1px solid
rgba(198,161,91,.26);
} .fp-related__heading,
.fp-continue__heading {
max-width: 820px;
margin:
0 auto
clamp(28px, 4vw, 42px);
text-align: center;
}
.fp-related__eyebrow,
.fp-continue__eyebrow {
margin:
0 0 12px;
color: #C6A15B;
font-family:
Inter,
Arial,
sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 1.4;
letter-spacing: .18em;
text-transform: uppercase;
}
.fp-related__heading h2,
.fp-continue__heading h2 {
margin: 0;
color: #0F1E33;
font-family:
"Cormorant Garamond",
Georgia,
serif;
font-size:
clamp(2.2rem, 4vw, 4.2rem);
font-weight: 600;
line-height: 1.04;
letter-spacing: -.02em;
text-wrap: balance;
} .fp-related__grid,
.fp-continue__grid {
display: grid;
grid-template-columns:
repeat(3, minmax(0, 1fr));
gap:
clamp(20px, 2.8vw, 34px);
} .fp-related-card,
.fp-continue-card {
position: relative;
min-width: 0;
overflow: hidden;
background: #FFFDF8;
border:
1px solid
rgba(15,30,51,.12);
transition:
transform 240ms ease,
border-color 240ms ease,
box-shadow 240ms ease;
}
.fp-related-card:hover,
.fp-related-card:focus-within,
.fp-continue-card:hover,
.fp-continue-card:focus-within {
transform:
translateY(-4px);
border-color:
rgba(198,161,91,.40);
box-shadow:
0 16px 38px
rgba(11,11,11,.09);
} .fp-related-card__media,
.fp-continue-card__media {
overflow: hidden;
aspect-ratio: 4 / 3;
}
.fp-related-card__media img,
.fp-continue-card__media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition:
transform 600ms ease;
}
.fp-related-card:hover
.fp-related-card__media img,
.fp-continue-card:hover
.fp-continue-card__media img {
transform:
scale(1.035);
} .fp-related-card__content,
.fp-continue-card__content {
padding:
20px;
}
.fp-related-card__meta,
.fp-continue-card__meta {
margin:
0 0 10px;
color:
rgba(15,30,51,.50);
font-family:
Inter,
Arial,
sans-serif;
font-size: 10px;
font-weight: 700;
letter-spacing: .10em;
text-transform: uppercase;
} .fp-related-card h3,
.fp-continue-card h3 {
margin:
0 0 12px;
color: #0F1E33;
font-family:
"Cormorant Garamond",
Georgia,
serif;
font-size:
clamp(1.4rem, 1.9vw, 1.9rem);
font-weight: 600;
line-height: 1.14;
}
.fp-related-card h3 a,
.fp-continue-card h3 a {
color: inherit;
text-decoration: none;
} .fp-related-card__action,
.fp-continue-card__action {
position: relative;
display: inline-block;
color: #9B783D;
font-family:
Inter,
Arial,
sans-serif;
font-size: 10px;
font-weight: 700;
letter-spacing: .10em;
text-transform: uppercase;
}
.fp-related-card__action::after,
.fp-continue-card__action::after {
content: "";
position: absolute;
left: 0;
bottom: -4px;
width: 100%;
height: 1px;
background: currentColor;
transform:
scaleX(.25);
transform-origin:
left center;
transition:
transform 220ms ease;
}
.fp-related-card:hover
.fp-related-card__action::after,
.fp-continue-card:hover
.fp-continue-card__action::after {
transform:
scaleX(1);
} .fp-post-navigation {
display: grid;
grid-template-columns:
repeat(2, minmax(0, 1fr));
gap: 12px;
width: min(100%, 1240px);
margin:
clamp(40px, 5vw, 64px)
auto
0;
padding:
0
clamp(18px, 4vw, 44px);
}
.fp-post-navigation a {
display: flex;
flex-direction: column;
justify-content: center;
min-height: 96px;
padding:
18px
20px;
color: #0F1E33;
background: #F4F0E6;
border:
1px solid
rgba(15,30,51,.12);
text-decoration: none;
transition:
border-color 200ms ease,
background-color 200ms ease,
transform 180ms ease;
}
.fp-post-navigation a:hover,
.fp-post-navigation a:focus-visible {
background:
rgba(198,161,91,.06);
border-color:
rgba(198,161,91,.38);
transform:
translateY(-2px);
} .fp-post-navigation__label {
color: #9B783D;
font-family:
Inter,
Arial,
sans-serif;
font-size: 9px;
font-weight: 700;
letter-spacing: .11em;
text-transform: uppercase;
}
.fp-post-navigation__title {
margin-top: 7px;
font-family:
"Cormorant Garamond",
Georgia,
serif;
font-size:
clamp(1.2rem, 1.7vw, 1.55rem);
font-weight: 600;
line-height: 1.18;
} @media (max-width: 1024px) {
.fp-related__grid,
.fp-continue__grid {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}
} @media (max-width: 767px) {
.fp-related,
.fp-continue,
.fp-global-design .fp-related,
.fp-global-design .fp-continue {
margin-top: 54px;
padding:
38px
18px;
}
.fp-related__grid,
.fp-continue__grid {
grid-template-columns: 1fr;
gap: 20px;
}
.fp-related-card__media,
.fp-continue-card__media {
aspect-ratio: 16 / 10;
}
.fp-post-navigation {
grid-template-columns: 1fr;
padding:
0
18px;
}
} @media (max-width: 390px) {
.fp-related,
.fp-continue,
.fp-global-design .fp-related,
.fp-global-design .fp-continue,
.fp-post-navigation {
padding-left: 14px;
padding-right: 14px;
}
} .fp-related,
.fp-continue,
.fp-related__grid,
.fp-continue__grid,
.fp-related-card,
.fp-continue-card,
.fp-post-navigation {
height: auto;
max-height: none;
overflow-y: visible;
} .fp-related a:focus-visible,
.fp-continue a:focus-visible,
.fp-post-navigation a:focus-visible {
outline:
2px solid
#C6A15B;
outline-offset:
3px;
}
@media (prefers-reduced-motion: reduce) {
.fp-related-card,
.fp-continue-card,
.fp-related-card img,
.fp-continue-card img,
.fp-post-navigation a {
transition: none !important;
transform: none !important;
}
}  .fp-gallery,
.fp-global-design .wp-block-gallery,
.fp-global-design .fp-gallery {
display: grid;
grid-template-columns:
repeat(3, minmax(0, 1fr));
gap:
clamp(14px, 2vw, 24px);
width: 100%;
} .fp-gallery__item,
.fp-global-design .wp-block-gallery figure {
position: relative;
min-width: 0;
margin: 0;
overflow: hidden;
background: #0F1E33;
border:
1px solid
rgba(198,161,91,.20);
} .fp-gallery__item img,
.fp-global-design .wp-block-gallery figure img {
display: block;
width: 100%;
height: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
object-position: center;
transition:
transform 600ms cubic-bezier(.22,.61,.36,1),
filter 300ms ease;
} @media (hover: hover) {
.fp-gallery__item:hover img,
.fp-global-design .wp-block-gallery figure:hover img {
transform:
scale(1.035);
filter:
brightness(.92);
}
} .fp-gallery__item::after,
.fp-global-design .wp-block-gallery figure::after {
content: "+";
position: absolute;
right: 12px;
bottom: 12px;
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
color: #0B0B0B;
background: #C6A15B;
font-family:
Inter,
Arial,
sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1;
opacity: 0;
transform:
translateY(5px);
pointer-events: none;
transition:
opacity 220ms ease,
transform 220ms ease;
}
.fp-gallery__item:hover::after,
.fp-gallery__item:focus-within::after,
.fp-global-design .wp-block-gallery figure:hover::after,
.fp-global-design .wp-block-gallery figure:focus-within::after {
opacity: 1;
transform:
translateY(0);
} .fp-gallery__item a,
.fp-global-design .wp-block-gallery figure a {
display: block;
width: 100%;
height: 100%;
} .fp-gallery__caption,
.fp-global-design .wp-block-gallery figcaption {
position: static;
margin: 0;
padding:
10px
12px;
color:
rgba(244,240,230,.72);
background:
#0F1E33;
font-family:
Inter,
Arial,
sans-serif;
font-size: 11px;
line-height: 1.5;
text-align: left;
} .fp-lightbox {
position: fixed;
z-index: 1000;
inset: 0;
display: none;
align-items: center;
justify-content: center;
padding:
clamp(18px, 3vw, 36px);
background:
rgba(11,11,11,.94);
backdrop-filter:
blur(8px);
-webkit-backdrop-filter:
blur(8px);
} .fp-lightbox.is-open {
display: flex;
} .fp-lightbox__inner {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
max-width: 1500px;
max-height: 100%;
margin: 0 auto;
overflow: visible;
} .fp-lightbox__image {
display: block;
width: auto;
height: auto;
max-width:
calc(100vw - 72px);
max-height:
calc(100svh - 96px);
object-fit: contain;
margin: auto;
box-shadow:
0 24px 70px
rgba(0,0,0,.42);
} .fp-lightbox,
.fp-lightbox__inner {
overflow: hidden;
}
.fp-lightbox__image {
overflow: visible;
} .fp-lightbox__close {
position: absolute;
z-index: 2;
top: 8px;
right: 8px;
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
padding: 0;
color: #F4F0E6;
background:
rgba(11,11,11,.68);
border:
1px solid
rgba(198,161,91,.50);
border-radius: 0;
cursor: pointer;
font-family:
Inter,
Arial,
sans-serif;
font-size: 24px;
font-weight: 300;
line-height: 1;
transition:
color 180ms ease,
background-color 180ms ease,
border-color 180ms ease,
transform 180ms ease;
}
.fp-lightbox__close:hover,
.fp-lightbox__close:focus-visible {
color: #0B0B0B;
background: #C6A15B;
border-color: #C6A15B;
transform:
scale(1.04);
} .fp-lightbox__prev,
.fp-lightbox__next {
position: absolute;
z-index: 2;
top: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 58px;
padding: 0;
color: #F4F0E6;
background:
rgba(11,11,11,.56);
border:
1px solid
rgba(198,161,91,.38);
cursor: pointer;
font-size: 20px;
transform:
translateY(-50%);
transition:
color 180ms ease,
background-color 180ms ease,
border-color 180ms ease;
}
.fp-lightbox__prev {
left: 8px;
}
.fp-lightbox__next {
right: 8px;
}
.fp-lightbox__prev:hover,
.fp-lightbox__prev:focus-visible,
.fp-lightbox__next:hover,
.fp-lightbox__next:focus-visible {
color: #0B0B0B;
background: #C6A15B;
border-color: #C6A15B;
} .fp-lightbox__caption {
position: absolute;
left: 50%;
bottom: 10px;
width:
min(760px, calc(100% - 120px));
margin: 0;
padding:
8px
12px;
color:
rgba(244,240,230,.80);
background:
rgba(11,11,11,.68);
font-family:
Inter,
Arial,
sans-serif;
font-size: 11px;
line-height: 1.5;
text-align: center;
transform:
translateX(-50%);
} @media (max-width: 1024px) {
.fp-gallery,
.fp-global-design .wp-block-gallery,
.fp-global-design .fp-gallery {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}
.fp-lightbox__image {
max-width:
calc(100vw - 56px);
max-height:
calc(100svh - 90px);
}
} @media (max-width: 767px) {
.fp-gallery,
.fp-global-design .wp-block-gallery,
.fp-global-design .fp-gallery {
grid-template-columns: 1fr;
gap: 16px;
}
.fp-gallery__item img,
.fp-global-design .wp-block-gallery figure img {
aspect-ratio: 16 / 10;
}
.fp-lightbox {
padding:
12px;
}
.fp-lightbox__image {
max-width:
calc(100vw - 24px);
max-height:
calc(100svh - 84px);
}
.fp-lightbox__close {
top: 6px;
right: 6px;
width: 46px;
height: 46px;
}
.fp-lightbox__prev,
.fp-lightbox__next {
width: 44px;
height: 52px;
}
.fp-lightbox__prev {
left: 4px;
}
.fp-lightbox__next {
right: 4px;
}
.fp-lightbox__caption {
bottom: 6px;
width:
calc(100% - 108px);
font-size: 10px;
}
} @media (max-width: 390px) {
.fp-lightbox__prev,
.fp-lightbox__next {
width: 40px;
height: 48px;
}
.fp-lightbox__caption {
width:
calc(100% - 96px);
}
} .fp-lightbox button:focus-visible,
.fp-gallery a:focus-visible,
.fp-global-design .wp-block-gallery a:focus-visible {
outline:
2px solid
#C6A15B;
outline-offset:
3px;
} @media (prefers-reduced-motion: reduce) {
.fp-gallery__item img,
.fp-global-design .wp-block-gallery figure img,
.fp-lightbox__close,
.fp-lightbox__prev,
.fp-lightbox__next {
transition: none !important;
}
} @media (pointer: coarse) {
.fp-gallery__item::after,
.fp-global-design .wp-block-gallery figure::after {
opacity: 1;
transform: none;
}
}  .fp-toc,
.fp-global-design .fp-toc {
box-sizing: border-box;
width: min(100%, 980px);
margin:
clamp(34px, 5vw, 56px)
auto
clamp(48px, 6vw, 72px);
padding:
clamp(22px, 3vw, 30px)
clamp(20px, 3vw, 28px);
color: #0F1E33;
background:
rgba(198,161,91,.055);
border:
1px solid
rgba(198,161,91,.24);
position: relative;
} .fp-toc__eyebrow {
margin:
0 0 8px;
color: #C6A15B;
font-family:
Inter,
Arial,
sans-serif;
font-size: 10px;
font-weight: 700;
line-height: 1.4;
letter-spacing: .16em;
text-transform: uppercase;
}
.fp-toc__title {
margin:
0 0 18px;
color: #0F1E33;
font-family:
"Cormorant Garamond",
Georgia,
serif;
font-size:
clamp(1.7rem, 2.6vw, 2.5rem);
font-weight: 600;
line-height: 1.1;
} .fp-toc__list {
display: grid;
grid-template-columns:
repeat(2, minmax(0, 1fr));
gap:
8px
24px;
margin: 0;
padding: 0;
list-style: none;
} .fp-toc__list a {
position: relative;
display: flex;
align-items: center;
min-height: 42px;
padding:
8px
0
8px
20px;
color:
rgba(15,30,51,.78);
text-decoration: none;
font-family:
Inter,
Arial,
sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 1.35;
transition:
color 180ms ease,
transform 180ms ease;
}
.fp-toc__list a::before {
content: "";
position: absolute;
left: 2px;
top: 50%;
width: 6px;
height: 6px;
background: #C6A15B;
transform:
translateY(-50%)
rotate(45deg);
}
.fp-toc__list a:hover,
.fp-toc__list a:focus-visible {
color: #0F1E33;
transform:
translateX(3px);
} .fp-anchor-section,
.fp-global-design [id] {
scroll-margin-top:
96px;
} .fp-section-marker {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 14px;
color: #C6A15B;
font-family:
Inter,
Arial,
sans-serif;
font-size: 10px;
font-weight: 700;
letter-spacing: .14em;
text-transform: uppercase;
}
.fp-section-marker::before {
content: "";
width: 34px;
height: 1px;
background: #C6A15B;
} .fp-back-to-toc {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 22px;
color: #9B783D;
text-decoration: none;
font-family:
Inter,
Arial,
sans-serif;
font-size: 10px;
font-weight: 700;
letter-spacing: .10em;
text-transform: uppercase;
transition:
color 180ms ease,
transform 180ms ease;
}
.fp-back-to-toc::before {
content: "↑";
color: #C6A15B;
font-size: 13px;
}
.fp-back-to-toc:hover,
.fp-back-to-toc:focus-visible {
color: #0F1E33;
transform:
translateY(-1px);
}  .fp-reading-progress {
position: fixed;
z-index: 920;
top: 0;
left: 0;
width: 100%;
height: 2px;
pointer-events: none;
background:
transparent;
}
.fp-reading-progress__bar {
width: 0%;
height: 100%;
background:
linear-gradient(
90deg,
#C6A15B,
#E3CF9F
);
transition:
width 80ms linear;
} @media (min-width: 1025px) {
.fp-reading-progress {
top: 76px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.fp-reading-progress {
top: 70px;
}
}
@media (max-width: 767px) {
.fp-reading-progress {
top: 64px;
}
} @media (max-width: 1024px) {
.fp-toc__list {
grid-template-columns:
1fr;
}
} @media (max-width: 767px) {
.fp-toc,
.fp-global-design .fp-toc {
margin:
28px
auto
42px;
padding:
20px
18px;
}
.fp-toc__title {
font-size:
clamp(1.55rem, 7vw, 2.1rem);
}
.fp-toc__list {
grid-template-columns: 1fr;
gap: 4px;
}
.fp-toc__list a {
min-height: 44px;
font-size: 13px;
}
.fp-back-to-toc {
min-height: 44px;
}
} .fp-toc,
.fp-toc__list,
.fp-back-to-toc {
height: auto;
max-height: none;
overflow: visible;
} .fp-toc a:focus-visible,
.fp-back-to-toc:focus-visible {
outline:
2px solid
#C6A15B;
outline-offset:
3px;
} @media (prefers-reduced-motion: reduce) {
.fp-toc__list a,
.fp-back-to-toc,
.fp-reading-progress__bar {
transition: none !important;
}
} defined( 'ABSPATH' ) || exit; function fp_reading_progress_markup() {
if ( is_admin() ) {
return;
}
?>
<div
class="fp-reading-progress"
aria-hidden="true"
>
<div class="fp-reading-progress__bar"></div>
</div>
<?php
}
add_action(
'wp_body_open',
'fp_reading_progress_markup',
6
); function fp_reading_progress_script() {
if ( is_admin() ) {
return;
}
?>
<script id="fp-reading-progress-script">
(function () {
'use strict';
function initReadingProgress() {
const progress =
document.querySelector(
'.fp-reading-progress'
);
const bar =
document.querySelector(
'.fp-reading-progress__bar'
);
if (!progress || !bar) {
return;
} const reducedMotion =
window.matchMedia(
'(prefers-reduced-motion: reduce)'
);
let ticking = false;
function updateProgress() {
const documentElement =
document.documentElement;
const body =
document.body;
const scrollTop =
window.pageYOffset ||
documentElement.scrollTop ||
body.scrollTop ||
0;
const documentHeight =
Math.max(
body.scrollHeight,
body.offsetHeight,
documentElement.clientHeight,
documentElement.scrollHeight,
documentElement.offsetHeight
);
const viewportHeight =
window.innerHeight ||
documentElement.clientHeight;
const scrollableHeight =
Math.max(
documentHeight - viewportHeight,
0
);
let percentage = 0;
if (scrollableHeight > 0) {
percentage =
(
scrollTop /
scrollableHeight
) * 100;
} percentage =
Math.min(
100,
Math.max(
0,
percentage
)
);
bar.style.width =
percentage.toFixed(2) + '%'; if (
scrollableHeight < 300
) {
progress.style.display =
'none';
} else {
progress.style.display =
'block';
}
ticking = false;
}
function requestUpdate() {
if (ticking) {
return;
}
ticking = true;
window.requestAnimationFrame(
updateProgress
);
}
window.addEventListener(
'scroll',
requestUpdate,
{
passive: true
}
);
window.addEventListener(
'resize',
requestUpdate,
{
passive: true
}
);
window.addEventListener(
'load',
requestUpdate,
{
once: true
}
); if (
'ResizeObserver' in window
) {
const observer =
new ResizeObserver(
requestUpdate
);
observer.observe(
document.body
);
} function updateMotionPreference() {
if (reducedMotion.matches) {
bar.style.transition =
'none';
} else {
bar.style.transition = '';
}
}
updateMotionPreference();
if (
typeof reducedMotion.addEventListener
=== 'function'
) {
reducedMotion.addEventListener(
'change',
updateMotionPreference
);
} updateProgress();
}
if (
document.readyState === 'loading'
) {
document.addEventListener(
'DOMContentLoaded',
initReadingProgress,
{
once: true
}
);
} else {
initReadingProgress();
}
})();
</script>
<?php
}
add_action(
'wp_footer',
'fp_reading_progress_script',
93
);  html {
background: #0B0B0B;
}
body {
background: #F4F0E6;
} img {
max-width: 100%;
height: auto;
}
img[width][height] {
height: auto;
} .fp-global-design .fp-hero__media,
.fp-global-design .fp-page-hero__media,
.fp-global-design .fpv42-place-card__picture,
.fp-global-design .fpv42-person__portrait,
.fp-global-design .fpv42-gazette-card__picture,
.fp-global-design .fp-card__media,
.fp-global-design .fp-related-card__media,
.fp-global-design .fp-continue-card__media {
background:
rgba(15,30,51,.045);
} .fp-global-design img {
opacity: 1;
} .fp-image-loading {
opacity: 0;
transition:
opacity 280ms ease;
}
.fp-image-loading.is-loaded {
opacity: 1;
}  .fp-reveal {
opacity: 1;
transform: none;
} html.fp-reveal-ready .fp-reveal {
opacity: 0;
transform:
translateY(28px);
}
html.fp-reveal-ready .fp-reveal.is-visible {
opacity: 1;
transform:
translateY(0);
} html.fp-reveal-ready .fp-reveal--soft {
transform:
translateY(16px);
}
html.fp-reveal-ready .fp-reveal--left {
transform:
translateX(-28px);
}
html.fp-reveal-ready .fp-reveal--right {
transform:
translateX(28px);
}
html.fp-reveal-ready .fp-reveal--scale {
transform:
scale(.975);
}
html.fp-reveal-ready .fp-reveal--left.is-visible,
html.fp-reveal-ready .fp-reveal--right.is-visible {
transform:
translateX(0);
}
html.fp-reveal-ready .fp-reveal--scale.is-visible {
transform:
scale(1);
}  body,
button,
input,
select,
textarea {
font-family:
Inter,
Arial,
sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family:
"Cormorant Garamond",
Georgia,
serif;
} .fpv5-site-header,
.fp-global-footer,
.fp-newsletter-global,
.fpbook21,
.fpch-chronique,
.fp-route,
.fp-lieu-v6 {
min-width: 0;
} .fp-button,
.fpv42-button,
.wp-block-button__link,
.fpbook21__button,
.fp-conversion__primary,
.fp-conversion__secondary,
.fp-final-cta__primary,
.fp-final-cta__secondary {
white-space: normal;
text-align: center;
} .fp-global-design iframe,
.fp-global-design video {
display: block;
width: 100%;
max-width: 100%;
}
.fp-global-design iframe {
aspect-ratio: 16 / 9;
height: auto;
border: 0;
} .fp-global-design .wp-block-embed,
.fp-global-design .wp-block-video {
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
} .fp-newsletter-global,
.fp-newsletter-form-only,
.fp-related,
.fp-continue {
contain:
layout style;
} @media (max-width: 767px) {
.fp-global-design iframe {
aspect-ratio: 16 / 10;
}
} @media (prefers-reduced-motion: reduce) {
.fp-image-loading,
.fp-image-loading.is-loaded {
opacity: 1 !important;
transition: none !important;
}
html.fp-reveal-ready .fp-reveal,
html.fp-reveal-ready .fp-reveal--soft,
html.fp-reveal-ready .fp-reveal--left,
html.fp-reveal-ready .fp-reveal--right,
html.fp-reveal-ready .fp-reveal--scale {
opacity: 1 !important;
transform: none !important;
transition: none !important;
}
}  .fp-reveal,
.fp-reveal--soft,
.fp-reveal--left,
.fp-reveal--right,
.fp-reveal--scale {
opacity: 1;
transform: none;
will-change: auto;
} html.fp-reveal-ready .fp-reveal {
opacity: 0;
transform:
translateY(28px);
transition:
opacity 700ms cubic-bezier(.22,.61,.36,1),
transform 700ms cubic-bezier(.22,.61,.36,1);
will-change:
opacity,
transform;
} html.fp-reveal-ready .fp-reveal--soft {
transform:
translateY(16px);
}
html.fp-reveal-ready .fp-reveal--left {
transform:
translateX(-28px);
}
html.fp-reveal-ready .fp-reveal--right {
transform:
translateX(28px);
}
html.fp-reveal-ready .fp-reveal--scale {
transform:
scale(.975);
} html.fp-reveal-ready .fp-reveal.is-visible,
html.fp-reveal-ready .fp-reveal--soft.is-visible,
html.fp-reveal-ready .fp-reveal--left.is-visible,
html.fp-reveal-ready .fp-reveal--right.is-visible,
html.fp-reveal-ready .fp-reveal--scale.is-visible {
opacity: 1;
transform: none;
will-change: auto;
} html.fp-reveal-ready .fp-reveal-delay-1 {
transition-delay: 80ms;
}
html.fp-reveal-ready .fp-reveal-delay-2 {
transition-delay: 150ms;
}
html.fp-reveal-ready .fp-reveal-delay-3 {
transition-delay: 220ms;
}
html.fp-reveal-ready .fp-reveal-delay-4 {
transition-delay: 290ms;
} html.fp-reveal-ready
.fp-global-design section.fp-reveal,
html.fp-reveal-ready
.fp-screen.fp-reveal,
html.fp-reveal-ready
.fp-essential.fp-reveal {
filter: none;
}  html.fp-reveal-ready .fp-reveal {
content-visibility: visible;
} @media (hover: hover) and (pointer: fine) {
.fp-global-design .fp-card:hover,
.fp-global-design .fpv42-place-card:hover,
.fp-global-design .fpv42-person:hover,
.fp-global-design .fpv42-gazette-card:hover,
.fp-related-card:hover,
.fp-continue-card:hover {
transform:
translateY(-4px);
}
} @media (hover: none), (pointer: coarse) {
.fp-global-design .fp-card:hover,
.fp-global-design .fpv42-place-card:hover,
.fp-global-design .fpv42-person:hover,
.fp-global-design .fpv42-gazette-card:hover,
.fp-related-card:hover,
.fp-continue-card:hover {
transform: none;
}
.fp-global-design .fp-card:hover img,
.fp-global-design .fpv42-place-card:hover img,
.fp-global-design .fpv42-person:hover img,
.fp-global-design .fpv42-gazette-card:hover img,
.fp-related-card:hover img,
.fp-continue-card:hover img {
transform: none;
}
}  .fpv5-site-header,
.fp-global-footer,
.fp-newsletter-global {
transform: none;
} .fp-reveal,
.fp-card,
.fp-related,
.fp-continue,
.fp-conversion,
.fp-final-cta {
max-height: none;
overflow-y: visible;
} @media (prefers-reduced-motion: reduce) {
.fp-reveal,
.fp-reveal--soft,
.fp-reveal--left,
.fp-reveal--right,
.fp-reveal--scale,
html.fp-reveal-ready .fp-reveal,
html.fp-reveal-ready .fp-reveal--soft,
html.fp-reveal-ready .fp-reveal--left,
html.fp-reveal-ready .fp-reveal--right,
html.fp-reveal-ready .fp-reveal--scale {
opacity: 1 !important;
transform: none !important;
transition: none !important;
transition-delay: 0ms !important;
will-change: auto !important;
}
} :root {
--fp-bp-wide: 1320px;
--fp-bp-desktop: 1025px;
--fp-bp-tablet: 768px;
--fp-bp-mobile: 391px;
--fp-bp-small: 390px;
} @media (min-width: 1320px) {
.fp-responsive-wide {
display: initial;
}
} @media (min-width: 1025px) and (max-width: 1319px) {
.fp-responsive-desktop {
display: initial;
}
} @media (min-width: 768px) and (max-width: 1024px) {
.fp-responsive-tablet {
display: initial;
}
} @media (min-width: 391px) and (max-width: 767px) {
.fp-responsive-mobile {
display: initial;
}
} @media (max-width: 390px) {
.fp-responsive-small {
display: initial;
}
}  @media (min-width: 1025px) and (min-height: 720px) {
.fp-screen,
.fp-essential,
.fp-global-design .fp-hero,
.fp-global-design .fp-page-hero {
min-height:
calc(100svh - 76px);
height: auto;
max-height: none;
}
} @media (min-width: 1025px) and (max-height: 719px) {
.fp-screen,
.fp-essential,
.fp-global-design .fp-hero,
.fp-global-design .fp-page-hero {
min-height: auto !important;
height: auto !important;
max-height: none !important;
}
} @media (max-width: 1024px) {
.fp-screen,
.fp-essential,
.fp-global-design .fp-hero,
.fp-global-design .fp-page-hero {
min-height: auto !important;
height: auto !important;
max-height: none !important;
}
} :root {
--fp-gutter-wide:
clamp(32px, 4vw, 64px);
--fp-gutter-desktop:
clamp(26px, 3vw, 48px);
--fp-gutter-tablet:
28px;
--fp-gutter-mobile:
18px;
--fp-gutter-small:
14px;
} @media (min-width: 1320px) {
.fp-layout-gutter {
padding-left:
var(--fp-gutter-wide);
padding-right:
var(--fp-gutter-wide);
}
} @media (min-width: 1025px) and (max-width: 1319px) {
.fp-layout-gutter {
padding-left:
var(--fp-gutter-desktop);
padding-right:
var(--fp-gutter-desktop);
}
} @media (min-width: 768px) and (max-width: 1024px) {
.fp-layout-gutter {
padding-left:
var(--fp-gutter-tablet);
padding-right:
var(--fp-gutter-tablet);
}
} @media (min-width: 391px) and (max-width: 767px) {
.fp-layout-gutter {
padding-left:
var(--fp-gutter-mobile);
padding-right:
var(--fp-gutter-mobile);
}
} @media (max-width: 390px) {
.fp-layout-gutter {
padding-left:
var(--fp-gutter-small);
padding-right:
var(--fp-gutter-small);
}
}  @media (min-width: 1320px) {
.fp-responsive-title-xl {
font-size:
clamp(3.8rem, 5.8vw, 6.6rem);
}
} @media (min-width: 1025px) and (max-width: 1319px) {
.fp-responsive-title-xl {
font-size:
clamp(3.2rem, 5vw, 5.4rem);
}
} @media (min-width: 768px) and (max-width: 1024px) {
.fp-responsive-title-xl {
font-size:
clamp(2.8rem, 7vw, 4.5rem);
}
} @media (min-width: 391px) and (max-width: 767px) {
.fp-responsive-title-xl {
font-size:
clamp(2.15rem, 10vw, 3.4rem);
}
} @media (max-width: 390px) {
.fp-responsive-title-xl {
font-size:
clamp(2rem, 11vw, 2.9rem);
}
} @media (max-width: 767px), (pointer: coarse) {
.fp-touch-target,
.fp-global-design button,
.fp-global-design .fp-button,
.fp-global-design .fpv42-button {
min-height: 48px;
}
} @media (max-width: 1024px) {
.fp-global-design section,
.fp-global-design article,
.fp-screen,
.fp-essential {
max-height: none !important;
overflow-y: visible !important;
}
} :root {
--fp-header-height-desktop: 76px;
--fp-header-height-tablet: 70px;
--fp-header-height-mobile: 64px;
--fp-anchor-gap-desktop: 20px;
--fp-anchor-gap-tablet: 18px;
--fp-anchor-gap-mobile: 16px;
--fp-current-header-height:
var(--fp-header-height-desktop);
--fp-current-anchor-offset:
calc(
var(--fp-current-header-height)
+
var(--fp-anchor-gap-desktop)
);
} .fpv5-site-header__inner {
min-height:
var(--fp-header-height-desktop);
} .fp-global-design [id],
.fp-anchor-section,
.fp-toc,
.fp-section-anchor {
scroll-margin-top:
var(--fp-current-anchor-offset);
} .fp-reading-progress {
top:
var(--fp-current-header-height);
} @media (min-width: 768px) and (max-width: 1024px) {
:root {
--fp-current-header-height:
var(--fp-header-height-tablet);
--fp-current-anchor-offset:
calc(
var(--fp-current-header-height)
+
var(--fp-anchor-gap-tablet)
);
}
.fpv5-site-header__inner {
min-height:
var(--fp-header-height-tablet);
}
} @media (max-width: 767px) {
:root {
--fp-current-header-height:
var(--fp-header-height-mobile);
--fp-current-anchor-offset:
calc(
var(--fp-current-header-height)
+
var(--fp-anchor-gap-mobile)
);
}
.fpv5-site-header__inner {
min-height:
var(--fp-header-height-mobile);
}
}  body.fpv5-menu-open
.fpv5-site-header {
top: auto;
} a[href^="#"] {
scroll-behavior: smooth;
} @media (prefers-reduced-motion: reduce) {
html,
body,
a[href^="#"] {
scroll-behavior:
auto !important;
}
} .fp-global-design h1[id],
.fp-global-design h2[id],
.fp-global-design h3[id],
.fp-global-design h4[id] {
scroll-margin-top:
var(--fp-current-anchor-offset);
} #sommaire,
.fp-toc {
scroll-margin-top:
var(--fp-current-anchor-offset);
} .fp-toc,
.fp-reading-progress,
.fp-anchor-section {
max-height: none;
overflow-y: visible;
}  :root {
--fp-safe-top:
env(safe-area-inset-top, 0px);
--fp-safe-right:
env(safe-area-inset-right, 0px);
--fp-safe-bottom:
env(safe-area-inset-bottom, 0px);
--fp-safe-left:
env(safe-area-inset-left, 0px);
} .fpv5-site-header__inner {
padding-left:
max(
var(--fp-gutter-mobile),
var(--fp-safe-left)
);
padding-right:
max(
var(--fp-gutter-mobile),
var(--fp-safe-right)
);
} .fpv5-mobile-panel {
padding-left:
max(
18px,
var(--fp-safe-left)
);
padding-right:
max(
18px,
var(--fp-safe-right)
);
padding-bottom:
max(
24px,
var(--fp-safe-bottom)
);
} .fp-global-footer {
padding-left:
max(
18px,
var(--fp-safe-left)
);
padding-right:
max(
18px,
var(--fp-safe-right)
);
padding-bottom:
max(
28px,
var(--fp-safe-bottom)
);
} .fp-conversion,
.fp-final-cta,
.fp-newsletter-global,
.fpbook21__final-cta {
padding-left:
max(
18px,
var(--fp-safe-left)
);
padding-right:
max(
18px,
var(--fp-safe-right)
);
} .fp-reading-progress {
left:
var(--fp-safe-left);
width:
calc(
100%
-
var(--fp-safe-left)
-
var(--fp-safe-right)
);
} @media
(max-width: 900px)
and (orientation: landscape)
and (max-height: 520px) { .fp-screen,
.fp-essential,
.fp-global-design .fp-hero,
.fp-global-design .fp-page-hero,
.fpv42-manifest,
.fpv42-places,
.fpv42-people,
.fpv42-gazette {
min-height: auto !important;
height: auto !important;
max-height: none !important;
} .fpv5-site-header__inner {
min-height: 58px;
} .fp-reading-progress {
top: 58px;
} .fp-global-design .fp-hero,
.fp-global-design .fp-page-hero {
padding-top: 30px;
padding-bottom: 34px;
gap: 24px;
} .fp-global-design .fp-hero h1,
.fp-global-design .fp-page-hero h1 {
font-size:
clamp(
2.1rem,
7vw,
3.4rem
);
}
} @media (max-height: 600px) {
.fp-screen,
.fp-essential,
.fp-global-design .fp-hero,
.fp-global-design .fp-page-hero {
min-height: auto !important;
height: auto !important;
max-height: none !important;
}
} @media (max-width: 390px) {
.fpv5-site-header__inner,
.fp-global-footer,
.fp-conversion,
.fp-final-cta,
.fp-newsletter-global {
padding-left:
max(
14px,
var(--fp-safe-left)
);
padding-right:
max(
14px,
var(--fp-safe-right)
);
}
} @media
(max-width: 900px)
and (orientation: landscape) {
.fpv5-mobile-panel,
.fp-global-design section,
.fp-global-design article {
max-height: none !important;
overflow-y: visible !important;
}
}  .fpv5-main-navigation a,
.fpv5-mobile-navigation a {
position: relative;
} .fpv5-main-navigation
.current-menu-item > a,
.fpv5-main-navigation
.current_page_item > a,
.fpv5-main-navigation
.current-menu-ancestor > a,
.fpv5-main-navigation
.current_page_ancestor > a,
.fpv5-main-navigation
a[aria-current="page"],
.fpv5-main-navigation
a.is-current {
color: #F4F0E6;
} .fpv5-main-navigation
.current-menu-item > a::after,
.fpv5-main-navigation
.current_page_item > a::after,
.fpv5-main-navigation
.current-menu-ancestor > a::after,
.fpv5-main-navigation
.current_page_ancestor > a::after,
.fpv5-main-navigation
a[aria-current="page"]::after,
.fpv5-main-navigation
a.is-current::after {
transform:
scaleX(1);
background: #C6A15B;
} .fpv5-mobile-navigation
.current-menu-item > a,
.fpv5-mobile-navigation
.current_page_item > a,
.fpv5-mobile-navigation
.current-menu-ancestor > a,
.fpv5-mobile-navigation
.current_page_ancestor > a,
.fpv5-mobile-navigation
a[aria-current="page"],
.fpv5-mobile-navigation
a.is-current {
color: #C6A15B;
} .fpv5-mobile-navigation
.current-menu-item > a::before,
.fpv5-mobile-navigation
.current_page_item > a::before,
.fpv5-mobile-navigation
.current-menu-ancestor > a::before,
.fpv5-mobile-navigation
.current_page_ancestor > a::before,
.fpv5-mobile-navigation
a[aria-current="page"]::before,
.fpv5-mobile-navigation
a.is-current::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 7px;
height: 7px;
background: #C6A15B;
transform:
translateY(-50%)
rotate(45deg);
} .fpv5-mobile-navigation
.current-menu-item > a,
.fpv5-mobile-navigation
.current_page_item > a,
.fpv5-mobile-navigation
.current-menu-ancestor > a,
.fpv5-mobile-navigation
.current_page_ancestor > a,
.fpv5-mobile-navigation
a[aria-current="page"],
.fpv5-mobile-navigation
a.is-current {
padding-left: 20px;
} .fp-toc__list a {
position: relative;
} .fp-toc__list a.is-active {
color: #0F1E33;
font-weight: 700;
} .fp-toc__list a.is-active::before {
width: 8px;
height: 8px;
background: #C6A15B;
} .fp-toc__list a.is-active::after {
content: "";
position: absolute;
left: 20px;
right: 0;
bottom: 3px;
height: 1px;
background:
linear-gradient(
90deg,
rgba(198,161,91,.60),
transparent
);
} .fp-anchor-section.is-current-section
.fp-section-marker,
.fp-anchor-section.is-current-section
.fp-section-heading__eyebrow {
color: #C6A15B;
} .fp-anchor-section {
position: relative;
} @media (min-width: 1025px) {
.fp-anchor-section.is-current-section::before {
content: "";
position: absolute;
left: -18px;
top: 0;
width: 1px;
height: 64px;
background:
linear-gradient(
to bottom,
#C6A15B,
transparent
);
}
} @media (max-width: 1024px) {
.fp-anchor-section.is-current-section::before {
display: none;
}
} .fpv5-main-navigation a:focus-visible,
.fpv5-mobile-navigation a:focus-visible,
.fp-toc__list a:focus-visible {
outline:
2px solid
#C6A15B;
outline-offset:
3px;
} @media (prefers-reduced-motion: reduce) {
.fpv5-main-navigation a::after,
.fpv5-mobile-navigation a,
.fp-toc__list a {
transition: none !important;
}
}  .fp-loading,
.fp-is-loading {
position: relative;
min-height: 120px;
overflow: hidden;
background:
linear-gradient(
90deg,
rgba(15,30,51,.03) 0%,
rgba(198,161,91,.08) 50%,
rgba(15,30,51,.03) 100%
);
} .fp-loading::after,
.fp-is-loading::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background:
linear-gradient(
110deg,
transparent 35%,
rgba(255,255,255,.24) 50%,
transparent 65%
);
transform:
translateX(-120%);
animation:
fp-loading-sheen
1.5s
ease-in-out
infinite;
}
@keyframes fp-loading-sheen {
to {
transform:
translateX(120%);
}
} .fp-loading.is-loaded,
.fp-is-loading.is-loaded {
min-height: 0;
background: transparent;
}
.fp-loading.is-loaded::after,
.fp-is-loading.is-loaded::after {
display: none;
} .fp-image-wrap {
position: relative;
overflow: hidden;
background:
rgba(15,30,51,.04);
}
.fp-image-wrap img {
display: block;
opacity: 0;
transition:
opacity 260ms ease;
}
.fp-image-wrap.is-loaded img {
opacity: 1;
} .fp-dynamic-card {
min-height: 220px;
}
.fp-dynamic-card.is-loaded {
min-height: 0;
} .fp-form-loading {
position: relative;
pointer-events: none;
opacity: .68;
}
.fp-form-loading::after {
content: "";
position: absolute;
inset: 0;
background:
rgba(244,240,230,.28);
} @media (max-width: 767px) {
.fp-loading,
.fp-is-loading {
min-height: 100px;
}
.fp-dynamic-card {
min-height: 180px;
}
} @media (prefers-reduced-motion: reduce) {
.fp-loading::after,
.fp-is-loading::after {
animation: none !important;
}
.fp-image-wrap img {
transition: none !important;
}
} .fp-loading,
.fp-is-loading,
.fp-image-wrap,
.fp-dynamic-card,
.fp-form-loading {
max-height: none;
overflow-y: visible;
}  .cmplz-cookiebanner {
box-sizing: border-box !important;
color: #F4F0E6 !important;
background:
linear-gradient(
145deg,
#0B1421 0%,
#0F1E33 100%
) !important;
border:
1px solid
rgba(198,161,91,.34) !important;
border-radius:
0 !important;
box-shadow:
0 18px 55px
rgba(0,0,0,.24) !important;
font-family:
Inter,
Arial,
sans-serif !important;
} .cmplz-cookiebanner .cmplz-title {
color: #F4F0E6 !important;
font-family:
"Cormorant Garamond",
Georgia,
serif !important;
font-size:
clamp(1.55rem, 2vw, 2rem) !important;
font-weight:
600 !important;
line-height:
1.12 !important;
letter-spacing:
-.01em !important;
} .cmplz-cookiebanner .cmplz-message,
.cmplz-cookiebanner .cmplz-message p {
color:
rgba(244,240,230,.76) !important;
font-family:
Inter,
Arial,
sans-serif !important;
font-size:
13px !important;
line-height:
1.6 !important;
} .cmplz-cookiebanner a,
.cmplz-cookiebanner .cmplz-link {
color: #E3CF9F !important;
text-decoration:
underline !important;
text-decoration-thickness:
1px !important;
text-underline-offset:
3px !important;
}
.cmplz-cookiebanner a:hover,
.cmplz-cookiebanner a:focus-visible {
color: #F4F0E6 !important;
} .cmplz-cookiebanner .cmplz-btn {
min-height:
48px !important;
padding:
12px
18px !important;
border-radius:
0 !important;
font-family:
Inter,
Arial,
sans-serif !important;
font-size:
11px !important;
font-weight:
700 !important;
line-height:
1.2 !important;
letter-spacing:
.09em !important;
text-transform:
uppercase !important;
transition:
color 180ms ease,
background-color 180ms ease,
border-color 180ms ease,
transform 180ms ease !important;
} .cmplz-cookiebanner .cmplz-accept {
color: #0B0B0B !important;
background: #C6A15B !important;
border:
1px solid
#C6A15B !important;
}
.cmplz-cookiebanner .cmplz-accept:hover,
.cmplz-cookiebanner .cmplz-accept:focus-visible {
color: #F4F0E6 !important;
background: transparent !important;
transform:
translateY(-1px);
} .cmplz-cookiebanner .cmplz-deny {
color: #F4F0E6 !important;
background: transparent !important;
border:
1px solid
rgba(244,240,230,.38) !important;
}
.cmplz-cookiebanner .cmplz-deny:hover,
.cmplz-cookiebanner .cmplz-deny:focus-visible {
color: #0B0B0B !important;
background: #F4F0E6 !important;
border-color: #F4F0E6 !important;
transform:
translateY(-1px);
} .cmplz-cookiebanner .cmplz-view-preferences,
.cmplz-cookiebanner .cmplz-save-preferences {
color: #C6A15B !important;
background: transparent !important;
border:
1px solid
rgba(198,161,91,.42) !important;
}
.cmplz-cookiebanner .cmplz-view-preferences:hover,
.cmplz-cookiebanner .cmplz-view-preferences:focus-visible,
.cmplz-cookiebanner .cmplz-save-preferences:hover,
.cmplz-cookiebanner .cmplz-save-preferences:focus-visible {
color: #0B0B0B !important;
background: #C6A15B !important;
border-color: #C6A15B !important;
} .cmplz-cookiebanner .cmplz-categories,
.cmplz-cookiebanner .cmplz-category {
color: #F4F0E6 !important;
background:
rgba(244,240,230,.035) !important;
border-color:
rgba(198,161,91,.16) !important;
}
.cmplz-cookiebanner .cmplz-category-title {
color: #F4F0E6 !important;
font-weight:
600 !important;
} .cmplz-cookiebanner .cmplz-category .cmplz-banner-checkbox input:checked + .cmplz-label::before,
.cmplz-cookiebanner .cmplz-toggle-checkbox input:checked + .cmplz-label::before {
background:
#C6A15B !important;
} .cmplz-manage-consent,
.cmplz-document,
.cmplz-cookiebanner .cmplz-body {
font-family:
Inter,
Arial,
sans-serif;
} #cmplz-manage-consent .cmplz-manage-consent,
.cmplz-manage-consent {
color: #0F1E33 !important;
background: #F4F0E6 !important;
border:
1px solid
rgba(198,161,91,.38) !important;
border-radius:
0 !important;
font-family:
Inter,
Arial,
sans-serif !important;
font-size:
10px !important;
font-weight:
700 !important;
letter-spacing:
.08em !important;
text-transform:
uppercase !important;
box-shadow:
0 6px 18px
rgba(0,0,0,.08) !important;
} @media (max-width: 767px) {
.cmplz-cookiebanner {
width:
calc(
100%
-
36px
) !important;
max-width:
none !important;
left:
18px !important;
right:
18px !important;
bottom:
max(
18px,
env(safe-area-inset-bottom, 0px)
) !important;
padding:
22px
18px !important;
}
.cmplz-cookiebanner .cmplz-buttons {
display:
grid !important;
grid-template-columns:
1fr !important;
gap:
8px !important;
}
.cmplz-cookiebanner .cmplz-btn {
width:
100% !important;
min-height:
50px !important;
}
} @media (max-width: 390px) {
.cmplz-cookiebanner {
width:
calc(
100%
-
28px
) !important;
left:
14px !important;
right:
14px !important;
padding:
20px
14px !important;
}
}  .cmplz-cookiebanner,
.cmplz-cookiebanner .cmplz-body,
.cmplz-cookiebanner .cmplz-categories {
max-height:
none !important;
overflow-y:
visible !important;
} .cmplz-cookiebanner button:focus-visible,
.cmplz-cookiebanner a:focus-visible,
.cmplz-manage-consent:focus-visible {
outline:
2px solid
#C6A15B !important;
outline-offset:
3px !important;
} @media (prefers-reduced-motion: reduce) {
.cmplz-cookiebanner *,
.cmplz-manage-consent {
animation:
none !important;
transition:
none !important;
transform:
none !important;
}
} .fpfg-publication-meta {
width: min(100% - 40px, 1180px);
margin:
clamp(42px, 6vw, 72px)
auto
0;
padding-top: 18px;
border-top:
1px solid
rgba(15, 30, 51, .16);
text-align: center;
}
.fpfg-publication-date {
margin: 0;
color:
rgba(15, 30, 51, .62);
font-family:
Inter,
Arial,
sans-serif;
font-size: 11px;
font-weight: 500;
line-height: 1.5;
letter-spacing: .08em;
text-transform: uppercase;
}
.fpfg-publication-date span {
color:
rgba(15, 30, 51, .48);
}
.fpfg-publication-date time {
color: #0F1E33;
font-weight: 600;
}
@media (max-width: 767px) {
.fpfg-publication-meta {
width: calc(100% - 36px);
margin-top: 38px;
padding-top: 15px;
}
.fpfg-publication-date {
font-size: 10px;
letter-spacing: .07em;
}
}  .fpv5-site-header__inner {
padding-left:
max(
var(--fp-gutter-desktop),
var(--fp-safe-left)
);
padding-right:
max(
var(--fp-gutter-desktop),
var(--fp-safe-right)
);
} @media (max-width: 1024px) {
.fpv5-site-header__inner {
padding-left:
max(
var(--fp-gutter-tablet),
var(--fp-safe-left)
);
padding-right:
max(
var(--fp-gutter-tablet),
var(--fp-safe-right)
);
}
} @media (max-width: 767px) {
.fpv5-site-header__inner {
padding-left:
max(
var(--fp-gutter-mobile),
var(--fp-safe-left)
);
padding-right:
max(
var(--fp-gutter-mobile),
var(--fp-safe-right)
);
}
} @media (max-width: 390px) {
.fpv5-site-header__inner {
padding-left:
max(
var(--fp-gutter-small),
var(--fp-safe-left)
);
padding-right:
max(
var(--fp-gutter-small),
var(--fp-safe-right)
);
}
} .fp-global-design section + section {
margin-top: 0;
} .fp-section-spaced + .fp-section-spaced,
.fp-screen + .fp-screen,
.fp-essential + .fp-essential {
margin-top:
clamp(56px, 7vw, 110px);
} @media (max-width: 767px) {
.fp-section-spaced + .fp-section-spaced,
.fp-screen + .fp-screen,
.fp-essential + .fp-essential {
margin-top: 46px;
}
} html {
scroll-behavior: smooth;
} @media (prefers-reduced-motion: reduce) {
html {
scroll-behavior:
auto !important;
}
}
.fpv42-gazette-card__date {
display: block;
margin-bottom: 10px;
color: #C6A15B;
font-family: Inter, Arial, sans-serif;
font-size: 10px;
font-weight: 700;
line-height: 1.4;
letter-spacing: .10em;
text-transform: uppercase;
}   .skip-link:not(:focus):not(:focus-visible) {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
border: 0 !important;
}
.skip-link:focus,
.skip-link:focus-visible {
position: fixed !important;
z-index: 999999 !important;
top: 12px !important;
left: 12px !important;
width: auto !important;
height: auto !important;
padding: 11px 15px !important;
margin: 0 !important;
clip: auto !important;
clip-path: none !important;
background: #C6A15B !important;
color: #0B0B0B !important;
border: 1px solid #E0C37C !important;
font-weight: 700 !important;
text-decoration: none !important;
} .fpv5-main-navigation a,
.fpv5-header-contact {
color: #F4F0E6 !important;
transition:
color .18s ease,
opacity .18s ease;
}
.fpv5-main-navigation a:hover,
.fpv5-main-navigation a:focus-visible,
.fpv5-header-contact:hover,
.fpv5-header-contact:focus-visible {
color: #C6A15B !important;
}
.fpv5-main-navigation a.is-current,
.fpv5-main-navigation a[aria-current="page"] {
color: #F4F0E6 !important;
}
.fp-global-languages a {
color: rgba(244,240,230,.62) !important;
}
.fp-global-languages a:hover,
.fp-global-languages a:focus-visible,
.fp-global-languages a.is-current {
color: #C6A15B !important;
} .fpv42-hero-book {
display: none !important;
} .fpv42-chronicle__content h2 {
color: #F4F0E6 !important;
opacity: 1 !important;
}
.fpv42-chronicle__content > p {
color: rgba(244,240,230,.82) !important;
}
.fpv42-chronicle__number .fpv42-eyebrow,
.fpv42-chronicle__number strong {
color: #C6A15B !important;
} .fpv42-section-heading h2,
.fpv42-manifest__heading h2 {
max-width: 1000px;
font-size:
clamp(48px, 4.4vw, 72px) !important;
line-height: .96 !important;
letter-spacing: -.025em !important;
text-wrap: balance;
}
.fpv42-section-heading {
margin-bottom:
clamp(38px, 4vw, 60px) !important;
} @media (max-width: 1024px) {
.fpv42-section-heading h2,
.fpv42-manifest__heading h2 {
font-size:
clamp(42px, 6.5vw, 58px) !important;
}
} @media (max-width: 767px) {
.fpv42-section-heading h2,
.fpv42-manifest__heading h2 {
font-size:
clamp(34px, 10vw, 46px) !important;
line-height: 1 !important;
}
.fpv42-section-heading {
margin-bottom: 30px !important;
}
} .fpv42-gazette-card__media {
display: block;
aspect-ratio: 4 / 3;
overflow: hidden;
padding:
clamp(12px, 1.4vw, 20px);
background: #0F1E33;
}
.fpv42-gazette-card__picture {
width: 100% !important;
height: 100% !important;
margin: 0 !important;
}
.fpv42-gazette-card__picture img {
display: block;
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
object-position: center !important;
background: #F4F0E6;
} .fpv42-gazette-card__date {
display: block;
margin: 0 0 9px;
color: #A77E37 !important;
font-family:
Inter,
Arial,
sans-serif;
font-size: 10px !important;
font-weight: 700;
line-height: 1.4;
letter-spacing: .12em;
text-transform: uppercase;
}
.fpv42-gazette-card__content h3 {
margin-top: 0 !important;
} @media (max-width: 767px) {
.fpv42-gazette-card__media {
padding: 10px;
}
}  @media (min-width: 1100px) {
.fpv42-manifest__grid,
.fpv42-section-heading,
.fpv42-places__grid,
.fpv42-people__grid,
.fpv42-gazette__grid,
.fpv42-manhattan,
.fpv42-book-feature {
width:
min(
calc(100% - 64px),
1440px
) !important;
max-width: 1440px !important;
margin-left: auto !important;
margin-right: auto !important;
}
} .fpv42-years-introduction {
display: flex !important;
align-items: center;
justify-content: center;
min-height: 150px;
padding: 42px 24px !important;
background: #0F1E33 !important;
border: 0 !important;
}
.fpv42-years-introduction
.fpv42-eyebrow,
.fpv42-years-introduction
.fpv42-eyebrow--large {
margin: 0 !important;
color: #C6A15B !important;
font-size:
clamp(14px, 1.2vw, 18px) !important;
font-weight: 700 !important;
line-height: 1.2 !important;
letter-spacing: .18em !important;
text-align: center;
text-transform: uppercase !important;
} @media (max-width: 767px) {
.fpv42-years-introduction {
min-height: 120px;
padding: 34px 18px !important;
}
} .fpv42-book-feature__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
margin-top: 26px;
}
.fpv42-book-feature__actions
.fpv42-button {
margin: 0 !important;
}
.fpv42-book-interest {
color: #0F1E33 !important;
background: transparent !important;
border:
1px solid
rgba(15,30,51,.34) !important;
}
.fpv42-book-interest:hover,
.fpv42-book-interest:focus-visible {
color: #F4F0E6 !important;
background: #0F1E33 !important;
border-color: #0F1E33 !important;
} @media (max-width: 767px) {
.fpv42-book-feature__actions {
display: grid;
grid-template-columns: 1fr;
width: 100%;
}
.fpv42-book-feature__actions
.fpv42-button {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 48px;
text-align: center;
}
} .fpv42-home section,
.fpv42-home article,
.fpv42-book-feature,
.fpv42-manhattan {
max-height: none !important;
overflow-y: visible !important;
} body.fp-ville-page .entry-content-wrap {
padding-bottom: 0 !important;
}
body.fp-ville-page #fp-global-footer {
margin-top: 0 !important;
}
@media (min-width: 1024px) { body.fp-ville-page .fp-ville__hero {
display: flex;
align-items: center;
height: calc(100svh - 77px);
min-height: 680px;
padding: 0 !important;
overflow: hidden;
}
body.fp-ville-page .fp-ville__hero-inner {
display: flex;
align-items: center;
width: min(calc(100% - 64px), 1180px);
height: 100%;
padding: clamp(34px, 5vh, 64px) 0 !important;
}
body.fp-ville-page .fp-ville__hero-content {
max-width: 980px;
margin: 0 auto;
text-align: center;
} body.fp-ville-page .fp-ville__facts {
display: flex;
align-items: center;
height: calc(100svh - 77px);
min-height: 680px;
padding: 0 !important;
overflow: hidden;
}
body.fp-ville-page .fp-ville__facts-inner {
grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr) !important;
align-items: center;
gap: clamp(34px, 4vw, 64px);
width: min(calc(100% - 64px), 1280px);
padding: clamp(28px, 4vh, 48px) 0 !important;
}
body.fp-ville-page .fp-ville__facts-media {
position: relative;
margin: 0 !important;
overflow: hidden;
border: 1px solid rgba(198, 161, 91, .72);
box-shadow: 0 24px 60px rgba(0, 0, 0, .28);
}
body.fp-ville-page .fp-ville__facts-image {
display: block;
width: 100% !important;
height: min(66vh, 620px) !important;
object-fit: cover;
object-position: center;
}
body.fp-ville-page .fp-ville__timeline {
width: 100%;
max-height: calc(100svh - 145px);
padding: clamp(28px, 3vw, 48px) !important;
overflow: hidden;
}
body.fp-ville-page .fp-ville__timeline-title {
margin-bottom: 22px !important;
}
body.fp-ville-page .fp-ville__timeline-item {
padding-bottom: clamp(14px, 2vh, 22px) !important;
} body.fp-ville-page .fp-ville__sequence--reclame {
display: flex;
align-items: center;
height: calc(100svh - 77px);
min-height: 680px;
padding: 24px 0 !important;
overflow: hidden;
}
body.fp-ville-page .fp-ville__sequence--reclame .fp-ville__sequence-inner {
width: min(calc(100% - 64px), 1180px);
}
body.fp-ville-page .fp-ville__sequence--reclame .fp-ville__sequence-content {
display: grid;
grid-template-columns: minmax(320px, 42%) minmax(0, 58%);
grid-auto-rows: auto;
align-items: center;
column-gap: clamp(42px, 6vw, 86px);
max-width: none;
}
body.fp-ville-page .fp-ville__book-cover-link {
grid-column: 1;
grid-row: 1 / span 6;
display: flex;
align-items: center;
justify-content: center;
align-self: stretch;
text-decoration: none;
}
body.fp-ville-page .fp-ville__book-cover-link figure {
margin: 0 !important;
}
body.fp-ville-page .fp-ville__book-cover-link img {
display: block;
width: auto !important;
max-width: 100% !important;
height: min(67vh, 625px) !important;
object-fit: contain;
box-shadow: 0 26px 58px rgba(0, 0, 0, .24);
transition: transform .22s ease, box-shadow .22s ease;
}
body.fp-ville-page .fp-ville__book-cover-link:hover img,
body.fp-ville-page .fp-ville__book-cover-link:focus-visible img {
transform: translateY(-5px);
box-shadow: 0 34px 70px rgba(0, 0, 0, .32);
}
body.fp-ville-page .fp-ville__sequence--reclame .fp-ville__sequence-content > :not(.fp-ville__book-cover-link) {
grid-column: 2;
min-width: 0;
}
body.fp-ville-page .fp-ville__sequence--reclame p:nth-of-type(2),
body.fp-ville-page .fp-ville__sequence--reclame p:nth-of-type(2) * {
font-size: clamp(40px, 4.2vw, 66px) !important;
line-height: 1.02 !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
} body.fp-ville-page .fp-ville__sequence--faq {
display: flex;
align-items: center;
height: calc(100svh - 77px);
min-height: 650px;
padding: 28px 0 !important;
overflow: hidden;
}
body.fp-ville-page .fp-ville__sequence--faq .fp-ville__sequence-content {
max-width: 1050px;
}
body.fp-ville-page .fp-ville__sequence--faq h2 {
margin-bottom: 28px !important;
font-size: clamp(38px, 4vw, 58px) !important;
}
body.fp-ville-page .fp-ville__sequence--faq details {
margin-bottom: 12px !important;
}
body.fp-ville-page .fp-ville__sequence--faq summary {
padding: 18px 58px 18px 24px !important;
font-size: 21px !important;
}
body.fp-ville-page .fp-ville__sequence--faq details > p {
font-size: 18px !important;
line-height: 1.55 !important;
}
}
@media (max-width: 1023px) {
body.fp-ville-page .fp-ville__facts-inner {
grid-template-columns: 1fr !important;
}
body.fp-ville-page .fp-ville__facts-media {
margin: 0 !important;
overflow: hidden;
border: 1px solid rgba(198, 161, 91, .72);
}
body.fp-ville-page .fp-ville__facts-image {
display: block;
width: 100% !important;
aspect-ratio: 16 / 10;
object-fit: cover;
}
body.fp-ville-page .fp-ville__sequence--reclame .fp-ville__sequence-content {
display: flex;
flex-direction: column;
}
body.fp-ville-page .fp-ville__book-cover-link {
display: block;
width: min(100%, 330px);
margin: 0 auto 30px;
}
body.fp-ville-page .fp-ville__book-cover-link img {
display: block;
width: 100% !important;
height: auto !important;
object-fit: contain;
}
body.fp-ville-page .fp-ville__sequence--reclame p:nth-of-type(2),
body.fp-ville-page .fp-ville__sequence--reclame p:nth-of-type(2) * {
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
}
body.fp-ville-page .fp-ville__sequence--faq details {
margin-bottom: 12px !important;
}
}
@media (max-width: 767px) {
body.fp-ville-page .fp-ville__facts-inner {
padding: 46px 0 !important;
}
body.fp-ville-page .fp-ville__facts-image {
aspect-ratio: 4 / 3;
}
body.fp-ville-page .fp-ville__sequence--faq summary {
padding: 18px 48px 18px 18px !important;
font-size: 19px !important;
line-height: 1.35 !important;
}
} @media (min-width: 1024px) { body.fp-ville-page .fp-ville__hero-inner {
justify-content: flex-end !important;
}
body.fp-ville-page .fp-ville__hero-content {
box-sizing: border-box !important;
width: min(58%, 720px) !important;
max-width: 720px !important;
margin: 0 0 0 auto !important;
padding: 0 clamp(24px, 3vw, 52px) 0 0 !important;
text-align: left !important;
}
body.fp-ville-page .fp-ville__title {
max-width: 100% !important;
margin: 0 !important;
font-size: clamp(58px, 6.25vw, 96px) !important;
line-height: .91 !important;
letter-spacing: -.025em !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
text-wrap: balance;
}
body.fp-ville-page .fp-ville__subtitle {
max-width: 620px !important;
margin: 28px 0 0 !important;
text-align: left !important;
}
body.fp-ville-page .fp-ville__hero-content::after {
width: min(420px, 80%) !important;
margin: 30px 0 0 !important;
} body.fp-ville-page .fp-ville__facts-inner {
grid-template-columns: minmax(0, 1.02fr) minmax(430px, .98fr) !important;
gap: clamp(34px, 4vw, 58px) !important;
}
body.fp-ville-page .fp-ville__facts-content {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
min-width: 0 !important;
max-height: calc(100svh - 125px) !important;
}
body.fp-ville-page .fp-ville__facts-chapo {
margin: 0 0 8px !important;
padding: 0 8px !important;
}
body.fp-ville-page .fp-ville__facts-chapo p {
margin: 0 !important;
color: rgba(244, 240, 230, .92) !important;
font-family: var(--fpv-editorial) !important;
font-size: clamp(18px, 1.38vw, 21px) !important;
line-height: 1.45 !important;
}
body.fp-ville-page .fp-ville__facts-ornament {
width: min(100%, 420px) !important;
height: 34px !important;
margin: 9px auto 12px !important;
}
body.fp-ville-page .fp-ville__facts-ornament svg {
display: block !important;
width: 100% !important;
height: 100% !important;
fill: none !important;
stroke: var(--fpv-or) !important;
stroke-width: 1.35 !important;
vector-effect: non-scaling-stroke;
}
body.fp-ville-page .fp-ville__facts-ornament circle {
fill: var(--fpv-bleu) !important;
}
body.fp-ville-page .fp-ville__timeline {
box-sizing: border-box !important;
max-height: none !important;
padding: clamp(22px, 2.3vw, 34px) !important;
}
body.fp-ville-page .fp-ville__timeline-title {
margin-bottom: 16px !important;
font-size: clamp(32px, 3vw, 46px) !important;
}
body.fp-ville-page .fp-ville__timeline-title::after {
height: 25px !important;
margin-top: 10px !important;
}
body.fp-ville-page .fp-ville__timeline-item {
padding-bottom: clamp(8px, 1.15vh, 13px) !important;
}
body.fp-ville-page .fp-ville__timeline-text {
font-size: clamp(15px, 1.2vw, 18px) !important;
line-height: 1.32 !important;
} body.fp-ville-page .fp-ville__sequence--reclame .fp-ville__sequence-inner {
width: min(calc(100% - 80px), 1240px) !important;
}
body.fp-ville-page .fp-ville__sequence--reclame .fp-ville__sequence-content {
display: grid !important;
grid-template-columns: minmax(330px, 44%) minmax(0, 56%) !important;
grid-template-rows: auto auto auto auto !important;
align-content: center !important;
align-items: start !important;
column-gap: clamp(54px, 6vw, 90px) !important;
width: 100% !important;
max-width: none !important;
}
body.fp-ville-page .fp-ville__book-cover-link {
grid-column: 1 !important;
grid-row: 1 / -1 !important;
display: block !important;
align-self: center !important;
justify-self: center !important;
box-sizing: border-box !important;
width: min(100%, 420px) !important;
height: min(68vh, 630px) !important;
margin: 0 !important;
overflow: hidden !important;
background: var(--fpv-bleu) !important;
border: 1px solid rgba(198, 161, 91, .75) !important;
box-shadow: 0 28px 64px rgba(0, 0, 0, .24) !important;
}
body.fp-ville-page .fp-ville__book-cover-link figure,
body.fp-ville-page .fp-ville__book-cover-link .wp-block-image {
width: 100% !important;
height: 100% !important;
max-width: none !important;
margin: 0 !important;
overflow: hidden !important;
}
body.fp-ville-page .fp-ville__book-cover-link img {
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
object-fit: cover !important;
object-position: center !important;
transform: scale(1.02);
}
body.fp-ville-page .fp-ville__sequence--reclame .fp-ville__sequence-content > :not(.fp-ville__book-cover-link) {
grid-column: 2 !important;
width: 100% !important;
max-width: 650px !important;
min-width: 0 !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
body.fp-ville-page .fp-ville__reclame-eyebrow {
margin-bottom: 16px !important;
font-size: 15px !important;
letter-spacing: .22em !important;
text-transform: uppercase !important;
}
body.fp-ville-page .fp-ville__reclame-title,
body.fp-ville-page .fp-ville__reclame-title * {
margin: 0 0 24px !important;
font-size: clamp(42px, 4.15vw, 64px) !important;
line-height: .98 !important;
letter-spacing: -.02em !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
white-space: normal !important;
text-wrap: balance;
}
body.fp-ville-page .fp-ville__reclame-copy {
margin-bottom: 26px !important;
font-size: clamp(18px, 1.45vw, 21px) !important;
line-height: 1.52 !important;
}
body.fp-ville-page .fp-ville__reclame-cta {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: fit-content !important;
min-height: 50px !important;
padding: 12px 24px !important;
}
}
@media (max-width: 1023px) {
body.fp-ville-page .fp-ville__facts-content {
display: flex;
flex-direction: column;
}
body.fp-ville-page .fp-ville__facts-chapo {
order: 0;
margin-bottom: 18px;
}
body.fp-ville-page .fp-ville__facts-chapo p {
color: rgba(244, 240, 230, .92) !important;
font-size: 19px !important;
line-height: 1.55 !important;
}
body.fp-ville-page .fp-ville__facts-ornament {
order: 1;
width: min(100%, 360px);
margin: 0 auto 20px;
}
body.fp-ville-page .fp-ville__facts-ornament svg {
display: block;
width: 100%;
fill: none;
stroke: var(--fpv-or);
stroke-width: 1.35;
}
body.fp-ville-page .fp-ville__timeline {
order: 2;
}
body.fp-ville-page .fp-ville__sequence--reclame .fp-ville__sequence-content {
display: flex !important;
flex-direction: column !important;
}
body.fp-ville-page .fp-ville__book-cover-link {
width: min(100%, 350px) !important;
height: auto !important;
aspect-ratio: 3 / 4 !important;
margin: 0 auto 30px !important;
overflow: hidden !important;
}
body.fp-ville-page .fp-ville__book-cover-link figure,
body.fp-ville-page .fp-ville__book-cover-link img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
body.fp-ville-page .fp-ville__reclame-title,
body.fp-ville-page .fp-ville__reclame-title * {
font-size: clamp(36px, 10vw, 52px) !important;
line-height: 1 !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
}
} @media (min-width: 1024px) {
body.fp-ville-page .fp-ville__hero-inner {
display: grid !important;
grid-template-columns: minmax(0, 50%) minmax(0, 50%) !important;
align-items: center !important;
gap: clamp(34px, 4vw, 64px) !important;
width: min(calc(100% - 64px), 1320px) !important;
}
body.fp-ville-page .fp-ville__hero-media {
position: relative !important;
display: block !important;
width: 100% !important;
margin: 0 !important;
overflow: hidden !important;
border: 1px solid rgba(198, 161, 91, .72) !important;
box-shadow: 0 26px 64px rgba(15, 30, 51, .2) !important;
}
body.fp-ville-page .fp-ville__hero-image {
display: block !important;
width: 100% !important;
height: min(67vh, 630px) !important;
aspect-ratio: auto !important;
object-fit: cover !important;
object-position: center !important;
}
body.fp-ville-page .fp-ville__hero-content {
box-sizing: border-box !important;
width: 100% !important;
max-width: 650px !important;
margin: 0 !important;
padding: 0 clamp(12px, 2vw, 30px) 0 0 !important;
text-align: left !important;
}
body.fp-ville-page .fp-ville__title {
font-size: clamp(50px, 5.2vw, 80px) !important;
line-height: .94 !important;
}
body.fp-ville-page .fp-ville__subtitle {
margin-top: 24px !important;
font-size: clamp(18px, 1.55vw, 23px) !important;
line-height: 1.25 !important;
} body.fp-ville-page .fp-ville__facts-inner {
display: block !important;
width: min(calc(100% - 64px), 1120px) !important;
padding: clamp(26px, 3.5vh, 42px) 0 !important;
}
body.fp-ville-page .fp-ville__facts-content {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
width: 100% !important;
max-width: 1080px !important;
max-height: calc(100svh - 125px) !important;
margin: 0 auto !important;
}
body.fp-ville-page .fp-ville__facts-chapo {
max-width: 920px !important;
margin: 0 auto 8px !important;
padding: 0 !important;
text-align: center !important;
}
body.fp-ville-page .fp-ville__facts-chapo p {
font-size: clamp(19px, 1.55vw, 23px) !important;
line-height: 1.45 !important;
}
body.fp-ville-page .fp-ville__facts-ornament {
margin: 10px auto 14px !important;
}
body.fp-ville-page .fp-ville__timeline {
width: 100% !important;
max-width: 1040px !important;
margin: 0 auto !important;
padding: clamp(22px, 2.4vw, 34px) clamp(30px, 4vw, 54px) !important;
}
body.fp-ville-page .fp-ville__timeline-list {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
column-gap: clamp(34px, 5vw, 68px) !important;
row-gap: 0 !important;
}
body.fp-ville-page .fp-ville__timeline-item {
padding-bottom: 12px !important;
}
body.fp-ville-page .fp-ville__timeline-item:not(:last-child)::after {
display: none !important;
}
}
@media (max-width: 1023px) {
body.fp-ville-page .fp-ville__hero-inner {
display: flex !important;
flex-direction: column !important;
}
body.fp-ville-page .fp-ville__hero-media {
order: 0 !important;
width: 100% !important;
margin: 0 0 38px !important;
}
body.fp-ville-page .fp-ville__hero-content {
order: 1 !important;
}
body.fp-ville-page .fp-ville__timeline-list {
display: block !important;
}
} @media (min-width: 1024px) {
body.fp-ville-page .fp-ville__hero-inner {
position: relative !important;
display: block !important;
width: 100% !important;
max-width: none !important;
height: 100% !important;
padding: 0 !important;
}
body.fp-ville-page .fp-ville__hero-media {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
border: 0 !important;
box-shadow: none !important;
}
body.fp-ville-page .fp-ville__hero-media::after {
content: "" !important;
position: absolute !important;
inset: 0 !important;
z-index: 1 !important;
background:
linear-gradient(90deg, rgba(4, 20, 38, .04) 0%, rgba(4, 20, 38, .16) 38%, rgba(4, 20, 38, .78) 100%),
linear-gradient(0deg, rgba(4, 20, 38, .22), transparent 42%) !important;
pointer-events: none !important;
}
body.fp-ville-page .fp-ville__hero-image {
display: block !important;
width: 100% !important;
height: 100% !important;
max-height: none !important;
object-fit: cover !important;
object-position: center !important;
filter: saturate(.9) contrast(1.04) !important;
}
body.fp-ville-page .fp-ville__hero-caption {
position: absolute !important;
left: 24px !important;
bottom: 18px !important;
z-index: 2 !important;
max-width: 45% !important;
background: rgba(4, 20, 38, .48) !important;
}
body.fp-ville-page .fp-ville__hero-content {
position: absolute !important;
top: 50% !important;
right: clamp(54px, 7vw, 112px) !important;
z-index: 3 !important;
width: min(48vw, 680px) !important;
max-width: 680px !important;
margin: 0 !important;
padding: 0 !important;
transform: translateY(-50%) !important;
text-align: left !important;
}
body.fp-ville-page .fp-ville__label,
body.fp-ville-page .fp-ville__title,
body.fp-ville-page .fp-ville__subtitle {
color: var(--fpv-ivoire) !important;
-webkit-text-fill-color: var(--fpv-ivoire) !important;
text-shadow: 0 3px 24px rgba(0, 0, 0, .52) !important;
}
body.fp-ville-page .fp-ville__label,
body.fp-ville-page .fp-ville__subtitle {
color: var(--fpv-or-clair) !important;
-webkit-text-fill-color: var(--fpv-or-clair) !important;
}
body.fp-ville-page .fp-ville__title {
font-size: clamp(52px, 5.35vw, 82px) !important;
line-height: .94 !important;
}
body.fp-ville-page .fp-ville__hero-content::after {
filter: brightness(1.4) !important;
opacity: .78 !important;
}
}
@media (max-width: 1023px) {
body.fp-ville-page .fp-ville__hero {
background: var(--fpv-bleu) !important;
}
body.fp-ville-page .fp-ville__hero-inner {
position: relative !important;
display: block !important;
width: 100% !important;
padding: 0 !important;
}
body.fp-ville-page .fp-ville__hero-media {
position: relative !important;
width: 100% !important;
height: min(78svh, 720px) !important;
margin: 0 !important;
}
body.fp-ville-page .fp-ville__hero-media::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(0deg, rgba(4, 20, 38, .94) 0%, rgba(4, 20, 38, .2) 72%);
}
body.fp-ville-page .fp-ville__hero-image {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
body.fp-ville-page .fp-ville__hero-content {
position: absolute !important;
left: 18px !important;
right: 18px !important;
bottom: 34px !important;
z-index: 2 !important;
width: auto !important;
color: var(--fpv-ivoire) !important;
}
body.fp-ville-page .fp-ville__title {
color: var(--fpv-ivoire) !important;
-webkit-text-fill-color: var(--fpv-ivoire) !important;
font-size: clamp(42px, 12vw, 64px) !important;
line-height: .96 !important;
text-shadow: 0 3px 20px rgba(0, 0, 0, .58) !important;
}
body.fp-ville-page .fp-ville__subtitle,
body.fp-ville-page .fp-ville__label {
color: var(--fpv-or-clair) !important;
-webkit-text-fill-color: var(--fpv-or-clair) !important;
}
} body.fp-ville-page .fp-ville__sequence--reclame-canonique {
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 20px 0 !important;
overflow: hidden !important;
}
body.fp-ville-page .fp-ville__sequence--reclame-canonique .fp-ville__sequence-inner {
width: min(calc(100% - 64px), 1240px) !important;
}
body.fp-ville-page .fp-ville__sequence--reclame-canonique .fpv42-book-feature {
width: 100% !important;
max-width: 1202px !important;
margin: 0 auto !important;
}
body.fp-ville-page .fp-reclame-canonique .fpv42-book-feature__cover {
display: block !important;
text-decoration: none !important;
}
body.fp-ville-page .fp-reclame-canonique .fpv42-book-feature__cover img {
pointer-events: none !important;
}
@media (min-width: 1024px) {
body.fp-ville-page .fp-ville__sequence--reclame-canonique {
height: calc(100svh - 77px) !important;
min-height: 680px !important;
max-height: calc(100svh - 77px) !important;
}
body.fp-ville-page .fp-ville__sequence--reclame-canonique .fpv42-book-feature {
max-height: calc(100svh - 117px) !important;
}
}
@media (max-width: 1023px) {
body.fp-ville-page .fp-ville__sequence--reclame-canonique {
height: auto !important;
max-height: none !important;
padding: 48px 0 !important;
overflow: visible !important;
}
body.fp-ville-page .fp-ville__sequence--reclame-canonique .fp-ville__sequence-inner {
width: min(calc(100% - 36px), 760px) !important;
}
} body.fp-ville-page .fp-ville__sequence--reclame-canonique {
color: var(--fp-text) !important;
background: var(--fp-ivory) !important;
}
body.fp-ville-page .fp-ville__sequence--reclame-canonique .fpv42-book-feature h2 {
margin: 0 0 22px !important;
padding: 0 !important;
color: var(--fp-navy) !important;
font-family: var(--fp-font-heading) !important;
font-size: clamp(2.45rem, 3.6vw, 4rem) !important;
font-weight: 500 !important;
line-height: 1 !important;
letter-spacing: normal !important;
text-align: left !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
}
body.fp-ville-page .fp-ville__sequence--reclame-canonique .fpv42-book-feature h2::after {
content: none !important;
display: none !important;
}
body.fp-ville-page .fp-ville__sequence--reclame-canonique .fpv42-book-feature h2 span {
display: block !important;
color: var(--fp-gold-dark) !important;
-webkit-text-fill-color: var(--fp-gold-dark) !important;
font: inherit !important;
}
body.fp-ville-page .fp-ville__sequence--reclame-canonique .fpv42-eyebrow {
margin: 0 0 17px !important;
color: var(--fp-gold-dark) !important;
-webkit-text-fill-color: var(--fp-gold-dark) !important;
font-family: var(--fp-font-ui) !important;
font-size: clamp(15px, 1.35vw, 21px) !important;
font-weight: 600 !important;
line-height: 1.25 !important;
letter-spacing: .18em !important;
text-transform: uppercase !important;
}
body.fp-ville-page .fp-ville__sequence--reclame-canonique .fpv42-book-feature__content > p:not(.fpv42-eyebrow) {
margin: 0 0 27px !important;
color: #514a42 !important;
font-family: var(--fp-font-body) !important;
font-size: clamp(17px, 1.2vw, 21px) !important;
font-weight: 400 !important;
line-height: 1.55 !important;
text-align: left !important;
}
body.fp-ville-page .fp-ville__sequence--reclame-canonique .fpv42-button {
display: inline-flex !important;
width: auto !important;
margin: 0 !important;
font-family: var(--fp-font-ui) !important;
font-size: 12px !important;
line-height: 1.2 !important;
}
body.fp-ville-page .fp-ville__sequence--reclame-canonique .fpv42-book-feature__cover {
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
}
body.fp-ville-page .fp-ville__sequence--reclame-canonique .fpv42-book-feature__cover img {
width: 100% !important;
max-width: 100% !important;
object-fit: contain !important;
}
@media (max-width: 820px) {
body.fp-ville-page .fp-ville__sequence--reclame-canonique .fpv42-book-feature h2,
body.fp-ville-page .fp-ville__sequence--reclame-canonique .fpv42-book-feature h2 span {
font-size: clamp(2rem, 9vw, 3.15rem) !important;
text-align: center !important;
}
body.fp-ville-page .fp-ville__sequence--reclame-canonique .fpv42-eyebrow,
body.fp-ville-page .fp-ville__sequence--reclame-canonique .fpv42-book-feature__content > p:not(.fpv42-eyebrow) {
text-align: center !important;
}
} @media (min-width: 1024px) {
body.fp-ville-page .fp-ville__sequence--reclame-canonique {
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
width: 100% !important;
height: calc(100svh - 77px) !important;
min-height: 0 !important;
max-height: calc(100svh - 77px) !important;
margin: 0 !important;
padding: clamp(18px, 2.5vh, 28px) 32px !important;
overflow: hidden !important;
}
body.fp-ville-page .fp-ville__sequence--reclame-canonique > .fp-ville__sequence-inner {
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.fp-ville-page .fp-ville__sequence--reclame-canonique .fpv42-book-feature {
box-sizing: border-box !important;
width: min(100%, 1440px) !important;
max-width: 1440px !important;
height: 100% !important;
min-height: 0 !important;
max-height: 100% !important;
margin: 0 auto !important;
padding: clamp(28px, 3.5vh, 46px) clamp(34px, 4vw, 64px) !important;
grid-template-columns: minmax(0, 1fr) minmax(320px, .9fr) !important;
gap: clamp(34px, 4vw, 60px) !important;
overflow: hidden !important;
}
body.fp-ville-page .fp-ville__sequence--reclame-canonique .fpv42-book-feature__content {
box-sizing: border-box !important;
min-width: 0 !important;
align-self: center !important;
padding: 0 !important;
}
body.fp-ville-page .fp-ville__sequence--reclame-canonique .fpv42-book-feature__cover {
box-sizing: border-box !important;
align-self: center !important;
width: 100% !important;
height: min(68vh, 620px) !important;
max-height: calc(100svh - 155px) !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body.fp-ville-page .fp-ville__sequence--reclame-canonique .fpv42-book-feature__cover img {
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
object-fit: contain !important;
}
} body.fp-ville-page .post-navigation,
body.fp-ville-page .navigation.post-navigation,
body.fp-ville-page .post-navigation-wrap,
body.fp-ville-page .post-navigation-sub,
body.fp-ville-page .entry-navigation,
body.fp-ville-page nav[aria-label="Navigation des articles"],
body.fp-ville-page nav[aria-label="Posts navigation"] {
display: none !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
overflow: hidden !important;
} body.fp-route-page {
overflow-x: clip !important;
}
body.fp-route-page .fp-route,
body.fp-route-page .fp-route * {
box-sizing: border-box;
}
body.fp-route-page .fp-route__sequence--reclame,
body.fp-route-page .fp-route__sequence--reclame > .fp-route__sequence-inner,
body.fp-route-page .fp-route__sequence--reclame .fp-route__sequence-content {
width: 100% !important;
max-width: none !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
body.fp-route-page .post-navigation,
body.fp-route-page .navigation.post-navigation,
body.fp-route-page .post-navigation-wrap,
body.fp-route-page .entry-navigation,
body.fp-route-page .entry-related,
body.fp-route-page .related-posts,
body.fp-route-page .kadence-related-posts,
body.fp-route-page .comments-area,
body.fp-route-page #comments,
body.fp-route-page #respond {
display: none !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body.fp-route-page .fp-route__hero-media {
position: relative !important;
}
body.fp-route-page .fp-route__duration-stamp {
position: absolute !important;
right: clamp(16px, 2.5vw, 34px) !important;
bottom: clamp(16px, 3vh, 34px) !important;
z-index: 5 !important;
display: grid !important;
place-items: center !important;
width: clamp(108px, 10vw, 142px) !important;
aspect-ratio: 1 !important;
padding: 14px !important;
border: 2px solid #b89652 !important;
border-radius: 50% !important;
background: rgba(7, 20, 35, .88) !important;
box-shadow: inset 0 0 0 5px rgba(184,150,82,.18), 0 10px 28px rgba(0,0,0,.32) !important;
color: #f7f0e3 !important;
text-align: center !important;
transform: rotate(-7deg) !important;
}
body.fp-route-page .fp-route__duration-stamp span,
body.fp-route-page .fp-route__duration-stamp strong {
display: block !important;
color: inherit !important;
font-family: var(--fpr-panel), "Cormorant Garamond", Georgia, serif !important;
line-height: 1.05 !important;
text-transform: uppercase !important;
}
body.fp-route-page .fp-route__duration-stamp span {
font-size: 12px !important;
letter-spacing: .16em !important;
}
body.fp-route-page .fp-route__duration-stamp strong {
margin-top: 7px !important;
font-size: clamp(21px, 2vw, 28px) !important;
}
body.fp-route-page .fp-route__timeline-name,
body.fp-route-page .fp-route__timeline-text {
font-family: var(--fpr-panel), "Cormorant Garamond", Georgia, serif !important;
font-weight: 600 !important;
}
body.fp-route-page .fp-route__timeline-name { font-size: clamp(20px, 1.55vw, 23px) !important; }
body.fp-route-page .fp-route__timeline-text { font-size: clamp(18px, 1.25vw, 20px) !important; }
@media (min-width: 1024px) {
body.fp-route-page .fp-route__hero {
height: calc(100svh - 77px) !important;
min-height: 620px !important;
overflow: hidden !important;
}
body.fp-route-page .fp-route__hero-inner,
body.fp-route-page .fp-route__hero-grid {
height: 100% !important;
min-height: 0 !important;
max-height: none !important;
}
body.fp-route-page .fp-route__hero-grid {
display: grid !important;
grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr) !important;
gap: 0 !important;
}
body.fp-route-page .fp-route__hero-content {
grid-column: 1 !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
min-width: 0 !important;
height: 100% !important;
padding: clamp(34px,4vh,54px) clamp(38px,4vw,68px) !important;
overflow: visible !important;
}
body.fp-route-page .fp-route__hero-media {
grid-column: 2 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
overflow: hidden !important;
}
body.fp-route-page .fp-route__hero-image {
display: block !important;
width: 100% !important;
height: 100% !important;
max-height: none !important;
object-fit: cover !important;
}
body.fp-route-page .fp-route__hero-stats { display: none !important; }
body.fp-route-page .fp-route__facts,
body.fp-route-page .fp-route__sequence--itinerary,
body.fp-route-page .fp-route__sequence--stage-01,
body.fp-route-page .fp-route__sequence--stage-02,
body.fp-route-page .fp-route__sequence--stage-03,
body.fp-route-page .fp-route__sequence--stage-04-photo,
body.fp-route-page .fp-route__sequence--stage-04-text,
body.fp-route-page .fp-route__sequence--stage-05,
body.fp-route-page .fp-route__sequence--stage-06,
body.fp-route-page .fp-route__sequence--stage-07,
body.fp-route-page .fp-route__sequence--faq {
min-height: calc(100svh - 77px) !important;
height: auto !important;
max-height: none !important;
overflow: visible !important;
}
body.fp-route-page .fp-route__sequence--stage-layout .fp-route__stage-grid {
display: grid !important;
grid-template-columns: repeat(2,minmax(0,1fr)) !important;
grid-template-rows: auto minmax(0,1fr) !important;
gap: clamp(24px,3vh,34px) clamp(40px,5vw,76px) !important;
align-items: center !important;
width: 100% !important;
min-width: 0 !important;
}
body.fp-route-page .fp-route__sequence--stage-layout .fp-route__stage-grid > h2 {
grid-column: 1 / -1 !important;
grid-row: 1 !important;
margin: 0 !important;
}
body.fp-route-page .fp-route__sequence--stage-layout .fp-route__stage-grid > .wp-block-image {
grid-row: 2 !important;
width: 100% !important;
min-width: 0 !important;
height: clamp(330px,52vh,540px) !important;
margin: 0 !important;
overflow: hidden !important;
}
body.fp-route-page .fp-route__sequence--stage-layout .fp-route__stage-grid > .wp-block-image img {
display: block !important;
width: 100% !important;
height: 100% !important;
max-height: none !important;
object-fit: cover !important;
}
body.fp-route-page .fp-route__stage-copy {
grid-row: 2 !important;
align-self: center !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
overflow: visible !important;
}
body.fp-route-page .fp-route__sequence--media-left .fp-route__stage-grid > .wp-block-image { grid-column: 1 !important; }
body.fp-route-page .fp-route__sequence--media-left .fp-route__stage-copy { grid-column: 2 !important; }
body.fp-route-page .fp-route__sequence--media-right .fp-route__stage-grid > .wp-block-image { grid-column: 2 !important; }
body.fp-route-page .fp-route__sequence--media-right .fp-route__stage-copy { grid-column: 1 !important; }
body.fp-route-page .fp-route__sequence--itinerary .fp-route-map-figure {
position: static !important;
display: grid !important;
grid-template-columns: minmax(0,1.15fr) minmax(340px,.85fr) !important;
grid-template-rows: minmax(0,1fr) auto !important;
gap: 18px clamp(34px,4vw,62px) !important;
width: 100% !important;
max-width: none !important;
height: min(58vh,560px) !important;
max-height: none !important;
overflow: visible !important;
}
body.fp-route-page .fp-route__sequence--itinerary .fp-route-map-figure > img {
position: static !important;
grid-column: 1 !important;
grid-row: 1 / span 2 !important;
width: 100% !important;
height: 100% !important;
max-height: none !important;
object-fit: contain !important;
}
body.fp-route-page .fp-route__sequence--itinerary .fp-route-map-overlay {
position: static !important;
inset: auto !important;
grid-column: 2 !important;
grid-row: 1 !important;
align-self: center !important;
width: 100% !important;
height: auto !important;
transform: none !important;
}
body.fp-route-page .fp-route__sequence--itinerary .fp-route-map-caption {
position: static !important;
grid-column: 2 !important;
grid-row: 2 !important;
width: 100% !important;
margin: 0 !important;
}
body.fp-route-page .fp-route__sequence--stage-03 .wp-block-gallery {
display: grid !important;
grid-template-columns: repeat(3,minmax(0,1fr)) !important;
gap: clamp(18px,2vw,30px) !important;
width: 100% !important;
max-width: none !important;
height: min(56vh,540px) !important;
}
body.fp-route-page .fp-route__sequence--stage-03 .wp-block-gallery > figure,
body.fp-route-page .fp-route__sequence--stage-03 .wp-block-gallery img {
width: 100% !important;
height: 100% !important;
margin: 0 !important;
object-fit: cover !important;
}
body.fp-route-page .fp-route__sequence--stage-04-photo {
position: relative !important;
height: calc(100svh - 77px) !important;
padding: 0 !important;
overflow: hidden !important;
}
body.fp-route-page .fp-route__sequence--stage-04-photo .fp-route__sequence-inner,
body.fp-route-page .fp-route__sequence--stage-04-photo .fp-route__vertical-grid,
body.fp-route-page .fp-route__sequence--stage-04-photo .fp-route__horizontal-grid,
body.fp-route-page .fp-route__sequence--stage-04-photo .fp-route__vertical-media,
body.fp-route-page .fp-route__sequence--stage-04-photo .fp-route__horizontal-media,
body.fp-route-page .fp-route__sequence--stage-04-photo .wp-block-image {
width: 100% !important;
max-width: none !important;
height: 100% !important;
margin: 0 !important;
}
body.fp-route-page .fp-route__sequence--stage-04-photo img {
width: 100% !important;
height: 100% !important;
max-height: none !important;
object-fit: cover !important;
}
body.fp-route-page .fp-route__sequence--stage-04-photo .fp-route__sequence-heading {
position: absolute !important;
left: clamp(42px,7vw,112px) !important;
bottom: clamp(42px,7vh,82px) !important;
z-index: 4 !important;
margin: 0 !important;
padding: 20px 28px !important;
background: rgba(5,17,31,.74) !important;
border-left: 4px solid #b89652 !important;
}
body.fp-route-page .fp-route__sequence--stage-04-text .fp-route__sequence-content {
display: grid !important;
grid-template-columns: minmax(0,1fr) minmax(340px,.82fr) !important;
gap: clamp(36px,5vw,76px) !important;
align-items: center !important;
}
body.fp-route-page .fp-route__sequence--stage-04-text h2 { grid-column: 1 / -1 !important; }
body.fp-route-page .fp-route__delivery-copy { grid-column: 1 !important; min-width: 0 !important; }
body.fp-route-page .fp-route__sequence--stage-04-text .fp-route-morse,
body.fp-route-page .fp-route__sequence--stage-04-text .fp-route-morse-inline {
grid-column: 2 !important;
width: 100% !important;
max-height: none !important;
height: auto !important;
overflow: visible !important;
}
body.fp-route-page .fp-route__linked-ports {
width: 100vw !important;
min-height: calc(100svh - 77px) !important;
height: auto !important;
margin-left: calc(50% - 50vw) !important;
padding: clamp(30px,4vh,48px) clamp(36px,4vw,68px) !important;
background: #07131f !important;
overflow: visible !important;
}
body.fp-route-page .fp-route__ports-grid {
display: grid !important;
grid-template-columns: repeat(4,minmax(0,1fr)) !important;
grid-auto-rows: minmax(210px,30vh) !important;
gap: clamp(14px,1.6vw,24px) !important;
}
body.fp-route-page .fp-route__port-card:first-child {
grid-column: span 2 !important;
grid-row: span 2 !important;
}
body.fp-route-page .fp-route__port-image,
body.fp-route-page .fp-route__port-image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
}
body.fp-route-page .fp-route__sequence--faq details {
width: min(100%,980px) !important;
margin: 0 auto 12px !important;
border: 1px solid rgba(198,161,91,.42) !important;
background: rgba(7,19,31,.34) !important;
}
body.fp-route-page .fp-route__sequence--faq summary {
position: relative !important;
padding: 18px 58px 18px 22px !important;
cursor: pointer !important;
list-style: none !important;
}
body.fp-route-page .fp-route__sequence--faq summary::-webkit-details-marker { display: none !important; }
body.fp-route-page .fp-route__sequence--faq summary::after {
content: "+" !important;
position: absolute !important;
top: 50% !important;
right: 22px !important;
transform: translateY(-50%) !important;
color: #d8b766 !important;
font-size: 28px !important;
}
body.fp-route-page .fp-route__sequence--faq details[open] summary::after { content: "-" !important; }
body.fp-route-page .fp-route__sequence--faq details > :not(summary) { margin-inline: 22px !important; }
@media (max-width: 1023px) {
body.fp-route-page .fp-route__hero,
body.fp-route-page .fp-route__facts,
body.fp-route-page .fp-route__sequence,
body.fp-route-page .fp-route__linked-ports {
height: auto !important;
min-height: 0 !important;
max-height: none !important;
overflow: visible !important;
}
body.fp-route-page .fp-route__hero-grid {
display: flex !important;
flex-direction: column !important;
}
body.fp-route-page .fp-route__hero-media {
order: 1 !important;
width: 100% !important;
height: min(62svh,620px) !important;
margin: 0 !important;
overflow: hidden !important;
}
body.fp-route-page .fp-route__hero-image {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
body.fp-route-page .fp-route__hero-content {
order: 2 !important;
padding: 38px 20px 48px !important;
}
body.fp-route-page .fp-route__hero-stats { display: none !important; }
body.fp-route-page .fp-route__stage-grid,
body.fp-route-page .fp-route__sequence--stage-04-text .fp-route__sequence-content,
body.fp-route-page .fp-route__sequence--itinerary .fp-route-map-figure {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
height: auto !important;
max-height: none !important;
gap: 22px !important;
}
body.fp-route-page .fp-route__stage-grid > h2 { order: 1 !important; }
body.fp-route-page .fp-route__stage-grid > .wp-block-image { order: 2 !important; width: 100% !important; height: auto !important; }
body.fp-route-page .fp-route__stage-grid > .wp-block-image img { width: 100% !important; height: auto !important; aspect-ratio: 4/3 !important; object-fit: cover !important; }
body.fp-route-page .fp-route__stage-copy { order: 3 !important; width: 100% !important; min-width: 0 !important; }
body.fp-route-page .fp-route__sequence--itinerary .fp-route-map-figure > img,
body.fp-route-page .fp-route__sequence--itinerary .fp-route-map-overlay,
body.fp-route-page .fp-route__sequence--itinerary .fp-route-map-caption {
position: static !important;
width: 100% !important;
height: auto !important;
transform: none !important;
}
body.fp-route-page .fp-route__sequence--stage-03 .wp-block-gallery {
display: grid !important;
grid-template-columns: repeat(3,minmax(0,1fr)) !important;
gap: 10px !important;
width: 100% !important;
height: auto !important;
}
body.fp-route-page .fp-route__sequence--stage-04-photo {
position: relative !important;
height: min(72svh,680px) !important;
padding: 0 !important;
overflow: hidden !important;
}
body.fp-route-page .fp-route__sequence--stage-04-photo img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
body.fp-route-page .fp-route__sequence--stage-04-photo .fp-route__sequence-heading {
position: absolute !important;
left: 18px !important;
right: 18px !important;
bottom: 24px !important;
z-index: 4 !important;
padding: 15px 18px !important;
background: rgba(5,17,31,.74) !important;
}
body.fp-route-page .fp-route__ports-grid {
display: grid !important;
grid-template-columns: repeat(2,minmax(0,1fr)) !important;
gap: 12px !important;
}
body.fp-route-page .fp-route__port-card:first-child { grid-column: 1 / -1 !important; }
body.fp-route-page .fp-route__port-image,
body.fp-route-page .fp-route__port-image img { min-height: 190px !important; height: 100% !important; object-fit: cover !important; }
}
@media (max-width: 680px) {
body.fp-route-page .fp-route__duration-stamp { right: 14px !important; bottom: 14px !important; width: 104px !important; }
body.fp-route-page .fp-route__sequence--stage-03 .wp-block-gallery { grid-template-columns: 1fr !important; }
body.fp-route-page .fp-route__sequence--stage-03 .wp-block-gallery > figure { height: 40svh !important; }
body.fp-route-page .fp-route__ports-grid { grid-template-columns: 1fr !important; }
body.fp-route-page .fp-route__port-card:first-child { grid-column: auto !important; }
} @media (min-width: 1024px) {
body.fp-route-page .fp-route__hero-content { justify-content:center!important; padding-block:clamp(24px,3.2vh,42px)!important; overflow:hidden!important; }
body.fp-route-page .fp-route__title { font-size:clamp(46px,4.25vw,72px)!important; line-height:.94!important; margin-bottom:clamp(12px,1.6vh,20px)!important; }
body.fp-route-page .fp-route__chapo, body.fp-route-page .fp-route__chapo p { font-size:clamp(17px,1.35vw,21px)!important; line-height:1.42!important; }
body.fp-route-page .fp-route__hero-actions { display:flex!important; flex-wrap:wrap!important; gap:12px!important; margin-top:clamp(12px,1.8vh,22px)!important; }
body.fp-route-page .fp-route__sequence--itinerary .fp-route-map-figure { position:relative!important; display:block!important; width:100%!important; height:min(68vh,650px)!important; margin:0!important; overflow:hidden!important; }
body.fp-route-page .fp-route__sequence--itinerary .fp-route-map-figure>img { position:absolute!important; inset:0!important; width:100%!important; height:100%!important; object-fit:cover!important; }
body.fp-route-page .fp-route__sequence--itinerary .fp-route-map-overlay { position:absolute!important; top:50%!important; right:clamp(24px,4vw,68px)!important; left:auto!important; width:min(330px,31%)!important; height:auto!important; transform:translateY(-50%)!important; }
body.fp-route-page .fp-route__sequence--stage-04-photo .fp-route__sequence-heading,
body.fp-route-page .fp-route__sequence--stage-04-photo .fp-route__sequence-heading *,
body.fp-route-page .fp-route__sequence--stage-04-photo h2 { color:#d8b766!important; }
body.fp-route-page .fp-route__sequence--stage-04-text { height:calc(100svh - 77px)!important; min-height:620px!important; overflow:hidden!important; }
body.fp-route-page .fp-route__sequence--stage-04-text .fp-route__sequence-inner { display:flex!important; align-items:center!important; height:100%!important; padding-block:clamp(26px,4vh,48px)!important; }
body.fp-route-page .fp-route__sequence--stage-04-text .fp-route__sequence-content { grid-template-columns:minmax(0,1.05fr) minmax(320px,.78fr)!important; grid-template-rows:auto minmax(0,1fr)!important; column-gap:clamp(34px,5vw,74px)!important; row-gap:clamp(16px,2.2vh,26px)!important; width:100%!important; max-height:100%!important; }
body.fp-route-page .fp-route__sequence--stage-04-text h2 { margin:0!important; font-size:clamp(40px,4.2vw,68px)!important; line-height:.98!important; }
body.fp-route-page .fp-route__delivery-copy, body.fp-route-page .fp-route__delivery-copy p { font-size:clamp(16px,1.15vw,19px)!important; line-height:1.5!important; }
body.fp-route-page .fp-route__sequence--stage-04-text .fp-route-morse,
body.fp-route-page .fp-route__sequence--stage-04-text .fp-route-morse-inline { align-self:center!important; max-height:calc(100svh - 190px)!important; padding:clamp(22px,3vh,34px)!important; overflow:hidden!important; }
body.fp-route-page .fp-route__linked-ports { display:flex!important; align-items:stretch!important; width:100vw!important; height:calc(100svh - 77px)!important; min-height:620px!important; margin-left:calc(50% - 50vw)!important; padding:clamp(24px,3.2vh,40px) clamp(24px,3vw,52px)!important; background:#07131f!important; overflow:hidden!important; }
body.fp-route-page .fp-route__linked-ports-inner { display:grid!important; grid-template-rows:auto auto minmax(0,1fr)!important; width:100%!important; height:100%!important; max-width:none!important; gap:8px!important; }
body.fp-route-page .fp-route__linked-ports-label, body.fp-route-page .fp-route__linked-ports-title { margin-block:0!important; }
body.fp-route-page .fp-route__ports-grid { display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; grid-template-rows:minmax(0,1fr)!important; gap:clamp(10px,1.15vw,18px)!important; min-height:0!important; margin-top:clamp(10px,1.6vh,18px)!important; }
body.fp-route-page .fp-route__port-card, body.fp-route-page .fp-route__port-card:first-child { grid-column:auto!important; grid-row:auto!important; display:grid!important; grid-template-rows:minmax(0,1fr) auto!important; min-width:0!important; min-height:0!important; height:100%!important; overflow:hidden!important; }
body.fp-route-page .fp-route__port-image { min-height:0!important; height:100%!important; }
body.fp-route-page .fp-route__port-content { padding:14px 12px!important; }
}
@media (max-width: 1023px) {
body.fp-route-page .fp-route__sequence--stage-04-photo .fp-route__sequence-heading,
body.fp-route-page .fp-route__sequence--stage-04-photo .fp-route__sequence-heading *,
body.fp-route-page .fp-route__sequence--stage-04-photo h2 { color:#d8b766!important; }
body.fp-route-page .fp-route__linked-ports { width:100vw!important; margin-left:calc(50% - 50vw)!important; padding:34px 20px!important; background:#07131f!important; overflow:visible!important; }
} @media (min-width: 1024px) { body.fp-route-page .fp-route__sequence--itinerary {
height: calc(100svh - 77px)!important;
min-height: 620px!important;
padding: 0!important;
overflow: hidden!important;
}
body.fp-route-page .fp-route__sequence--itinerary>.fp-route__sequence-inner {
width: 100%!important;
max-width: none!important;
height: 100%!important;
padding: clamp(22px,3vh,36px) clamp(24px,3vw,52px)!important;
}
body.fp-route-page .fp-route__sequence--itinerary .fp-route__sequence-content,
body.fp-route-page .fp-route__sequence--itinerary .fp-route-map,
body.fp-route-page .fp-route__sequence--itinerary .fp-route-map>.wp-block-group__inner-container {
display: grid!important;
grid-template-rows: auto auto minmax(0,1fr)!important;
width: 100%!important;
max-width: none!important;
height: 100%!important;
min-height: 0!important;
gap: clamp(8px,1.2vh,14px)!important;
}
body.fp-route-page .fp-route__sequence--itinerary h2,
body.fp-route-page .fp-route__sequence--itinerary p {
margin-block: 0!important;
}
body.fp-route-page .fp-route__sequence--itinerary .fp-route-map-figure {
position: relative!important;
display: grid!important;
grid-template-columns: minmax(0,1fr) minmax(285px,330px)!important;
grid-template-rows: minmax(0,1fr)!important;
align-items: stretch!important;
gap: clamp(18px,2vw,30px)!important;
width: 100%!important;
height: 100%!important;
min-height: 0!important;
margin: 0!important;
padding: clamp(14px,1.8vh,22px)!important;
overflow: hidden!important;
}
body.fp-route-page .fp-route__sequence--itinerary .fp-route-map-figure>img {
position: static!important;
grid-column: 1!important;
grid-row: 1!important;
width: 100%!important;
height: 100%!important;
min-height: 0!important;
object-fit: contain!important;
}
body.fp-route-page .fp-route__sequence--itinerary .fp-route-map-overlay {
position: static!important;
grid-column: 2!important;
grid-row: 1!important;
align-self: stretch!important;
display: flex!important;
flex-direction: column!important;
justify-content: center!important;
width: 100%!important;
height: 100%!important;
padding: clamp(14px,2vh,22px)!important;
transform: none!important;
overflow: hidden!important;
}
body.fp-route-page .fp-route__sequence--itinerary .fp-route-map-overlay__item:not(:last-child) {
margin-bottom: clamp(10px,1.5vh,18px)!important;
} body.fp-route-page .fp-route__sequence--stage-03 {
height: calc(100svh - 77px)!important;
min-height: 620px!important;
padding: 0!important;
overflow: hidden!important;
}
body.fp-route-page .fp-route__sequence--stage-03>.fp-route__sequence-inner {
width: 100%!important;
max-width: none!important;
height: 100%!important;
padding: clamp(24px,3.5vh,42px) clamp(22px,2.6vw,46px)!important;
}
body.fp-route-page .fp-route__sequence--stage-03 .fp-route__sequence-content,
body.fp-route-page .fp-route__sequence--stage-03 .fp-route-section--port,
body.fp-route-page .fp-route__sequence--stage-03 .fp-route-section--port>.wp-block-group__inner-container {
display: grid!important;
grid-template-rows: auto auto minmax(0,1fr)!important;
width: 100%!important;
max-width: none!important;
height: 100%!important;
min-height: 0!important;
gap: clamp(8px,1.2vh,14px)!important;
}
body.fp-route-page .fp-route__sequence--stage-03 h2,
body.fp-route-page .fp-route__sequence--stage-03 h4 { margin:0!important; }
body.fp-route-page .fp-route__sequence--stage-03 .wp-block-gallery {
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
grid-template-rows:minmax(0,1fr)!important;
gap:clamp(14px,1.6vw,26px)!important;
width:100%!important;
height:100%!important;
min-height:0!important;
margin:0!important;
}
body.fp-route-page .fp-route__sequence--stage-03 .wp-block-gallery>.wp-block-image {
position:relative!important;
width:100%!important;
height:100%!important;
min-width:0!important;
min-height:0!important;
margin:0!important;
overflow:hidden!important;
}
body.fp-route-page .fp-route__sequence--stage-03 .wp-block-gallery img {
width:100%!important;
height:100%!important;
object-fit:cover!important;
} body.fp-route-page .fp-route__sequence--stage-04-text .fp-route__sequence-content {
display:grid!important;
grid-template-columns:minmax(0,1.08fr) minmax(330px,.82fr)!important;
grid-template-rows:auto minmax(0,1fr)!important;
align-items:center!important;
width:100%!important;
height:100%!important;
min-height:0!important;
gap:clamp(16px,2vh,24px) clamp(34px,4vw,66px)!important;
}
body.fp-route-page .fp-route__sequence--stage-04-text h2 {
grid-column:1!important;
grid-row:1!important;
align-self:end!important;
}
body.fp-route-page .fp-route__sequence--stage-04-text .fp-route__delivery-copy {
grid-column:1!important;
grid-row:2!important;
align-self:start!important;
}
body.fp-route-page .fp-route__sequence--stage-04-text .fp-route-morse,
body.fp-route-page .fp-route__sequence--stage-04-text .fp-route-morse-inline {
grid-column:2!important;
grid-row:1 / 3!important;
align-self:center!important;
width:100%!important;
height:auto!important;
max-height:calc(100svh - 145px)!important;
margin:0!important;
overflow:hidden!important;
} body.fp-route-page .fp-city-gallery {
display:grid!important;
grid-template-rows:auto auto auto minmax(0,1fr)!important;
width:100vw!important;
max-width:none!important;
height:calc(100svh - 77px)!important;
min-height:620px!important;
margin-left:calc(50% - 50vw)!important;
padding:clamp(22px,3vh,36px) clamp(22px,2.8vw,48px)!important;
background:#07131f!important;
overflow:hidden!important;
}
body.fp-route-page .fp-city-gallery__eyebrow,
body.fp-route-page .fp-city-gallery__title,
body.fp-route-page .fp-city-gallery__intro { margin-block:0!important; }
body.fp-route-page .fp-city-gallery__grid {
display:grid!important;
grid-template-columns:repeat(5,minmax(0,1fr))!important;
grid-template-rows:minmax(0,1fr)!important;
gap:clamp(10px,1.15vw,18px)!important;
width:100%!important;
height:100%!important;
min-height:0!important;
margin-top:clamp(12px,1.8vh,20px)!important;
}
body.fp-route-page .fp-city-gallery__card {
position:relative!important;
display:block!important;
width:100%!important;
height:100%!important;
min-width:0!important;
min-height:0!important;
overflow:hidden!important;
}
body.fp-route-page .fp-city-gallery__image,
body.fp-route-page .fp-city-gallery__image img {
width:100%!important;
height:100%!important;
object-fit:cover!important;
}
}
@media (max-width:1023px) {
body.fp-route-page .fp-city-gallery {
width:100vw!important;
max-width:none!important;
height:auto!important;
margin-left:calc(50% - 50vw)!important;
padding:34px 20px!important;
background:#07131f!important;
}
body.fp-route-page .fp-city-gallery__grid {
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:12px!important;
}
body.fp-route-page .fp-city-gallery__card { min-height:300px!important; }
}
@media (max-width:680px) {
body.fp-route-page .fp-city-gallery__grid { grid-template-columns:1fr!important; }
body.fp-route-page .fp-city-gallery__card { min-height:62svh!important; }
} @media (min-width:1024px) { body.fp-route-page .fp-route .fp-city-gallery {
grid-template-rows:auto auto auto minmax(0,1fr)!important;
height:calc(100svh - 77px)!important;
min-height:620px!important;
padding:clamp(20px,2.5vh,32px) clamp(22px,2.5vw,42px)!important;
}
body.fp-route-page .fp-route .fp-city-gallery__grid {
display:grid!important;
grid-template-columns:repeat(5,minmax(0,1fr))!important;
grid-template-rows:minmax(0,1fr)!important;
grid-auto-flow:column!important;
align-items:stretch!important;
gap:clamp(12px,1.25vw,20px)!important;
width:100%!important;
height:100%!important;
min-height:0!important;
}
body.fp-route-page .fp-route .fp-city-gallery__card,
body.fp-route-page .fp-route .fp-city-gallery__card:nth-child(n) {
grid-column:auto!important;
grid-row:1!important;
width:100%!important;
height:100%!important;
min-width:0!important;
min-height:0!important;
aspect-ratio:3 / 5!important;
overflow:hidden!important;
}
body.fp-route-page .fp-route .fp-city-gallery__image,
body.fp-route-page .fp-route .fp-city-gallery__image img {
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
object-fit:cover!important;
}
body.fp-route-page .fp-route .fp-city-gallery__content {
position:absolute!important;
left:clamp(14px,1.35vw,22px)!important;
right:clamp(14px,1.35vw,22px)!important;
bottom:clamp(16px,2.2vh,28px)!important;
z-index:5!important;
}
body.fp-route-page .fp-route .fp-city-gallery__name {
font-size:clamp(23px,2vw,32px)!important;
} body.fp-route-page .fp-route__sequence--stage-04-text .fp-route__sequence-content {
grid-template-columns:minmax(0,.82fr) minmax(430px,1.18fr)!important;
column-gap:clamp(28px,3.5vw,54px)!important;
}
body.fp-route-page .fp-route__sequence--stage-04-text .fp-route-morse-inline {
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
width:100%!important;
max-width:none!important;
height:auto!important;
max-height:calc(100svh - 112px)!important;
padding:clamp(20px,2.5vh,30px) clamp(24px,2.5vw,38px)!important;
overflow:hidden!important;
}
body.fp-route-page .fp-route__sequence--stage-04-text .fp-route-morse-inline__label {
margin-bottom:8px!important;
}
body.fp-route-page .fp-route__sequence--stage-04-text .fp-route-morse-inline__title {
margin:0 0 clamp(12px,1.5vh,18px)!important;
font-size:clamp(27px,2.4vw,38px)!important;
}
body.fp-route-page .fp-route__sequence--stage-04-text .fp-route-morse-inline__code {
margin:0!important;
padding:clamp(16px,2vh,22px)!important;
font-size:clamp(15px,1.35vw,20px)!important;
line-height:1.55!important;
}
body.fp-route-page .fp-route__sequence--stage-04-text .fp-route-morse-inline__translation {
margin-top:clamp(14px,1.8vh,20px)!important;
padding-top:clamp(12px,1.5vh,18px)!important;
}
body.fp-route-page .fp-route__sequence--stage-04-text .fp-route-morse-inline__translation-text {
font-size:clamp(18px,1.65vw,24px)!important;
line-height:1.4!important;
}
body.fp-route-page .fp-route__sequence--stage-04-text .fp-route-morse-inline__stamp {
margin-top:clamp(12px,1.5vh,18px)!important;
font-size:10px!important;
}
} @media (min-width:1024px) {
body.fp-route-page .fp-route__sequence--stage-04-text .fp-route__sequence-inner {
padding-block:clamp(20px,2.8vh,34px)!important;
}
body.fp-route-page .fp-route__sequence--stage-04-text .fp-route__sequence-content {
grid-template-columns:minmax(0,.94fr) minmax(430px,1.06fr)!important;
row-gap:clamp(10px,1.3vh,16px)!important;
}
body.fp-route-page .fp-route__sequence--stage-04-text h2 {
font-size:clamp(35px,3.45vw,56px)!important;
line-height:.96!important;
}
body.fp-route-page .fp-route__sequence--stage-04-text .fp-route__delivery-copy {
max-height:none!important;
overflow:visible!important;
}
body.fp-route-page .fp-route__sequence--stage-04-text .fp-route__delivery-copy p {
margin:0 0 clamp(10px,1.4vh,16px)!important;
font-size:clamp(15px,1.05vw,18px)!important;
line-height:1.42!important;
}
body.fp-route-page .fp-route__sequence--stage-04-text .fp-route__delivery-copy p:last-child {
margin-bottom:0!important;
} body.fp-route-page .fp-route__duration-stamp {
right:clamp(20px,2.8vw,40px)!important;
bottom:clamp(20px,3.5vh,42px)!important;
width:clamp(126px,11vw,158px)!important;
padding:16px!important;
border:3px solid #d8b766!important;
background:rgba(7,19,31,.94)!important;
box-shadow:
inset 0 0 0 5px rgba(216,183,102,.22),
inset 0 0 0 7px rgba(216,183,102,.72),
0 12px 32px rgba(0,0,0,.48)!important;
color:#fff8e8!important;
}
body.fp-route-page .fp-route__duration-stamp span {
font-size:12px!important;
font-weight:700!important;
letter-spacing:.18em!important;
}
body.fp-route-page .fp-route__duration-stamp strong {
margin-top:8px!important;
font-size:clamp(25px,2.25vw,32px)!important;
font-weight:700!important;
color:#d8b766!important;
}
} @media (min-width:1024px) {
body.fp-route-page .fp-route__sequence--stage-04-text .fp-route__delivery-copy p {
font-size:clamp(18px,1.28vw,21px)!important;
line-height:1.44!important;
}
body.fp-route-page .fp-route .fp-city-gallery__card--bridgetown .fp-city-gallery__name {
font-size:clamp(20px,1.65vw,27px)!important;
line-height:1.08!important;
white-space:normal!important;
word-break:keep-all!important;
overflow-wrap:normal!important;
hyphens:none!important;
}
} .fpv5-site-header__brand.fpv5-site-header__brand--logo {
display: flex;
align-items: center;
justify-content: center;
width: auto;
height: auto;
padding: 0;
background: transparent;
border: 0;
line-height: 0;
}
.fpv5-site-header__brand--logo .fpv5-site-header__logo {
display: block;
width: auto;
height: 72px;
max-width: 230px;
object-fit: contain;
} @media (max-width: 1180px) {
.fpv5-site-header__brand--logo .fpv5-site-header__logo {
height: 64px;
max-width: 205px;
}
} @media (max-width: 767px) {
.fpv5-site-header__brand--logo .fpv5-site-header__logo {
height: 54px;
max-width: 175px;
}
}  body .mp-article {
box-sizing: border-box !important;
width: calc(100% - 20px) !important;
max-width: none !important;
margin-left: 10px !important;
margin-right: 10px !important;
} .mp-article .mp-hero-grid,
.mp-article .mp-section,
.mp-article .mp-footer {
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 10px !important;
padding-right: 10px !important;
} .mp-article .mp-hero-grid > .kt-row-column-wrap,
.mp-article .mp-section > .kt-row-column-wrap,
.mp-article .mp-footer > .kt-row-column-wrap {
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
margin-left: auto !important;
margin-right: auto !important;
} .mp-article .mp-title-block {
box-sizing: border-box !important;
width: 100% !important;
max-width: 1400px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 10px !important;
padding-right: 10px !important;
} .mp-article .mp-product-title {
width: 100% !important;
max-width: 1300px !important;
margin-left: auto !important;
margin-right: auto !important;
} .mp-article .mp-product-deck {
max-width: 900px !important;
margin-left: auto !important;
margin-right: auto !important;
} .mp-article .mp-copy {
box-sizing: border-box !important;
width: 100%;
max-width: 880px;
} .mp-article img {
max-width: 100%;
height: auto;
} .mp-article .mp-masthead {
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
} .mp-article .mp-double-plate,
.mp-article .mp-medallion-row,
.mp-article .mp-stole-layout,
.mp-article .mp-accessories {
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
} .mp-article .mp-closing {
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
}
.mp-article .mp-closing p {
max-width: 920px !important;
margin-left: auto !important;
margin-right: auto !important;
} .mp-article .mp-book-ad {
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
} @media (max-width: 1024px) {
body .mp-article {
width: calc(100% - 20px) !important;
margin-left: 10px !important;
margin-right: 10px !important;
}
.mp-article .mp-hero-grid,
.mp-article .mp-section,
.mp-article .mp-footer {
padding-left: 10px !important;
padding-right: 10px !important;
}
.mp-article .mp-title-block {
padding-left: 10px !important;
padding-right: 10px !important;
}
.mp-article .mp-copy {
max-width: 100%;
}
} @media (max-width: 767px) {
body .mp-article {
width: calc(100% - 20px) !important;
max-width: none !important;
margin-left: 10px !important;
margin-right: 10px !important;
}
.mp-article .mp-title-block,
.mp-article .mp-hero-grid,
.mp-article .mp-section,
.mp-article .mp-footer {
padding-left: 10px !important;
padding-right: 10px !important;
}
.mp-article .mp-copy {
width: 100%;
max-width: 100%;
}
} body:has(.fpv42-home) #inner-wrap,
body:has(.fpv42-home) #primary,
body:has(.fpv42-home) .content-container.site-container,
body:has(.fpv42-home) #main,
body:has(.fpv42-home) .content-wrap,
body:has(.fpv42-home) article.entry,
body:has(.fpv42-home) .entry-content-wrap,
body:has(.fpv42-home) .entry-content {
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
} body:has(.fpv42-home) .content-area {
margin-top: 0 !important;
margin-bottom: 0 !important;
} body:has(.fpv42-home) .fpv42-home {
box-sizing: border-box !important;
width: calc(100% - 20px) !important;
max-width: none !important;
margin-left: 10px !important;
margin-right: 10px !important;
} body:has(.fpv42-home) .site-container {
max-width: none !important;
} @media (max-width: 767px) {
body:has(.fpv42-home) .fpv42-home {
width: calc(100% - 20px) !important;
margin-left: 10px !important;
margin-right: 10px !important;
}
} body.home #wrapper,
body.home .wp-site-blocks,
body.home #inner-wrap,
body.home #primary,
body.home .content-container.site-container,
body.home #main,
body.home .content-wrap,
body.home article.entry,
body.home .entry-content-wrap,
body.home .entry-content {
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
} body.home .site-container {
width: 100% !important;
max-width: none !important;
} body.home .fpv42-home {
box-sizing: border-box !important;
width: calc(100% - 20px) !important;
max-width: none !important;
margin-left: 10px !important;
margin-right: 10px !important;
} body.home #primary.content-area {
margin-top: 0 !important;
margin-bottom: 0 !important;
}  body.home .fpv42-home .fpv42-places .fpv42-place-card h3,
body:has(.fpv42-home) .fpv42-home .fpv42-places .fpv42-place-card h3 {
margin: 13px 0 15px !important;
color: var(--fp-ivory, #f4f0e6) !important;
font-family: var(--fp-font-deco, "Limelight", serif) !important;
font-size: clamp(1.75rem, 2.45vw, 2.7rem) !important;
font-weight: 400 !important;
line-height: 1.02 !important;
letter-spacing: 0.015em !important;
text-transform: uppercase !important;
text-shadow: 0 2px 16px rgba(0,0,0,.38) !important;
text-wrap: balance;
} body.home .fpv42-home .fpv42-places .fpv42-place-card p,
body:has(.fpv42-home) .fpv42-home .fpv42-places .fpv42-place-card p {
color: rgba(244,240,230,.86) !important;
} body.home .fpv42-home .fpv42-places .fpv42-place-card__content > span,
body:has(.fpv42-home) .fpv42-home .fpv42-places .fpv42-place-card__content > span {
color: rgba(198,161,91,.82) !important;
} body.home .fpv42-home .fpv42-section-heading h2::after,
body.home .fpv42-home .fpv42-manifest__intro h2::after,
body:has(.fpv42-home) .fpv42-home .fpv42-section-heading h2::after,
body:has(.fpv42-home) .fpv42-home .fpv42-manifest__intro h2::after {
content: "" !important;
display: block !important;
width: clamp(72px, 8vw, 120px) !important;
height: 1px !important;
margin: 18px auto 0 !important;
background: #c6a15b !important;
border: 0 !important;
opacity: .9 !important;
} body.home .fpv42-home .fp-section-separator,
body:has(.fpv42-home) .fpv42-home .fp-section-separator {
position: relative !important;
display: block !important;
width: min(180px, 46vw) !important;
height: 1px !important;
margin: clamp(26px, 3vw, 38px) auto !important;
background: linear-gradient(90deg, transparent 0%, #c6a15b 22%, #c6a15b 78%, transparent 100%) !important;
border: 0 !important;
}
body.home .fpv42-home .fp-section-separator::after,
body:has(.fpv42-home) .fpv42-home .fp-section-separator::after {
content: "" !important;
position: absolute !important;
left: 50% !important;
top: 50% !important;
width: 7px !important;
height: 7px !important;
background: #c6a15b !important;
transform: translate(-50%, -50%) rotate(45deg) !important;
} body.home .fpv42-home .fp-svg-separator,
body:has(.fpv42-home) .fpv42-home .fp-svg-separator {
width: min(180px, 46vw) !important;
height: 20px !important;
margin: clamp(26px, 3vw, 38px) auto !important;
} body.home .fpv42-home .fpv52-hide-next-dossier,
body.home .fpv42-home [class*="dossier-suivant"],
body:has(.fpv42-home) .fpv42-home .fpv52-hide-next-dossier,
body:has(.fpv42-home) .fpv42-home [class*="dossier-suivant"] {
display: none !important;
}
@media (max-width: 767px) {
body.home .fpv42-home .fpv42-places .fpv42-place-card h3,
body:has(.fpv42-home) .fpv42-home .fpv42-places .fpv42-place-card h3 {
font-size: clamp(1.55rem, 7vw, 1.9rem) !important;
line-height: 1.04 !important;
}
body.home .fpv42-home .fp-section-separator,
body:has(.fpv42-home) .fpv42-home .fp-section-separator,
body.home .fpv42-home .fp-svg-separator,
body:has(.fpv42-home) .fpv42-home .fp-svg-separator {
width: min(140px, 44vw) !important;
margin-top: 24px !important;
margin-bottom: 24px !important;
}
}  body.home .fpv42-home .fpv42-places__grid,
body:has(.fpv42-home) .fpv42-home .fpv42-places__grid {
gap: 1px !important;
column-gap: 1px !important;
row-gap: 1px !important;
background: var(--fp-gold, #c6a15b) !important;
} @media (min-width: 981px) {
body.home .fpv42-home .fpv42-places__grid,
body:has(.fpv42-home) .fpv42-home .fpv42-places__grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
} body.home .fpv42-home .fpv42-places .fpv42-place-card h3,
body:has(.fpv42-home) .fpv42-home .fpv42-places .fpv42-place-card h3 {
margin: 10px 0 12px !important;
color: var(--fp-ivory, #f4f0e6) !important;
font-family: "Limelight", serif !important;
font-size: clamp(26px, 2vw, 30px) !important;
line-height: 1.08 !important;
letter-spacing: .01em !important;
text-transform: uppercase !important;
text-shadow: 0 2px 14px rgba(0,0,0,.42) !important;
} body.home .fpv42-home .fpv42-places .fpv42-place-card__content,
body:has(.fpv42-home) .fpv42-home .fpv42-places .fpv42-place-card__content {
padding: clamp(18px, 2vw, 28px) !important;
}
body.home .fpv42-home .fpv42-places .fpv42-place-card p,
body:has(.fpv42-home) .fpv42-home .fpv42-places .fpv42-place-card p {
margin-bottom: 16px !important;
font-size: clamp(16px, 1.05vw, 19px) !important;
line-height: 1.48 !important;
} body.home .fpv42-home .fpv42-places .fpv42-place-card strong,
body:has(.fpv42-home) .fpv42-home .fpv42-places .fpv42-place-card strong {
color: var(--fp-gold, #c6a15b) !important;
font-size: 10px !important;
line-height: 1.35 !important;
letter-spacing: .09em !important;
} @media (max-width: 767px) {
body.home .fpv42-home .fpv42-places__grid,
body:has(.fpv42-home) .fpv42-home .fpv42-places__grid {
grid-template-columns: 1fr !important;
gap: 1px !important;
}
body.home .fpv42-home .fpv42-places .fpv42-place-card h3,
body:has(.fpv42-home) .fpv42-home .fpv42-places .fpv42-place-card h3 {
font-size: clamp(24px, 7vw, 29px) !important;
line-height: 1.08 !important;
}
} body.home .fpv42-home .fpv42-places .fpv42-place-card,
body:has(.fpv42-home) .fpv42-home .fpv42-places .fpv42-place-card {
background: var(--fp-ivory, #f4f0e6) !important;
}
body.home .fpv42-home .fpv42-places .fpv42-place-card__picture,
body:has(.fpv42-home) .fpv42-home .fpv42-places .fpv42-place-card__picture {
position: relative !important;
inset: auto !important;
display: block !important;
height: clamp(245px, 29vh, 330px) !important;
min-height: 0 !important;
flex: 0 0 auto !important;
}
body.home .fpv42-home .fpv42-places .fpv42-place-card__picture::after,
body:has(.fpv42-home) .fpv42-home .fpv42-places .fpv42-place-card__picture::after {
background: linear-gradient(180deg, rgba(7,18,31,.03) 0%, rgba(7,18,31,.16) 100%) !important;
}
body.home .fpv42-home .fpv42-places .fpv42-place-card__content,
body:has(.fpv42-home) .fpv42-home .fpv42-places .fpv42-place-card__content {
position: relative !important;
inset: auto !important;
z-index: 2 !important;
display: flex !important;
flex: 1 1 auto !important;
flex-direction: column !important;
min-height: 190px !important;
padding: 18px 22px 22px !important;
background: var(--fp-ivory, #f4f0e6) !important;
}
body.home .fpv42-home .fpv42-places .fpv42-place-card__content > span,
body:has(.fpv42-home) .fpv42-home .fpv42-places .fpv42-place-card__content > span {
margin: 0 0 7px !important;
color: rgba(198,161,91,.78) !important;
font-size: 20px !important;
}
body.home .fpv42-home .fpv42-places .fpv42-place-card h3,
body:has(.fpv42-home) .fpv42-home .fpv42-places .fpv42-place-card h3 {
margin: 0 0 14px !important;
color: var(--fp-navy, #0f1e33) !important;
font-family: "Limelight", Georgia, serif !important;
font-size: clamp(24px, 1.75vw, 29px) !important;
font-weight: 400 !important;
line-height: 1.08 !important;
letter-spacing: .005em !important;
text-transform: uppercase !important;
text-shadow: none !important;
text-wrap: balance !important;
}
body.home .fpv42-home .fpv42-places .fpv42-place-card p,
body:has(.fpv42-home) .fpv42-home .fpv42-places .fpv42-place-card p {
display: none !important;
}
body.home .fpv42-home .fpv42-places .fpv42-place-card strong,
body:has(.fpv42-home) .fpv42-home .fpv42-places .fpv42-place-card strong {
display: inline-flex !important;
align-items: center !important;
width: fit-content !important;
margin-top: auto !important;
color: var(--fp-gold-dark, #8a6425) !important;
font-family: "Poiret One", sans-serif !important;
font-size: 11px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
letter-spacing: .10em !important;
text-transform: uppercase !important;
}
body.home .fpv42-home .fpv42-places .fpv42-place-card strong::after,
body:has(.fpv42-home) .fpv42-home .fpv42-places .fpv42-place-card strong::after {
content: " →" !important;
position: static !important;
width: auto !important;
height: auto !important;
margin-left: 7px !important;
background: none !important;
transform: none !important;
}
@media (max-width: 767px) {
body.home .fpv42-home .fpv42-places .fpv42-place-card__picture,
body:has(.fpv42-home) .fpv42-home .fpv42-places .fpv42-place-card__picture {
height: clamp(250px, 68vw, 360px) !important;
}
body.home .fpv42-home .fpv42-places .fpv42-place-card__content,
body:has(.fpv42-home) .fpv42-home .fpv42-places .fpv42-place-card__content {
min-height: 150px !important;
padding: 17px 18px 20px !important;
}
body.home .fpv42-home .fpv42-places .fpv42-place-card h3,
body:has(.fpv42-home) .fpv42-home .fpv42-places .fpv42-place-card h3 {
font-size: clamp(23px, 6.6vw, 28px) !important;
}
} @media (min-width: 768px) {
body.home .fpv42-home .fpv42-places .fpv42-place-card__picture,
body:has(.fpv42-home) .fpv42-home .fpv42-places .fpv42-place-card__picture {
height: clamp(295px, 35vh, 395px) !important;
}
body.home .fpv42-home .fpv42-places .fpv42-place-card__content,
body:has(.fpv42-home) .fpv42-home .fpv42-places .fpv42-place-card__content {
min-height: 205px !important;
padding: 16px 22px 22px !important;
}
body.home .fpv42-home .fpv42-places .fpv42-place-card h3,
body:has(.fpv42-home) .fpv42-home .fpv42-places .fpv42-place-card h3 {
margin-bottom: 12px !important;
font-family: "Limelight", Georgia, serif !important;
font-size: clamp(30px, 2vw, 34px) !important;
line-height: 1.06 !important;
}
}
@media (max-width: 767px) {
body.home .fpv42-home .fpv42-places .fpv42-place-card__picture,
body:has(.fpv42-home) .fpv42-home .fpv42-places .fpv42-place-card__picture {
height: clamp(285px, 74vw, 390px) !important;
}
body.home .fpv42-home .fpv42-places .fpv42-place-card h3,
body:has(.fpv42-home) .fpv42-home .fpv42-places .fpv42-place-card h3 {
font-family: "Limelight", Georgia, serif !important;
font-size: clamp(27px, 7.2vw, 31px) !important;
line-height: 1.07 !important;
}
} @media (min-width: 768px) {
body.home .fpv42-home .fpv42-places__grid,
body:has(.fpv42-home) .fpv42-home .fpv42-places__grid {
gap: 1px !important;
}
body.home .fpv42-home .fpv42-places .fpv42-place-card,
body:has(.fpv42-home) .fpv42-home .fpv42-places .fpv42-place-card {
min-height: 0 !important;
}
body.home .fpv42-home .fpv42-places .fpv42-place-card__picture,
body:has(.fpv42-home) .fpv42-home .fpv42-places .fpv42-place-card__picture {
width: 100% !important;
height: clamp(360px, 42vh, 470px) !important;
margin: 0 !important;
}
body.home .fpv42-home .fpv42-places .fpv42-place-card__picture img,
body:has(.fpv42-home) .fpv42-home .fpv42-places .fpv42-place-card__picture img {
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
body.home .fpv42-home .fpv42-places .fpv42-place-card__content,
body:has(.fpv42-home) .fpv42-home .fpv42-places .fpv42-place-card__content {
min-height: 225px !important;
padding: 20px 26px 24px !important;
}
body.home .fpv42-home .fpv42-places .fpv42-place-card h3,
body:has(.fpv42-home) .fpv42-home .fpv42-places .fpv42-place-card h3 {
margin: 0 0 16px !important;
font-family: "Limelight", Georgia, serif !important;
font-size: clamp(34px, 2.35vw, 42px) !important;
line-height: 1.04 !important;
letter-spacing: 0 !important;
}
body.home .fpv42-home .fpv42-places .fpv42-place-card strong,
body:has(.fpv42-home) .fpv42-home .fpv42-places .fpv42-place-card strong {
font-size: 12px !important;
letter-spacing: .11em !important;
}
}
@media (max-width: 767px) {
body.home .fpv42-home .fpv42-places .fpv42-place-card__picture,
body:has(.fpv42-home) .fpv42-home .fpv42-places .fpv42-place-card__picture {
width: 100% !important;
height: clamp(330px, 88vw, 470px) !important;
margin: 0 !important;
}
body.home .fpv42-home .fpv42-places .fpv42-place-card__picture img,
body:has(.fpv42-home) .fpv42-home .fpv42-places .fpv42-place-card__picture img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
body.home .fpv42-home .fpv42-places .fpv42-place-card h3,
body:has(.fpv42-home) .fpv42-home .fpv42-places .fpv42-place-card h3 {
font-size: clamp(30px, 8vw, 36px) !important;
line-height: 1.05 !important;
}
} body.category-chroniques-de-la-prohibition :is(.fp-hero, .fp-page-hero, .fp-archive-hero, .archive-hero, .category-hero) :is(h1, .fp-hero__title, .fp-page-hero__title, .archive-title, .category-title),
body.category-the-french-gazette :is(.fp-hero, .fp-page-hero, .fp-archive-hero, .archive-hero, .category-hero) :is(h1, .fp-hero__title, .fp-page-hero__title, .archive-title, .category-title),
body.category-french-gazette :is(.fp-hero, .fp-page-hero, .fp-archive-hero, .archive-hero, .category-hero) :is(h1, .fp-hero__title, .fp-page-hero__title, .archive-title, .category-title),
body.category-chroniques-de-la-prohibition .fp-hero__title,
body.category-the-french-gazette .fp-hero__title,
body.category-french-gazette .fp-hero__title {
color: #f4ead7 !important;
-webkit-text-fill-color: #f4ead7 !important;
}
body.category-chroniques-de-la-prohibition :is(.fp-hero, .fp-page-hero, .fp-archive-hero, .archive-hero, .category-hero) :is(.fp-hero__lead, .fp-page-hero__lead, .fp-archive-hero__intro, .archive-description, .taxonomy-description, .category-description, p),
body.category-the-french-gazette :is(.fp-hero, .fp-page-hero, .fp-archive-hero, .archive-hero, .category-hero) :is(.fp-hero__lead, .fp-page-hero__lead, .fp-archive-hero__intro, .archive-description, .taxonomy-description, .category-description, p),
body.category-french-gazette :is(.fp-hero, .fp-page-hero, .fp-archive-hero, .archive-hero, .category-hero) :is(.fp-hero__lead, .fp-page-hero__lead, .fp-archive-hero__intro, .archive-description, .taxonomy-description, .category-description, p) {
color: rgba(244,234,215,.9) !important;
-webkit-text-fill-color: rgba(244,234,215,.9) !important;
} body.category .site-main h1,
body.category #main h1,
body.category main h1,
body.archive.category .entry-header h1,
body.category .archive-header h1,
body.category .category-header h1,
body.category .fp-global-design .fp-hero h1,
body.category .fp-global-design .fp-hero__title,
body.category .fp-global-design .archive-title,
body.category .fp-global-design .category-title {
color: #f4ead7 !important;
-webkit-text-fill-color: #f4ead7 !important;
opacity: 1 !important;
}
body.category :is(.fp-hero, .fp-page-hero, .fp-archive-hero, .archive-hero, .category-hero, .archive-header, .category-header) :is(p, .archive-description, .category-description, .taxonomy-description, .fp-hero__lead, .fp-archive-hero__intro),
body.category .fp-global-design :is(.archive-description, .taxonomy-description, .fp-archive-hero__intro) {
color: #f4ead7 !important;
-webkit-text-fill-color: #f4ead7 !important;
opacity: 1 !important;
} @media (min-width: 901px) {
html[lang^="en"] body.fp-home-v5-page .fpv42-chronicle {
grid-template-columns: minmax(0, 48%) minmax(0, 52%) !important;
}
}
html[lang^="en"] body.fp-home-v5-page .fpv42-chronicle > .fpv42-chronicle__picture {
display:block !important;
width:100% !important;
height:100% !important;
min-height:440px !important;
max-width:none !important;
margin:0 !important;
overflow:hidden !important;
}
html[lang^="en"] body.fp-home-v5-page .fpv42-chronicle > .fpv42-chronicle__picture > img {
display:block !important;
width:100% !important;
height:100% !important;
max-width:none !important;
object-fit:cover !important;
} @media (min-width: 901px) {
html[lang^="en"] body.fp-home-v5-page .fpv42-manhattan {
grid-template-columns:minmax(0,60%) minmax(0,40%) !important;
}
}
html[lang^="en"] body.fp-home-v5-page .fpv42-manhattan-cover {
display:flex !important;
justify-content:center !important;
align-items:flex-start !important;
min-height:660px !important;
overflow:visible !important;
}
html[lang^="en"] body.fp-home-v5-page .fpv42-manhattan-cover .mp-cover {
box-sizing:border-box !important;
flex:0 0 310px !important;
width:310px !important;
max-width:310px !important;
height:455px !important;
min-height:455px !important;
margin:0 !important;
transform:scale(1.44) !important;
transform-origin:center top !important;
} html[lang^="en"] body.fp-home-v5-page .fpv42-reclame-section--shared .fp-reclame-iso-breakout {
box-sizing:border-box !important;
position:relative !important;
left:0 !important;
right:auto !important;
width:100% !important;
max-width:100% !important;
margin:0 auto !important;
transform:none !important;
}
@media (max-width: 900px) {
html[lang^="en"] body.fp-home-v5-page .fpv42-chronicle {grid-template-columns:1fr !important;}
html[lang^="en"] body.fp-home-v5-page .fpv42-chronicle > .fpv42-chronicle__picture {height:360px !important;min-height:360px !important;}
html[lang^="en"] body.fp-home-v5-page .fpv42-manhattan {grid-template-columns:1fr !important;}
html[lang^="en"] body.fp-home-v5-page .fpv42-manhattan-cover {min-height:555px !important;}
html[lang^="en"] body.fp-home-v5-page .fpv42-manhattan-cover .mp-cover {
transform:scale(1.2) !important;
}
}
@media (max-width: 480px) {
html[lang^="en"] body.fp-home-v5-page .fpv42-manhattan-cover {min-height:455px !important;}
html[lang^="en"] body.fp-home-v5-page .fpv42-manhattan-cover .mp-cover {
transform:scale(1) !important;
}
} html[lang^="en"] body.fp-home-v5-page .fpv42-manhattan-cover .mp-cover .mp-cover__brand {
font-size: 21px !important;
line-height: 1.06 !important;
letter-spacing: .025em !important;
overflow-wrap: normal !important;
}
html[lang^="en"] body.fp-home-v5-page .fpv42-manhattan-cover .mp-cover .mp-cover__title,
html[lang^="en"] body.fp-home-v5-page .fpv42-manhattan-cover .mp-cover [class*="mp-cover__title--"] {
font-size: 26px !important;
line-height: 1.02 !important;
letter-spacing: 0 !important;
overflow-wrap: normal !important;
word-break: normal !important;
} html[lang^="en"] body.fp-home-v5-page .fpv42-manhattan-cover .mp-cover .mp-cover__cta {
display: none !important;
} html[lang^="en"] .mp-cover--minimal .mp-cover__inner--minimal {
display: grid !important;
grid-template-rows: auto 1fr !important;
align-items: stretch !important;
padding: 30px 34px 36px !important;
}
html[lang^="en"] .mp-cover--minimal .mp-cover__header {
min-width: 0 !important;
text-align: center !important;
}
html[lang^="en"] .mp-cover--minimal .mp-cover__brand {
font-size: clamp(1.3rem, 2.25vw, 2.15rem) !important;
line-height: 1.08 !important;
letter-spacing: .015em !important;
overflow-wrap: normal !important;
}
html[lang^="en"] .mp-cover--minimal .mp-cover__body {
align-self: end !important;
width: 100% !important;
max-width: 100% !important;
padding: 0 0 14px !important;
}
html[lang^="en"] .mp-cover--minimal .mp-cover__title {
max-width: 100% !important;
font-size: clamp(1.25rem, 2.1vw, 2.15rem) !important;
line-height: 1.05 !important;
text-align: center !important;
overflow-wrap: normal !important;
}
@media (max-width: 767px) {
html[lang^="en"] .mp-cover--minimal .mp-cover__brand {font-size: clamp(1.15rem, 5vw, 1.8rem) !important;}
html[lang^="en"] .mp-cover--minimal .mp-cover__title {font-size: clamp(1.1rem, 4.5vw, 1.7rem) !important;}
} @media (max-width: 767px) { #cmplz-cookiebanner-container .cmplz-cookiebanner {
position: fixed !important;
top: auto !important;
bottom: 10px !important;
left: 10px !important;
right: 10px !important;
width: auto !important;
max-width: none !important;
max-height: 55dvh !important;
overflow-y: auto !important;
padding: 15px 17px !important;
border: 1px solid #b89a61 !important;
border-radius: 12px !important;
background: #14243a !important;
color: #f5efe5 !important;
box-shadow: 0 8px 30px rgba(0,0,0,.24) !important;
z-index: 999999 !important;
} #cmplz-cookiebanner-container .cmplz-cookiebanner
.cmplz-header,
#cmplz-cookiebanner-container .cmplz-cookiebanner
.cmplz-body {
margin: 0 !important;
padding: 0 !important;
} #cmplz-cookiebanner-container .cmplz-cookiebanner
.cmplz-title {
color: #e3c58d !important;
font-family: Georgia, serif !important;
font-size: 19px !important;
line-height: 1.15 !important;
margin-bottom: 7px !important;
} #cmplz-cookiebanner-container .cmplz-cookiebanner
.cmplz-message {
color: #f5efe5 !important;
font-family: Arial, sans-serif !important;
font-size: 12px !important;
line-height: 1.45 !important;
margin: 0 0 10px !important;
} #cmplz-cookiebanner-container .cmplz-cookiebanner
.cmplz-buttons {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 7px !important;
margin: 0 !important;
} #cmplz-cookiebanner-container .cmplz-cookiebanner
.cmplz-buttons .cmplz-btn {
min-width: 0 !important;
width: 100% !important;
min-height: 38px !important;
padding: 8px 6px !important;
margin: 0 !important;
border-radius: 5px !important;
font-family: Arial, sans-serif !important;
font-size: 12px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
white-space: normal !important;
box-shadow: none !important;
} #cmplz-cookiebanner-container .cmplz-cookiebanner
.cmplz-accept {
background: #d5b77d !important;
border: 1px solid #d5b77d !important;
color: #14243a !important;
} #cmplz-cookiebanner-container .cmplz-cookiebanner
.cmplz-deny {
background: transparent !important;
border: 1px solid #d5b77d !important;
color: #f5efe5 !important;
} #cmplz-cookiebanner-container .cmplz-cookiebanner
.cmplz-view-preferences {
grid-column: 1 / -1 !important;
min-height: 32px !important;
background: transparent !important;
border: 0 !important;
color: #e3c58d !important;
text-decoration: underline !important;
} #cmplz-cookiebanner-container .cmplz-cookiebanner
a {
color: #e3c58d !important;
} #cmplz-cookiebanner-container .cmplz-cookiebanner
.cmplz-close {
color: #f5efe5 !important;
opacity: 1 !important;
}
}
@media (max-width: 767px) {
.fp-english-interest,
.fp-english-interest-wrap,
.fp-english-edition-interest {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
height: auto !important;
max-height: none !important;
}
} body.fpfg-french-gazette .fpfg-paper {
box-sizing: border-box;
width: min(1120px, 100%);
max-width: 1120px;
margin-inline: auto;
}
body.fpfg-french-gazette .fpfg-paper *,
body.fpfg-french-gazette .fpfg-paper *::before,
body.fpfg-french-gazette .fpfg-paper *::after { box-sizing: border-box; } body.fpfg-french-gazette .fpfg-headline { text-align: center; margin: 24px auto 28px; }
body.fpfg-french-gazette .fpfg-headline .fpfg-title {
font-family: 'Limelight', 'Market Deco', Georgia, serif !important;
font-size: clamp(28px, 4.2vw, 58px) !important;
font-weight: 400 !important;
line-height: 1.12 !important;
letter-spacing: .015em;
text-transform: uppercase;
overflow-wrap: break-word;
margin: 0 auto !important;
max-width: 100%;
} body.fpfg-french-gazette .fpfg-hero {
width: min(100%, 760px);
max-width: 760px;
margin: 0 auto 28px !important;
padding: 0;
text-align: center;
}
body.fpfg-french-gazette .fpfg-hero img,
body.fpfg-french-gazette img.fpfg-hero__image {
display: block;
width: auto !important;
max-width: 100% !important;
height: auto !important;
max-height: 520px;
object-fit: contain;
margin: 0 auto;
} body.fpfg-french-gazette .fpfg-lead {
max-width: 850px;
margin: 0 auto 34px;
text-align: center;
}
body.fpfg-french-gazette .fpfg-lead h2 {
font-size: clamp(22px, 2.7vw, 32px);
line-height: 1.25;
margin: 0 0 12px;
}
body.fpfg-french-gazette .fpfg-lead p {
font-size: clamp(17px, 1.7vw, 20px);
line-height: 1.65;
margin: 0;
} body.fpfg-french-gazette .fpfg-v29-layout {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 26px 24px;
width: 100%;
align-items: stretch;
}
body.fpfg-french-gazette .fpfg-v29-cell {
display: flex;
flex-direction: column;
min-width: 0;
min-height: 500px;
overflow-wrap: break-word;
}
body.fpfg-french-gazette .fpfg-v29-text { min-width: 0; margin-bottom: 14px; }
body.fpfg-french-gazette .fpfg-v29-text p { margin: 0 0 12px; line-height: 1.55; }
body.fpfg-french-gazette .fpfg-v29-text h2,
body.fpfg-french-gazette .fpfg-v29-text h3 { margin: 0 0 10px; }
body.fpfg-french-gazette .fpfg-v29-ad { min-width: 0; margin-block: 8px; }
body.fpfg-french-gazette .fpfg-v29-ad .fpfg-card-link,
body.fpfg-french-gazette .fpfg-v29-ad .fpfg-ad {
display: block;
max-width: 100%;
} body.fpfg-french-gazette .fpfg-v29-ad .fpfg-ad {
min-height: var(--fpfg-v29-ad-height, 200px);
height: auto;
} body.fpfg-french-gazette .fpfg-v27-source:not([data-v29-done='1']) {
display: block;
}
body.fpfg-french-gazette .fpfg-v27-source:not([data-v29-done='1']) > .fpfg-v27-source-item {
margin-bottom: 16px;
}
@media (max-width: 900px) {
body.fpfg-french-gazette .fpfg-v29-layout {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px;
}
body.fpfg-french-gazette .fpfg-v29-cell { min-height: 0; }
}
@media (max-width: 600px) {
body.fpfg-french-gazette .fpfg-paper { width: 100%; }
body.fpfg-french-gazette .fpfg-headline .fpfg-title { font-size: clamp(25px, 7vw, 37px) !important; }
body.fpfg-french-gazette .fpfg-hero img,
body.fpfg-french-gazette img.fpfg-hero__image { max-height: 380px; }
body.fpfg-french-gazette .fpfg-v29-layout { grid-template-columns: minmax(0, 1fr); }
}