/*
Theme Name: bravo-autos
Theme URI: 
Author:
Author URI:
Description: Wordpress Theme
Version: 1.0
*/

/*
Document
========
*/
/**
Use a better box model (opinionated).
*/
*,
::before,
::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  /* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */
  -webkit-text-size-adjust: 100%;
  /* 2. Prevent adjustments of font size after orientation changes in iOS. */
  tab-size: 4;
  /* 3. Use a more readable tab size (opinionated). */
}
/*
Text-level semantics
====================
*/
/**
Add the correct font weight in Chrome and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
Tabular data
============
*/
/**
Correct table border color inheritance in Chrome and Safari. (https://issues.chromium.org/issues/40615503, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/
table {
  border-color: currentcolor;
}
/*
Forms
=====
*/
/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}
/**
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/**
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/*
Interactive
===========
*/
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
@font-face {
  font-family: 'DM Sans';
  src: url('fonts/dm-sans-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans';
  src: url('fonts/dm-sans-500.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans';
  src: url('fonts/dm-sans-700.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Syne';
  src: url('fonts/syne-700.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Syne';
  src: url('fonts/syne-800.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
html {
  --admin-offset: 32px;
  --header-height: 114px;
  --text-margin: 26px 0;
  --content-width: 1248px;
  --content-max-width: 100% - 80px;
  --font-size: 1.6rem;
  --font-size-big: 1.8rem;
  --line-height: 1.45;
  --line-height-big: 1.35;
  --section-gap: 96px;
  --h1-font-size: clamp(4rem, 8.5vw, 10.2rem);
  --h2-font-size: clamp(3rem, 3.5vw, 4rem);
  --h3-font-size: clamp(2.2rem, 2.4vw, 2.3rem);
  --h4-font-size: clamp(2rem, 2.4vw, 2rem);
  --h5-font-size: var(--font-size-big);
  --h6-font-size: var(--font-size);
  --h1-line-height: 0.88;
  --h2-line-height: 1.1;
  --h3-line-height: 1.1;
  --h4-line-height: 1.1;
  --h5-line-height: 1.1;
  --h6-line-height: 1.1;
  --h1-margin: 70px 0 65px;
  --h2-margin: 70px 0 65px;
  --h3-margin: 50px 0 32px;
  --h4-margin: 40px 0 26px;
  --h5-margin: 30px 0 26px;
  --h6-margin: 30px 0 26px;
  --letter-spacing: 0.02em;
  --button-bg: #eef3f7;
  --button-bg-hover: #001F62;
  --button-color: #001F62;
  --button-color-hover: #fff;
  --button-border-color: #E5E9EB;
  --button-border-color-hover: transparent;
}
body::selection {
  background: #001F62;
  color: #fff;
}
img::selection,
iframe::selection,
video::selection {
  background: rgba(0, 18, 57, 0.5);
  color: #fff;
}
.quote_wrap::selection,
.main_footer::selection,
.quote_wrap img::selection,
.main_footer img::selection,
.quote_wrap iframe::selection,
.main_footer iframe::selection,
.quote_wrap video::selection,
.main_footer video::selection {
  background: #fff;
  color: #001F62;
}
html {
  width: 100%;
  min-width: 320px;
  margin: 0;
  background: #fff;
  font-size: 62.5%;
  font-family: 'DM Sans', Arial, Helvetica, sans-serif;
  line-height: var(--line-height);
  color: #272A37;
  scroll-behavior: smooth;
}
.anchor {
  scroll-margin-top: var(--header-height);
}
body {
  font-size: var(--font-size);
  overflow-x: hidden;
}
body.menu_open {
  overflow: hidden;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
ul:first-child,
ol:first-child,
p:first-child,
table:first-child {
  margin-top: 0;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
ul:last-child,
ol:last-child,
p:last-child,
table:last-child {
  margin-bottom: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: var(--letter-spacing);
  font-family: 'Syne', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
h1 {
  margin: var(--h1-margin);
  font-size: var(--h1-font-size);
  line-height: var(--h1-line-height);
}
h2 {
  margin: var(--h2-margin);
  font-size: var(--h2-font-size);
  line-height: var(--h2-line-height);
}
h3 {
  margin: var(--h3-margin);
  font-size: var(--h3-font-size);
  line-height: var(--h3-line-height);
}
h4 {
  margin: var(--h4-margin);
  font-size: var(--h4-font-size);
  line-height: var(--h4-line-height);
}
h5 {
  margin: var(--h5-margin);
  font-size: var(--h5-font-size);
  line-height: var(--h5-line-height);
}
h6 {
  margin: var(--h6-margin);
  font-size: var(--h6-font-size);
  line-height: var(--h6-line-height);
}
table,
ul,
ol,
p {
  margin: var(--text-margin);
}
a {
  color: #001F62;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
.media_wrap {
  font-size: 0;
  line-height: 0;
}
.img_custom {
  object-fit: cover;
}
.img_custom.portrait {
  width: min(536px, 100%);
  aspect-ratio: 536 / 520;
  height: auto;
}
.img_custom.portrait_tall,
.img_custom.tall {
  width: min(454px, 100%);
  aspect-ratio: 454 / 606;
  height: auto;
}
.img_custom.portrait_tall {
  margin-left: auto;
}
.img_custom.wide {
  width: min(694px, 100%);
  aspect-ratio: 694 / 520;
  height: auto;
}
.img_custom.wide_short {
  width: min(535px, 100%);
  aspect-ratio: 535 / 260;
  height: auto;
}
.img_custom.cinematic {
  width: min(932px, 100%);
  aspect-ratio: 932 / 520;
  height: auto;
  grid-column: 1 / span 2;
  justify-self: center;
}
.img_custom.small_tall {
  width: min(300px, 100%);
  aspect-ratio: 300 / 400;
  height: auto;
  justify-self: center;
}
.img_custom.small_photo {
  width: min(535px, 100%);
  aspect-ratio: 535 / 285;
  height: auto;
}
button {
  outline: none;
  border: none;
  background: transparent;
}
.button {
  display: inline-flex;
  padding: 15px 32px 14px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--button-border-color);
  background: var(--button-bg);
  border-radius: 26px;
  color: var(--button-color);
  font-style: italic;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  line-height: 1.3;
  transition: background 0.12s;
}
.button:hover,
.button:active,
.button:focus {
  border-color: var(--button-border-color-hover);
  background: var(--button-bg-hover);
  color: var(--button-color-hover);
  text-decoration: none;
}
.button.disabled {
  background: #A3A2A2;
  border-color: transparent;
  pointer-events: none;
  color: #fff;
}
.button_white {
  --button-bg: #fff;
  --button-color: #272A37;
}
.button_dark {
  --button-bg: #001F62;
  --button-bg-hover: #001239;
  --button-color: #fff;
  --button-color-hover: #fff;
  --button-border-color: transparent;
}
.wrap_inner {
  width: min(var(--content-width), var(--content-max-width));
  margin: 0 auto;
  padding: var(--section-gap) 0;
}
.wrap_inner.type_bottom_small {
  padding-bottom: 50px;
}
video,
iframe,
img {
  max-width: 100%;
}
.hero_wrap {
  --text-margin: 22px 0;
  line-height: var(--line-height-big);
  font-size: var(--font-size-big);
  text-align: center;
}
.hero_wrap h1 {
  margin-top: -11px;
  margin-bottom: 36px;
  color: #001F62;
}
.hero_wrap .media_wrap {
  margin-bottom: min(50px, var(--section-gap) - 15px);
}
.hero_wrap .text_wrap {
  margin-inline: auto;
  width: min(932px, 100%);
}
.hero_wrap .text > *:not(:last-child) {
  margin-bottom: 22px;
}
.hero_wrap .hero_media {
  width: min(932px, 100%);
  aspect-ratio: 932 / 522;
  height: auto;
  margin: 0 auto;
  object-fit: cover;
}
.hero_wrap .additional_info {
  margin-top: 32px;
  font-style: italic;
}
.hero_wrap .hero_name {
  font-weight: 600;
}
.hero_wrap .hero_position {
  margin-top: 8px;
}
.story_wrap.story_blue {
  background: #eef3f7;
}
.story_wrap.story_blue .tag {
  background: #fff;
}
.story_wrap.story_blue .button {
  --button-bg: #fff;
  --button-color: #272A37;
}
.story_wrap.story_white {
  background: #fff;
}
.story_wrap.story_white .tag {
  background: #eef3f7;
}
.story_wrap .tag_wrap {
  display: flex;
  justify-content: flex-start;
}
.story_wrap .tag {
  margin-bottom: 32px;
  padding: 6px 18px;
  border-radius: 16px;
  font-style: italic;
}
.story_wrap .story_grid {
  display: grid;
  gap: calc(2 * var(--section-gap) - 67px) 20px;
}
.story_wrap .story_grid .text_wrap.type_first {
  grid-area: t1;
}
.story_wrap .story_grid .media_wrap.type_first {
  grid-area: m1;
}
.story_wrap .story_grid .text_wrap.type_second {
  grid-area: t2;
}
.story_wrap .story_grid .media_wrap.type_second {
  grid-area: m2;
}
.story_wrap .story_grid.type_1 {
  grid-template-areas: "t1 m1" "m2 t2";
}
.story_wrap .story_grid.type_2 {
  grid-template-areas: "m1 t1" "t2 m2";
}
.story_wrap .story_grid.type_3 {
  grid-template-areas: "t1 m1" "m2 m2";
}
.story_wrap .story_grid.type_4 {
  grid-template-areas: "m1 t1" "t2 m2";
}
.story_wrap .story_grid.type_5 {
  grid-template-areas: "t1 m1";
}
.story_wrap .story_grid.type_6 {
  grid-template-areas: "m1 t1";
}
.story_wrap .story_grid.type_7 {
  grid-template-areas: "m1 t1";
}
.story_wrap .story_grid.type_1 .text_wrap.type_first > *,
.story_wrap .story_grid.type_3 .text_wrap.type_first > *,
.story_wrap .story_grid.type_5 .text_wrap.type_first > * {
  max-width: min(537px,100% - 20px);
}
.story_wrap .story_grid.type_1 .text_wrap.type_second,
.story_wrap .story_grid.type_3 .text_wrap.type_second,
.story_wrap .story_grid.type_5 .text_wrap.type_second {
  align-items: flex-end;
}
.story_wrap .story_grid.type_1 .text_wrap.type_second > *,
.story_wrap .story_grid.type_3 .text_wrap.type_second > *,
.story_wrap .story_grid.type_5 .text_wrap.type_second > * {
  max-width: min(458px,100% - 20px);
  margin-left: auto;
}
.story_wrap .story_grid.type_2 .text_wrap.type_first > *,
.story_wrap .story_grid.type_6 .text_wrap.type_first > * {
  max-width: min(458px,100% - 20px);
  margin-left: auto;
}
.story_wrap .story_grid.type_2 .text_wrap.type_second > *,
.story_wrap .story_grid.type_6 .text_wrap.type_second > * {
  max-width: min(537px,100% - 20px);
}
.story_wrap .story_grid.type_2 .media_wrap.type_first img,
.story_wrap .story_grid.type_6 .media_wrap.type_first img {
  margin-right: auto;
}
.story_wrap .story_grid.type_2 .media_wrap.type_second img,
.story_wrap .story_grid.type_6 .media_wrap.type_second img {
  margin-left: auto;
}
.story_wrap .story_grid.type_4 .text_wrap.type_first > *,
.story_wrap .story_grid.type_7 .text_wrap.type_first > * {
  margin-left: auto;
  max-width: min(537px,100% - 20px);
}
.story_wrap .story_grid.type_4 .text_wrap.type_second > *,
.story_wrap .story_grid.type_7 .text_wrap.type_second > * {
  max-width: min(458px,100% - 20px);
}
.story_wrap .story_grid.type_4 .text_wrap.type_second h2,
.story_wrap .story_grid.type_7 .text_wrap.type_second h2 {
  max-width: min(458px,100% - 20px);
}
.story_wrap .story_grid.type_4 .media_wrap.type_first img,
.story_wrap .story_grid.type_7 .media_wrap.type_first img {
  margin-right: auto;
}
.story_wrap .story_grid.type_4 .media_wrap.type_second img,
.story_wrap .story_grid.type_7 .media_wrap.type_second img {
  margin-left: auto;
}
.story_wrap .story_grid.type_1,
.story_wrap .story_grid.type_5 {
  grid-template-columns: minmax(0, 694fr) minmax(0, 536fr);
}
.story_wrap .story_grid.type_2,
.story_wrap .story_grid.type_6 {
  grid-template-columns: minmax(0, 694fr) minmax(0, 536fr);
}
.story_wrap .story_grid.type_3 {
  grid-template-columns: minmax(0, 694fr) minmax(0, 536fr);
}
.story_wrap .story_grid.type_3 .media_wrap.type_second img {
  margin-inline: auto;
}
.story_wrap .story_grid.type_4,
.story_wrap .story_grid.type_7 {
  grid-template-columns: minmax(0, 536fr) minmax(0, 694fr);
}
.story_wrap .text_wrap.type_second {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.story_wrap .text_wrap.type_second > * {
  width: 100%;
}
.story_wrap .text_wrap .media_wrap:last-child:not(:only-child),
.story_wrap .text_wrap .additional_links:last-child:not(:only-child) {
  margin-top: auto;
  padding-top: min(50px, var(--section-gap) - 10px);
}
.story_wrap .media_wrap {
  display: flex;
}
.story_wrap .media_wrap.type_first {
  justify-content: flex-end;
}
.story_wrap .media_wrap img {
  margin-bottom: auto;
}
.button_row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.quote_wrap {
  background: #001F62;
}
.quote_wrap .wrap_inner {
  display: flex;
  gap: 20px 77px;
  color: #fff;
}
.quote_wrap .quote_label {
  width: 240px;
  margin-top: 23px;
}
.quote_wrap .blockquote_wrap {
  width: 1px;
  max-width: 774px;
  flex-grow: 1;
  margin-left: auto;
}
.quote_wrap blockquote {
  margin-bottom: 0;
  line-height: 1.3;
  font-family: 'Syne', Arial, Helvetica, sans-serif;
  letter-spacing: var(--letter-spacing);
  font-size: var(--h2-font-size);
  text-transform: uppercase;
}
.quote_wrap blockquote::before {
  content: '“';
}
.quote_wrap blockquote::after {
  content: '”';
}
.quote_wrap .quote_name {
  margin-top: min(50px, var(--section-gap) - 10px);
  font-size: var(--font-size-big);
  font-style: italic;
}
.main_header {
  --content-width: 1310px;
  position: sticky;
  top: 0;
  z-index: 10;
  background: #fff;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition: box-shadow 0.12s;
}
.admin-bar .main_header {
  top: var(--admin-offset);
}
.fixed_header .main_header {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
}
.main_header .main_header_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--header-height);
  padding: 0;
  margin: auto;
}
.main_header .logo {
  width: 98px;
  aspect-ratio: 98 / 25;
  font-size: 0;
  line-height: 0;
}
.main_header .logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: 0 center;
}
.main_nav ul {
  display: flex;
  align-items: center;
  margin: 0;
  list-style-type: none;
}
.main_nav .link {
  position: relative;
  padding: 10px 20px;
  font-size: 1.6rem;
  text-decoration: none;
}
.main_nav .link:hover span::before,
.main_nav .link.active span::before {
  width: 100%;
}
.main_nav .link span {
  position: relative;
}
.main_nav .link span::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  background: #001F62;
  transition: width 0.12s;
}
.main_nav .button_wrap {
  margin-left: 20px;
}
.main_nav .button_wrap + .button_wrap {
  margin-left: 12px;
}
.mobile_actions {
  display: none;
}
.main_footer {
  background: #001F62;
  color: #fff;
}
.main_footer .footer_top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 120px;
}
.main_footer .footer_label {
  padding-right: 20px;
  font-size: var(--font-size-big);
}
.main_footer .footer_menus {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px 98px;
  padding-top: 5px;
}
.main_footer .footer_menu {
  min-width: 140px;
}
.main_footer .footer_menu .footer_menu_title {
  margin: 0 0 4px;
  font-size: 1.8rem;
  font-family: 'DM Sans', Arial, Helvetica, sans-serif;
  text-transform: none;
  font-weight: 500;
}
.main_footer .footer_menu ul {
  margin: 0;
  list-style-type: none;
}
.main_footer .footer_menu li:not(:last-child) {
  margin-bottom: 3px;
}
.main_footer .footer_menu a {
  display: block;
  color: #fff;
  text-decoration: none;
}
.main_footer .footer_menu a:hover span::before,
.main_footer .footer_menu a.active span::before {
  width: 100%;
}
.main_footer .footer_menu a span {
  position: relative;
}
.main_footer .footer_menu a span::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  background: currentColor;
  transition: width 0.12s;
}
.main_footer .footer_logo img {
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 4rem;
}
@media (max-width: 1200px) {
  html {
    --section-gap: 70px;
    --header-height: 90px;
  }
  .button {
    padding: 11px 20px 10px;
  }
  .main_nav .link {
    padding-inline: 15px;
  }
  .main_nav .button_wrap {
    margin-left: 10px;
  }
  .main_nav .button_wrap + .button_wrap {
    margin-left: 10px;
  }
}
@media (max-width: 1000px) {
  html {
    --header-height: 70px;
    --h1-margin: 50px 0 45px;
    --h2-margin: 50px 0 45px;
    --h3-margin: 40px 0 26px;
    --h4-margin: 30px 0 26px;
    --h5-margin: 26px 0 26px;
    --h6-margin: 26px 0 26px;
  }
  .mobile_actions {
    display: flex;
    align-items: center;
    gap: 16px;
  }
  .menu_toggle {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 0;
    padding: 0;
  }
  .menu_open .menu_toggle span:nth-child(1) {
    top: 19px;
    rotate: 45deg;
  }
  .menu_open .menu_toggle span:nth-child(2) {
    opacity: 0;
  }
  .menu_open .menu_toggle span:nth-child(3) {
    bottom: 19px;
    rotate: -45deg;
  }
  .menu_toggle span {
    position: absolute;
    left: 0;
    right: 0;
    width: 30px;
    height: 2px;
    margin-inline: auto;
    background: #001F62;
    transition: 0.12s;
  }
  .menu_toggle span:nth-child(1) {
    top: 10px;
    rotate: 0;
  }
  .menu_toggle span:nth-child(2) {
    top: 0;
    bottom: 0;
    margin-block: auto;
  }
  .menu_toggle span:nth-child(3) {
    bottom: 10px;
    rotate: 0;
  }
  .main_nav {
    position: fixed;
    z-index: 100;
    top: calc(var(--header-height) + var(--admin-offset));
    left: 0;
    bottom: 0;
    width: 100%;
    margin: auto;
    background: #fff;
    opacity: 0;
    translate: 50% 0;
    pointer-events: none;
    transition: all 0.3s;
  }
  .menu_open .main_nav {
    translate: 0 0;
    opacity: 1;
    pointer-events: all;
  }
  .main_nav ul {
    flex-direction: column;
    justify-content: center;
    height: 100%;
  }
  .main_nav .language {
    display: none;
  }
  .main_nav li {
    margin: 24px 0;
  }
  .main_nav .link {
    font-size: 2.4rem;
  }
  .main_nav .button {
    padding: 15px 35px 14px;
  }
  .button_row .button {
    width: 100%;
  }
  .quote_wrap .wrap_inner {
    display: block;
  }
  .quote_wrap .quote_label {
    width: 100%;
    margin-top: 0;
  }
  .quote_wrap .blockquote_wrap {
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 782px) {
  html {
    --admin-offset: 46px;
  }
}
@media (max-width: 730px) {
  html {
    --content-max-width: 100% - 40px;
    --section-gap: 50px;
    --h1-margin: 46px 0 32px;
    --h2-margin: 46px 0 32px;
    --h3-margin: 38px 0 26px;
    --h4-margin: 30px 0 26px;
    --h5-margin: 26px 0 26px;
    --h6-margin: 26px 0 26px;
  }
  .hide_in_respo {
    display: none !important;
  }
  .img_custom:nth-child(n) {
    width: min(694px, 100%);
    aspect-ratio: 694 / 520;
  }
  .story_wrap .story_grid:nth-child(n) {
    display: flex;
    flex-direction: column;
  }
  .story_wrap .story_grid:nth-child(n) > * {
    width: 100%;
  }
  .story_wrap .story_grid:nth-child(n) .text_wrap:nth-child(n) > * {
    max-width: 100%;
  }
  .story_wrap .story_grid:nth-child(n) .media_wrap {
    justify-content: center;
  }
  .story_wrap .story_grid:nth-child(n) .media_wrap img {
    margin: auto;
  }
  .quote_wrap .wrap_inner {
    display: block;
  }
  .quote_wrap .quote_label {
    width: 100%;
    margin-top: 0;
  }
  .quote_wrap blockquote {
    width: 100%;
    font-size: 2.4rem;
  }
  .main_footer .footer_top {
    display: block;
    margin-bottom: 90px;
  }
  .main_footer .footer_label {
    padding-right: 0;
    margin-bottom: 48px;
  }
  .main_footer .footer_menus {
    gap: 32px;
  }
}
@media (max-width: 600px) {
  html {
    --admin-offset: 0px;
  }
  .admin-bar:not(.fixed_header) .main_nav {
    top: calc(var(--header-height) + 46px);
  }
}
@media (max-width: 500px) {
  .main_nav li li {
    margin: 16px 0;
  }
  .main_nav li .link {
    font-size: 2.2rem;
  }
}