/* Fonts */
/* latin */
@font-face {
    font-family: 'Gupter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/fonts/Gupter.woff2) format('woff2');
}
/* latin */
@font-face {
    font-family: 'Gupter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/fonts/GupterMedium.woff2) format('woff2');
}
/* latin */
@font-face {
    font-family: 'Gupter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/fonts/GupterBold.woff2) format('woff2');
}
/* latin-ext */
@font-face {
    font-family: 'Kameron';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url(/fonts/KameronExt.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Kameron';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url(/fonts/Kameron.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Base */
* {
    box-sizing: border-box;
}
body {
    margin: 0;
}
/* Components */
.c-bandeau {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
}
.c-plaque {
  width: 80%;
  max-width: 500px;
  margin: 5% auto 5% 5%;
  aspect-ratio: 1/2;

  color: #4f343c;
  font-family: 'Kameron', serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  line-height: 1.2;

  filter: drop-shadow(0 0 20px rgba(0, 0, 0, 1));
  container-type: size;
}
.c-plaque--right {
  margin: 5% 5% 5% auto;
}
@media (max-width: 720px) {
  .c-plaque {
    margin: 30% auto 0;
  }
}
@media (max-width: 480px) {
  .c-plaque {
    width: 95%;
    margin: 35% auto 0;
  }
}
.c-plaque__inner {
  display: flex;
  flex-direction: column;
  gap: 10cqw;
  padding: 10cqw 5cqw;

  position: relative;
  width: 100%;
  min-height: 100%;
}
.c-plaque__inner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 125%;
  z-index: -1;
  border-radius: 10% / 5%;
  background: radial-gradient(ellipse at 100% 20%, #f1ddb0, #f1ddb000 50%),
    linear-gradient(to bottom right, #878070, #a57b55);
}
.c-plaque__title {
  padding: 0 3cqw;
  margin: 0;

  font-size: 8cqw;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
}
.c-plaque__content {
  display: flex;
  flex-direction: column;
  gap: 5cqw;
  padding: 0 5cqw;

  color: #0008;
  font-family: "Gupter", serif;
  font-size: 3.5cqw;
  font-weight: 700;
  text-shadow: -1px 1px 0px rgba(180, 180, 180, 0.3);
  letter-spacing: -0.15cqw;
}
.c-plaque__content--english {
  font-style: italic;
  text-align: right;
}
.c-plaque__place {
  margin: 0;

  font-size: 5cqw;
}
.c-plaque__description {
  margin: 0;
}
.c-plaque__footer img {
  width: 25cqw;
  display: block;
  margin: auto;
  opacity: 0.6;
  margin-bottom: 2cqw;
  filter: drop-shadow(-1px 1px 0px rgba(180, 180, 180, 0.6));
  opacity: 0.5;
}
.c-plaque__footer {
  padding-top: 20cqw;
  margin-top: auto;
  text-align: center;
  background-color: #000a;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font-size: 6cqw;
  letter-spacing: 1px;
  font-variant: small-caps;
  text-align: center;
  text-shadow: -1px 1px 0px rgba(180, 180, 180, 0.2);
  white-space: nowrap;
}
.c-plaque__inner::before,
.c-plaque__content {
  transform-origin: top center;
  transform: perspective(500cqw) rotateX(-20deg);
}
/* Utils */
.u-txt-engraved {
    background-color: #000a;
    background-clip: text;
    -webkit-background-clip: text;

    color: transparent;
    text-shadow: -1px 1px 0 rgba(180, 180, 180, 0.3);
}
.u-txt-right {
    text-align: right;
}