@charset "UTF-8";
@font-face {
  font-family: 'paramount';
  src: url("/fonts/paramount.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/Open-Sans.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Marcellus Regular';
  src: url("/fonts/Marcellus-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Arial';
  src: url("/fonts/arial.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Arial';
  src: url("/fonts/arialbd.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Times New Roman';
  src: url("/fonts/Times New Roman.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Times New Roman';
  src: url("/fonts/Times New Roman Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Tahoma';
  src: url("/fonts/Tahoma.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Tahoma';
  src: url("/fonts/Tahoma Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'PT Serif';
  src: url("/fonts/PT_Serif-Web-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Academy Engraved LET';
  src: url("/fonts/Academy Engraved LET Fonts.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Ivar Headline';
  src: url("/fonts/IvarHeadline-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

body {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }

.navigation a, .navigation span {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }

h1, h2 {
  font-family: "Marcellus Regular", serif;
  font-weight: normal;
  font-style: normal; }

h1 {
  font-size: 2.5rem;
  line-height: 1.2;
  margin-bottom: 1rem; }

h2 {
  font-size: 2rem;
  line-height: 1.3;
  margin-bottom: 0.8rem; }

body {
  color: #212121;
  background-color: #F6EFE9 !important;
  -webkit-background-color: #F6EFE9; }
  body.colorscheme-dark {
    color: #dadada;
    background-color: #1A1A1A !important;
    -webkit-background-color: #1A1A1A; }

.content {
  background-color: #F6EFE9 !important;
  -webkit-background-color: #F6EFE9;
  background: #F6EFE9 !important; }

body.colorscheme-dark .content {
  background-color: #1A1A1A !important;
  -webkit-background-color: #1A1A1A;
  background: #1A1A1A !important; }

body.colorscheme-light .content,
body:not(.colorscheme-dark):not(.colorscheme-auto) .content,
body.colorscheme-light.product-layout .content,
body.product-layout:not(.colorscheme-dark):not(.colorscheme-auto) .content {
  background-color: #F6EFE9 !important;
  -webkit-background-color: #F6EFE9 !important;
  background: #F6EFE9 !important; }

@media (prefers-color-scheme: dark) {
  body.colorscheme-auto {
    color: #dadada;
    background-color: #1A1A1A !important;
    -webkit-background-color: #1A1A1A; }
    body.colorscheme-auto .content {
      background-color: #1A1A1A !important;
      -webkit-background-color: #1A1A1A; } }

.container {
  background-color: #F6EFE9;
  -webkit-background-color: #F6EFE9; }

body.colorscheme-dark .container {
  background-color: #1A1A1A;
  -webkit-background-color: #1A1A1A; }

@media (prefers-color-scheme: dark) {
  body.colorscheme-auto .container {
    background-color: #1A1A1A;
    -webkit-background-color: #1A1A1A; } }

.wrapper {
  background-color: #F6EFE9;
  -webkit-background-color: #F6EFE9; }

body.colorscheme-dark .wrapper {
  background-color: #1A1A1A;
  -webkit-background-color: #1A1A1A; }

@media (prefers-color-scheme: dark) {
  body.colorscheme-auto .wrapper {
    background-color: #1A1A1A;
    -webkit-background-color: #1A1A1A; } }

.footer {
  font-size: 0.75rem;
  opacity: 0.7; }
  .footer a {
    font-size: inherit;
    opacity: 0.8; }
    .footer a:hover {
      opacity: 1; }

.gallery-featured {
  margin: 2rem 0;
  text-align: center; }
  .gallery-featured .gallery-featured-image {
    max-width: 100%;
    height: auto;
    border-radius: 1rem;
    border: 1px solid #e0e0e0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease; }
    .gallery-featured .gallery-featured-image:hover {
      transform: scale(1.02); }

.tabgroup {
  margin: 2rem 0; }
  .tabgroup .tab .gallery-grid {
    margin-top: 1rem; }

.gallery-tabs {
  display: flex;
  flex-wrap: wrap;
  margin: 2rem 0;
  position: relative; }
  .gallery-tabs .gallery-tab-input {
    display: none; }
  .gallery-tabs .gallery-tab-label {
    background-color: #e0e0e0;
    border-color: #ccc;
    border-radius: 0.6rem 0.6rem 0 0;
    border-style: solid;
    border-bottom-style: hidden;
    border-width: 1px;
    cursor: pointer;
    display: inline-block;
    order: 1;
    padding: 0.5rem 1rem;
    position: relative;
    top: 1px;
    user-select: none;
    transition: all 0.3s ease; }
    .gallery-tabs .gallery-tab-label:hover {
      background-color: #ccc; }
  .gallery-tabs .gallery-tab-input:checked + .gallery-tab-label {
    background-color: #F6EFE9; }
  .gallery-tabs .gallery-tab-content {
    background-color: #F6EFE9;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px;
    display: none;
    order: 2;
    padding: 1rem;
    width: 100%;
    border-radius: 0 0 0.6rem 0.6rem; }

.gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-top: 2rem; }

.gallery-card {
  background: #F6EFE9;
  border: 1px solid #e0e0e0;
  border-radius: 1rem;
  overflow: hidden;
  padding: 1rem;
  margin-bottom: 1rem;
  transition: transform 0.3s ease; }
  .gallery-card:hover {
    transform: translateY(-2px);
    border-color: #ccc; }
  .gallery-card.gallery-card-flip-enabled {
    perspective: 1000px;
    position: relative; }
    .gallery-card.gallery-card-flip-enabled .gallery-card-image {
      transition: transform 0.6s ease, opacity 0.6s ease;
      transform-style: preserve-3d; }
    .gallery-card.gallery-card-flip-enabled .gallery-card-content {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #F6EFE9;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 1rem;
      opacity: 0;
      transform: rotateY(180deg);
      transition: transform 0.6s ease, opacity 0.6s ease;
      transform-style: preserve-3d;
      backface-visibility: hidden;
      border-radius: 0.5rem; }
    .gallery-card.gallery-card-flip-enabled.gallery-card-flipped .gallery-card-image {
      transform: rotateY(180deg);
      opacity: 0; }
    .gallery-card.gallery-card-flip-enabled.gallery-card-flipped .gallery-card-content {
      transform: rotateY(0deg);
      opacity: 1; }

.gallery-card-image {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1/1; }
  .gallery-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease; }
  .gallery-card-image:hover img {
    transform: scale(1.05); }

.gallery-card-content {
  padding: 1rem 0; }

.gallery-card-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0 0 0.5rem 0;
  color: #B8860B; }

.gallery-card-description {
  font-size: 0.9rem;
  color: #212121;
  margin: 0;
  line-height: 1.5; }

.gallery-empty {
  text-align: center;
  padding: 2rem;
  color: #212121; }
  .gallery-empty code {
    background: #e0e0e0;
    padding: 0.3rem 0.6rem;
    border-radius: 0.6rem;
    font-size: 0.9rem; }

body.colorscheme-dark .gallery-featured .gallery-featured-image {
  border-color: #424242; }

body.colorscheme-dark .gallery-tabs .gallery-tab-label {
  background-color: #424242;
  border-color: #4f4f4f; }
  body.colorscheme-dark .gallery-tabs .gallery-tab-label:hover {
    background-color: #4f4f4f; }

body.colorscheme-dark .gallery-tabs .gallery-tab-input:checked + .gallery-tab-label {
  background-color: #1A1A1A; }

body.colorscheme-dark .gallery-tabs .gallery-tab-content {
  background-color: #1A1A1A;
  border-color: #4f4f4f; }

body.colorscheme-dark .gallery-card {
  background: #1A1A1A;
  border-color: #424242; }
  body.colorscheme-dark .gallery-card:hover {
    border-color: #4f4f4f; }

body.colorscheme-dark .gallery-card.gallery-card-flip-enabled .gallery-card-content {
  background: #1A1A1A; }
  body.colorscheme-dark .gallery-card.gallery-card-flip-enabled .gallery-card-content .gallery-card-title {
    color: #D4A574; }
  body.colorscheme-dark .gallery-card.gallery-card-flip-enabled .gallery-card-content .gallery-card-description {
    color: #dadada; }

body.colorscheme-dark .gallery-card-title {
  color: #D4A574; }

body.colorscheme-dark .gallery-card-description {
  color: #dadada; }

body.colorscheme-dark .gallery-empty {
  color: #dadada; }
  body.colorscheme-dark .gallery-empty code {
    background: #424242; }

@media (prefers-color-scheme: dark) {
  body.colorscheme-auto .gallery-featured .gallery-featured-image {
    border-color: #424242; }
  body.colorscheme-auto .gallery-tabs .gallery-tab-label {
    background-color: #424242;
    border-color: #4f4f4f; }
    body.colorscheme-auto .gallery-tabs .gallery-tab-label:hover {
      background-color: #4f4f4f; }
  body.colorscheme-auto .gallery-tabs .gallery-tab-input:checked + .gallery-tab-label {
    background-color: #1A1A1A; }
  body.colorscheme-auto .gallery-tabs .gallery-tab-content {
    background-color: #1A1A1A;
    border-color: #4f4f4f; }
  body.colorscheme-auto .gallery-card {
    background: #1A1A1A;
    border-color: #424242; }
    body.colorscheme-auto .gallery-card:hover {
      border-color: #4f4f4f; }
  body.colorscheme-auto .gallery-card.gallery-card-flip-enabled .gallery-card-content {
    background: #1A1A1A; }
    body.colorscheme-auto .gallery-card.gallery-card-flip-enabled .gallery-card-content .gallery-card-title {
      color: #D4A574; }
    body.colorscheme-auto .gallery-card.gallery-card-flip-enabled .gallery-card-content .gallery-card-description {
      color: #dadada; }
  body.colorscheme-auto .gallery-card-title {
    color: #D4A574; }
  body.colorscheme-auto .gallery-card-description {
    color: #dadada; }
  body.colorscheme-auto .gallery-empty {
    color: #dadada; }
    body.colorscheme-auto .gallery-empty code {
      background: #424242; } }

@media (max-width: 768px) {
  .gallery-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem; }
  .gallery-card-content {
    padding: 0.5rem 0; } }

@media (max-width: 480px) {
  .gallery-grid {
    grid-template-columns: 1fr; } }

.product-layout {
  max-width: 120rem;
  margin: 0 auto;
  padding: 2rem;
  background: #F5F5F5 !important;
  -webkit-background-color: #F5F5F5;
  border-radius: 1rem; }
  @media only screen and (max-width: 768px) {
    .product-layout {
      padding: 1rem; } }
.best-buy-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  margin-top: 2rem;
  max-width: 120rem;
  margin: 2rem auto 0;
  padding: 2rem;
  background: #F5F5F5;
  border-radius: 1rem; }
  @media only screen and (max-width: 768px) {
    .best-buy-layout {
      grid-template-columns: 1fr;
      gap: 2rem;
      padding: 1.5rem; } }
body {
  background: #F6EFE9 !important;
  -webkit-background-color: #F6EFE9; }
  body.colorscheme-dark {
    background: #1A1A1A !important;
    -webkit-background-color: #1A1A1A; }
  @media (prefers-color-scheme: dark) {
    body.colorscheme-auto {
      background: #1A1A1A !important;
      -webkit-background-color: #1A1A1A; } }
body:not(.colorscheme-dark) {
  background: #F6EFE9 !important;
  -webkit-background-color: #F6EFE9; }

.product-images .main-image {
  margin-bottom: 1.5rem;
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }
  .product-images .main-image .product-main-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 0.5rem;
    transition: all 0.3s ease;
    transform: scale(1);
    display: block;
    min-width: 100%;
    min-height: 100%; }
    .product-images .main-image .product-main-image[data-scale-light] {
      --scale-light: attr(data-scale-light number); }
    .product-images .main-image .product-main-image[data-scale-dark] {
      --scale-dark: attr(data-scale-dark number); }
    .product-images .main-image .product-main-image.random-fading {
      opacity: 0.3;
      filter: blur(2px);
      transition: opacity 0.3s ease, filter 0.3s ease; }
    .product-images .main-image .product-main-image.random-tuning {
      opacity: 0.7;
      filter: blur(1px);
      transition: opacity 0.3s ease, filter 0.3s ease; }
    .product-images .main-image .product-main-image.random-finalizing {
      opacity: 1;
      filter: blur(0px);
      transition: opacity 0.3s ease, filter 0.3s ease; }

.product-images .thumbnail-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 1rem; }
  .product-images .thumbnail-grid .thumbnail {
    cursor: pointer;
    border-radius: 0.5rem;
    overflow: hidden;
    transition: all 0.3s ease;
    border: 0.75px solid #e0e0e0;
    aspect-ratio: 1 / 1;
    position: relative; }
    .product-images .thumbnail-grid .thumbnail:hover {
      border-color: #B8860B;
      border-width: 0.75px; }
    .product-images .thumbnail-grid .thumbnail.active {
      border-color: #B8860B;
      border-width: 0.75px;
      box-shadow: 0 0 0 2px #B8860B; }
    .product-images .thumbnail-grid .thumbnail .product-thumbnail {
      width: 110%;
      height: 110%;
      object-fit: contain;
      object-position: center;
      border: none;
      transition: all 0.3s ease;
      display: block;
      transform: scale(1.2);
      transform-origin: center; }
    .product-images .thumbnail-grid .thumbnail[data-fit="auto"] .product-thumbnail {
      object-fit: contain; }
    .product-images .thumbnail-grid .thumbnail[data-fit="horizontal"] .product-thumbnail {
      object-fit: cover;
      object-position: center; }
    .product-images .thumbnail-grid .thumbnail[data-fit="vertical"] .product-thumbnail {
      object-fit: cover;
      object-position: center; }

.product-info .product-header {
  margin-bottom: 2rem; }
  .product-info .product-header .product-title {
    font-size: 2.5rem;
    font-family: "Marcellus Regular", serif;
    font-weight: normal;
    color: #212121;
    margin-bottom: 1rem; }
  .product-info .product-header .product-price .price-amount {
    font-size: 2rem;
    font-weight: 700;
    color: #B8860B;
    display: block; }
  .product-info .product-header .product-price .price-note {
    font-size: 0.875rem;
    color: #000;
    font-style: italic; }

.product-options {
  margin-bottom: 2rem; }
  .product-options .option-group {
    margin-bottom: 1.5rem; }
    .product-options .option-group .option-label {
      display: block;
      font-weight: 600;
      color: #212121;
      margin-bottom: 0.75rem;
      font-size: 1rem; }
    .product-options .option-group .option-buttons {
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem; }
      .product-options .option-group .option-buttons .option-button {
        padding: 0.75rem 1.5rem;
        border: 2px solid #e0e0e0;
        background-color: #F6EFE9;
        color: #212121;
        border-radius: 0.5rem;
        font-size: 0.875rem;
        font-weight: 500;
        cursor: pointer;
        transition: all 0.2s ease;
        min-width: 80px;
        text-align: center; }
        .product-options .option-group .option-buttons .option-button:hover {
          border-color: #B8860B;
          background-color: rgba(184, 134, 11, 0.05); }
        .product-options .option-group .option-buttons .option-button.option-selected {
          background-color: #B8860B;
          color: white;
          border-color: #B8860B;
          box-shadow: 0 2px 8px rgba(184, 134, 11, 0.3); }

.quantity-selector {
  margin-bottom: 1.5rem; }
  .quantity-selector .quantity-controls {
    display: flex;
    align-items: center;
    gap: 0.5rem; }
    .quantity-selector .quantity-controls .quantity-btn {
      width: 40px;
      height: 40px;
      border: 2px solid #e0e0e0;
      background-color: #F6EFE9;
      color: #212121;
      border-radius: 0.25rem;
      font-size: 1.25rem;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.2s ease; }
      .quantity-selector .quantity-controls .quantity-btn:hover {
        border-color: #B8860B;
        background-color: rgba(184, 134, 11, 0.05); }
    .quantity-selector .quantity-controls .quantity-input {
      width: 80px;
      height: 40px;
      border: 2px solid #e0e0e0;
      background-color: #F6EFE9;
      color: #212121;
      border-radius: 0.25rem;
      text-align: center;
      font-size: 1rem;
      font-weight: 500; }
      .quantity-selector .quantity-controls .quantity-input:focus {
        outline: none;
        border-color: #B8860B;
        box-shadow: 0 0 0 2px rgba(184, 134, 11, 0.2); }

.product-actions {
  display: flex;
  gap: 1rem;
  margin-bottom: 2rem; }
  @media only screen and (max-width: 768px) {
    .product-actions {
      flex-direction: column; } }
  .product-actions .action-button {
    flex: 1;
    padding: 1rem 2rem;
    border: none;
    border-radius: 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px; }
    .product-actions .action-button.secondary {
      background-color: #e0e0e0;
      color: #212121; }
      .product-actions .action-button.secondary:hover {
        background-color: #ccc; }
    .product-actions .action-button.primary {
      background-color: #B8860B;
      color: white; }
      .product-actions .action-button.primary:hover {
        background-color: #886308;
        box-shadow: 0 4px 12px rgba(184, 134, 11, 0.3); }

.pickup-info {
  background-color: rgba(184, 134, 11, 0.05);
  border: 1px solid rgba(184, 134, 11, 0.2);
  border-radius: 0.5rem;
  padding: 1.5rem;
  margin-bottom: 2rem; }
  .pickup-info .pickup-status {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.5rem; }
    .pickup-info .pickup-status .pickup-icon {
      font-size: 1.25rem; }
    .pickup-info .pickup-status .pickup-text {
      font-weight: 600;
      color: #212121; }
  .pickup-info .pickup-note {
    color: #000;
    margin-bottom: 0.75rem;
    font-size: 0.875rem; }
  .pickup-info .pickup-link {
    color: #B8860B;
    text-decoration: none;
    font-weight: 500; }
    .pickup-info .pickup-link:hover {
      text-decoration: underline; }

.product-description {
  margin-bottom: 2rem; }
  .product-description h1, .product-description h2, .product-description h3, .product-description h4, .product-description h5, .product-description h6 {
    margin-top: 1.5rem;
    margin-bottom: 1rem; }
  .product-description p {
    line-height: 1.6;
    margin-bottom: 1rem; }
  .product-description ul, .product-description ol {
    margin-bottom: 1rem;
    padding-left: 1.5rem; }
  .product-description li {
    margin-bottom: 0.5rem; }
  .product-description strong {
    font-weight: 600; }

.product-links {
  margin-top: 3rem;
  padding-top: 2rem;
  padding-bottom: 10px;
  border-top: 1px solid rgba(33, 33, 33, 0.1); }
  .product-links .product-links-title {
    font-size: 1.25rem;
    font-weight: 500;
    color: #212121;
    margin-bottom: 1rem;
    opacity: 0.8; }
  .product-links .links-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.95rem; }
    .product-links .links-list .share-button,
    .product-links .links-list .datasheet-button,
    .product-links .links-list .copyright-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: transparent;
      color: #212121;
      padding: 0.35rem 0.8rem;
      border-radius: 0.5rem;
      font-size: 0.95rem;
      font-weight: 400;
      border: 1px solid rgba(33, 33, 33, 0.3);
      transition: all 0.2s ease;
      opacity: 0.8;
      line-height: 1.2;
      cursor: pointer;
      gap: 0.5rem;
      text-align: center; }
      .product-links .links-list .share-button:hover,
      .product-links .links-list .datasheet-button:hover,
      .product-links .links-list .copyright-button:hover {
        opacity: 1;
        border-color: rgba(184, 134, 11, 0.5);
        background: rgba(184, 134, 11, 0.08); }
    .product-links .links-list > a {
      color: #B8860B; }
      .product-links .links-list > a:hover, .product-links .links-list > a:focus-visible {
        color: #B8860B; }

body.colorscheme-dark .product-layout {
  background: #1E1E1E !important;
  -webkit-background-color: #1E1E1E; }
  body.colorscheme-dark .product-layout .product-header .product-title {
    color: #dadada; }
  body.colorscheme-dark .product-layout .product-header .product-price .price-amount {
    color: #D4A574; }
  body.colorscheme-dark .product-layout .product-header .product-price .price-note {
    color: #dadada; }
  body.colorscheme-dark .product-layout .product-content .product-description h1, body.colorscheme-dark .product-layout .product-content .product-description h2, body.colorscheme-dark .product-layout .product-content .product-description h3, body.colorscheme-dark .product-layout .product-content .product-description h4, body.colorscheme-dark .product-layout .product-content .product-description h5, body.colorscheme-dark .product-layout .product-content .product-description h6 {
    color: #dadada; }
  body.colorscheme-dark .product-layout .product-content .product-description p {
    color: #dadada; }
  body.colorscheme-dark .product-layout .product-content .product-description ul, body.colorscheme-dark .product-layout .product-content .product-description ol {
    color: #dadada; }
  body.colorscheme-dark .product-layout .product-content .product-description li {
    color: #dadada; }
  body.colorscheme-dark .product-layout .product-content .product-description strong {
    color: #dadada; }
  body.colorscheme-dark .product-layout .product-content .product-options .option-group .option-label {
    color: #dadada; }
  body.colorscheme-dark .product-layout .product-content .product-options .option-group .option-buttons .option-button {
    background: rgba(26, 26, 26, 0.1);
    border-color: rgba(218, 218, 218, 0.2);
    color: #dadada; }
    body.colorscheme-dark .product-layout .product-content .product-options .option-group .option-buttons .option-button:hover {
      background: rgba(212, 165, 116, 0.1);
      border-color: #D4A574; }
    body.colorscheme-dark .product-layout .product-content .product-options .option-group .option-buttons .option-button.option-selected-button {
      background: #D4A574;
      color: #1A1A1A;
      border-color: #D4A574; }
  body.colorscheme-dark .product-layout .product-content .product-actions .action-button.btn--primary {
    background: #D4A574;
    color: #1A1A1A; }
    body.colorscheme-dark .product-layout .product-content .product-actions .action-button.btn--primary:hover {
      background: #c88c4d; }
  body.colorscheme-dark .product-layout .product-content .product-actions .action-button.btn--secondary {
    background: rgba(26, 26, 26, 0.1);
    border-color: rgba(218, 218, 218, 0.2);
    color: #dadada; }
    body.colorscheme-dark .product-layout .product-content .product-actions .action-button.btn--secondary:hover {
      background: rgba(212, 165, 116, 0.1);
      border-color: #D4A574; }
  body.colorscheme-dark .product-layout .product-content .product-info .info-item .info-label {
    color: #dadada; }
  body.colorscheme-dark .product-layout .product-content .product-info .info-item .info-value {
    color: #dadada; }

body.colorscheme-dark .best-buy-layout {
  background: #1E1E1E; }
  body.colorscheme-dark .best-buy-layout .product-info .product-header .product-title {
    color: #dadada; }
  body.colorscheme-dark .best-buy-layout .product-info .product-header .product-price .price-amount {
    color: #dadada; }
  body.colorscheme-dark .best-buy-layout .product-info .product-header .product-price .price-note {
    color: #dadada; }
  body.colorscheme-dark .best-buy-layout .product-info .product-options .option-group .option-label {
    color: #dadada; }
  body.colorscheme-dark .best-buy-layout .product-info .product-options .option-group .option-buttons .option-button {
    border-color: #424242;
    color: #dadada; }
    body.colorscheme-dark .best-buy-layout .product-info .product-options .option-group .option-buttons .option-button:hover {
      border-color: #D4A574;
      color: #D4A574; }
    body.colorscheme-dark .best-buy-layout .product-info .product-options .option-group .option-buttons .option-button.option-selected {
      background-color: #dadada;
      color: #1A1A1A;
      border-color: #dadada; }
  body.colorscheme-dark .best-buy-layout .product-info .product-options .quantity-selector .quantity-controls .quantity-btn {
    border-color: #424242;
    color: #dadada; }
    body.colorscheme-dark .best-buy-layout .product-info .product-options .quantity-selector .quantity-controls .quantity-btn:hover {
      border-color: #D4A574;
      color: #D4A574; }
  body.colorscheme-dark .best-buy-layout .product-info .product-options .quantity-selector .quantity-controls .quantity-input {
    border-color: #424242;
    color: #dadada; }
    body.colorscheme-dark .best-buy-layout .product-info .product-options .quantity-selector .quantity-controls .quantity-input:focus {
      border-color: #D4A574; }
  body.colorscheme-dark .best-buy-layout .product-info .product-actions .action-button {
    border-color: #dadada; }
    body.colorscheme-dark .best-buy-layout .product-info .product-actions .action-button.secondary {
      color: #dadada; }
      body.colorscheme-dark .best-buy-layout .product-info .product-actions .action-button.secondary:hover {
        background-color: #dadada;
        color: #1A1A1A; }
    body.colorscheme-dark .best-buy-layout .product-info .product-actions .action-button.primary {
      background-color: #dadada;
      color: #1A1A1A; }
      body.colorscheme-dark .best-buy-layout .product-info .product-actions .action-button.primary:hover {
        background-color: #D4A574;
        border-color: #D4A574; }
  body.colorscheme-dark .best-buy-layout .product-info .pickup-info {
    background-color: #424242; }
    body.colorscheme-dark .best-buy-layout .product-info .pickup-info .pickup-status .pickup-text {
      color: #dadada; }
    body.colorscheme-dark .best-buy-layout .product-info .pickup-info .pickup-note {
      color: #dadada; }
    body.colorscheme-dark .best-buy-layout .product-info .pickup-info .pickup-link {
      color: #D4A574; }
  body.colorscheme-dark .best-buy-layout .product-info .product-description h2, body.colorscheme-dark .best-buy-layout .product-info .product-description h3 {
    color: #dadada; }
  body.colorscheme-dark .best-buy-layout .product-info .product-description p {
    color: #dadada; }
  body.colorscheme-dark .best-buy-layout .product-info .product-description strong {
    color: #dadada; }
  body.colorscheme-dark .best-buy-layout .product-info .product-description em {
    color: #dadada; }
  body.colorscheme-dark .best-buy-layout .product-info .product-footer .share-button,
  body.colorscheme-dark .best-buy-layout .product-info .product-footer .datasheet-button,
  body.colorscheme-dark .best-buy-layout .product-info .product-footer .copyright-button {
    color: #dadada;
    border-color: rgba(218, 218, 218, 0.2);
    opacity: 0.7; }
    body.colorscheme-dark .best-buy-layout .product-info .product-footer .share-button:hover,
    body.colorscheme-dark .best-buy-layout .product-info .product-footer .datasheet-button:hover,
    body.colorscheme-dark .best-buy-layout .product-info .product-footer .copyright-button:hover {
      border-color: rgba(212, 165, 116, 0.4);
      background: rgba(212, 165, 116, 0.05); }

body.colorscheme-dark .product-links {
  border-top: 1px solid rgba(218, 218, 218, 0.1); }
  body.colorscheme-dark .product-links .product-links-title {
    color: #dadada; }
  body.colorscheme-dark .product-links .links-list .share-button,
  body.colorscheme-dark .product-links .links-list .datasheet-button,
  body.colorscheme-dark .product-links .links-list .copyright-button {
    color: #dadada;
    border-color: rgba(218, 218, 218, 0.2);
    opacity: 0.7; }
    body.colorscheme-dark .product-links .links-list .share-button:hover,
    body.colorscheme-dark .product-links .links-list .datasheet-button:hover,
    body.colorscheme-dark .product-links .links-list .copyright-button:hover {
      border-color: rgba(212, 165, 116, 0.4);
      background: rgba(212, 165, 116, 0.05); }
  body.colorscheme-dark .product-links .links-list > a {
    color: #D4A574; }
    body.colorscheme-dark .product-links .links-list > a:hover, body.colorscheme-dark .product-links .links-list > a:focus-visible {
      color: #D4A574; }

@media (prefers-color-scheme: dark) {
  body.colorscheme-auto .product-layout {
    background: #1E1E1E !important;
    -webkit-background-color: #1E1E1E; }
    body.colorscheme-auto .product-layout .product-header .product-title {
      color: #dadada; }
    body.colorscheme-auto .product-layout .product-header .product-price .price-amount {
      color: #D4A574; }
    body.colorscheme-auto .product-layout .product-header .product-price .price-note {
      color: #dadada; }
    body.colorscheme-auto .product-layout .product-content .product-description h1, body.colorscheme-auto .product-layout .product-content .product-description h2, body.colorscheme-auto .product-layout .product-content .product-description h3, body.colorscheme-auto .product-layout .product-content .product-description h4, body.colorscheme-auto .product-layout .product-content .product-description h5, body.colorscheme-auto .product-layout .product-content .product-description h6 {
      color: #dadada; }
    body.colorscheme-auto .product-layout .product-content .product-description p {
      color: #dadada; }
    body.colorscheme-auto .product-layout .product-content .product-description ul, body.colorscheme-auto .product-layout .product-content .product-description ol {
      color: #dadada; }
    body.colorscheme-auto .product-layout .product-content .product-description li {
      color: #dadada; }
    body.colorscheme-auto .product-layout .product-content .product-description strong {
      color: #dadada; }
    body.colorscheme-auto .product-layout .product-content .product-options .option-group .option-label {
      color: #dadada; }
    body.colorscheme-auto .product-layout .product-content .product-options .option-group .option-buttons .option-button {
      background: rgba(26, 26, 26, 0.1);
      border-color: rgba(218, 218, 218, 0.2);
      color: #dadada; }
      body.colorscheme-auto .product-layout .product-content .product-options .option-group .option-buttons .option-button:hover {
        background: rgba(212, 165, 116, 0.1);
        border-color: #D4A574; }
      body.colorscheme-auto .product-layout .product-content .product-options .option-group .option-buttons .option-button.option-selected-button {
        background: #D4A574;
        color: #1A1A1A;
        border-color: #D4A574; }
    body.colorscheme-auto .product-layout .product-content .product-actions .action-button.btn--primary {
      background: #D4A574;
      color: #1A1A1A; }
      body.colorscheme-auto .product-layout .product-content .product-actions .action-button.btn--primary:hover {
        background: #c88c4d; }
    body.colorscheme-auto .product-layout .product-content .product-actions .action-button.btn--secondary {
      background: rgba(26, 26, 26, 0.1);
      border-color: rgba(218, 218, 218, 0.2);
      color: #dadada; }
      body.colorscheme-auto .product-layout .product-content .product-actions .action-button.btn--secondary:hover {
        background: rgba(212, 165, 116, 0.1);
        border-color: #D4A574; }
    body.colorscheme-auto .product-layout .product-content .product-info .info-item .info-label {
      color: #dadada; }
    body.colorscheme-auto .product-layout .product-content .product-info .info-item .info-value {
      color: #dadada; }
  body.colorscheme-auto .best-buy-layout {
    background: #1E1E1E; }
    body.colorscheme-auto .best-buy-layout .product-info .product-header .product-title {
      color: #dadada; }
    body.colorscheme-auto .best-buy-layout .product-info .product-header .product-price .price-amount {
      color: #dadada; }
    body.colorscheme-auto .best-buy-layout .product-info .product-header .product-price .price-note {
      color: #dadada; }
    body.colorscheme-auto .best-buy-layout .product-info .product-options .option-group .option-label {
      color: #dadada; }
    body.colorscheme-auto .best-buy-layout .product-info .product-options .option-group .option-buttons .option-button {
      border-color: #424242;
      color: #dadada; }
      body.colorscheme-auto .best-buy-layout .product-info .product-options .option-group .option-buttons .option-button:hover {
        border-color: #D4A574;
        color: #D4A574; }
      body.colorscheme-auto .best-buy-layout .product-info .product-options .option-group .option-buttons .option-button.option-selected {
        background-color: #dadada;
        color: #1A1A1A;
        border-color: #dadada; }
    body.colorscheme-auto .best-buy-layout .product-info .product-options .quantity-selector .quantity-controls .quantity-btn {
      border-color: #424242;
      color: #dadada; }
      body.colorscheme-auto .best-buy-layout .product-info .product-options .quantity-selector .quantity-controls .quantity-btn:hover {
        border-color: #D4A574;
        color: #D4A574; }
    body.colorscheme-auto .best-buy-layout .product-info .product-options .quantity-selector .quantity-controls .quantity-input {
      border-color: #424242;
      color: #dadada; }
      body.colorscheme-auto .best-buy-layout .product-info .product-options .quantity-selector .quantity-controls .quantity-input:focus {
        border-color: #D4A574; }
    body.colorscheme-auto .best-buy-layout .product-info .product-actions .action-button {
      border-color: #dadada; }
      body.colorscheme-auto .best-buy-layout .product-info .product-actions .action-button.secondary {
        color: #dadada; }
        body.colorscheme-auto .best-buy-layout .product-info .product-actions .action-button.secondary:hover {
          background-color: #dadada;
          color: #1A1A1A; }
      body.colorscheme-auto .best-buy-layout .product-info .product-actions .action-button.primary {
        background-color: #dadada;
        color: #1A1A1A; }
        body.colorscheme-auto .best-buy-layout .product-info .product-actions .action-button.primary:hover {
          background-color: #D4A574;
          border-color: #D4A574; }
    body.colorscheme-auto .best-buy-layout .product-info .pickup-info {
      background-color: #424242; }
      body.colorscheme-auto .best-buy-layout .product-info .pickup-info .pickup-status .pickup-text {
        color: #dadada; }
      body.colorscheme-auto .best-buy-layout .product-info .pickup-info .pickup-note {
        color: #dadada; }
      body.colorscheme-auto .best-buy-layout .product-info .pickup-info .pickup-link {
        color: #D4A574; }
    body.colorscheme-auto .best-buy-layout .product-info .product-description h2, body.colorscheme-auto .best-buy-layout .product-info .product-description h3 {
      color: #dadada; }
    body.colorscheme-auto .best-buy-layout .product-info .product-description p {
      color: #dadada; }
    body.colorscheme-auto .best-buy-layout .product-info .product-description strong {
      color: #dadada; }
    body.colorscheme-auto .best-buy-layout .product-info .product-description em {
      color: #dadada; }
    body.colorscheme-auto .best-buy-layout .product-info .product-footer .share-button,
    body.colorscheme-auto .best-buy-layout .product-info .product-footer .datasheet-button,
    body.colorscheme-auto .best-buy-layout .product-info .product-footer .copyright-button {
      color: #dadada;
      border-color: rgba(218, 218, 218, 0.2);
      opacity: 0.7; }
      body.colorscheme-auto .best-buy-layout .product-info .product-footer .share-button:hover,
      body.colorscheme-auto .best-buy-layout .product-info .product-footer .datasheet-button:hover,
      body.colorscheme-auto .best-buy-layout .product-info .product-footer .copyright-button:hover {
        border-color: rgba(212, 165, 116, 0.4);
        background: rgba(212, 165, 116, 0.05); }
  body.colorscheme-auto .product-links {
    border-top: 1px solid rgba(218, 218, 218, 0.1); }
    body.colorscheme-auto .product-links .product-links-title {
      color: #dadada; }
    body.colorscheme-auto .product-links .links-list .share-button,
    body.colorscheme-auto .product-links .links-list .datasheet-button,
    body.colorscheme-auto .product-links .links-list .copyright-button {
      color: #dadada;
      border-color: rgba(218, 218, 218, 0.2);
      opacity: 0.7; }
      body.colorscheme-auto .product-links .links-list .share-button:hover,
      body.colorscheme-auto .product-links .links-list .datasheet-button:hover,
      body.colorscheme-auto .product-links .links-list .copyright-button:hover {
        border-color: rgba(212, 165, 116, 0.4);
        background: rgba(212, 165, 116, 0.05); }
    body.colorscheme-auto .product-links .links-list > a {
      color: #D4A574; }
      body.colorscheme-auto .product-links .links-list > a:hover, body.colorscheme-auto .product-links .links-list > a:focus-visible {
        color: #D4A574; } }

.collection-header {
  margin-bottom: 4rem; }
  .collection-header .collection-hero {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 80rem;
    margin: 0 auto;
    gap: 3rem; }
    @media only screen and (max-width: 768px) {
      .collection-header .collection-hero {
        max-width: 100%;
        gap: 2rem; } }
  .collection-header .collection-hero-image {
    width: 100%;
    height: 36rem;
    position: relative;
    border-radius: 0.8rem;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(33, 33, 33, 0.1); }
    .collection-header .collection-hero-image .collection-main-image {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      display: block;
      transition: transform 0.3s ease; }
    .collection-header .collection-hero-image .collection-cover-image {
      opacity: 1;
      transition: opacity 0.3s ease; }
      .collection-header .collection-hero-image .collection-cover-image.fading {
        opacity: 0; }
    .collection-header .collection-hero-image:hover .collection-main-image {
      transform: scale(1.02); }
    @media only screen and (max-width: 768px) {
      .collection-header .collection-hero-image {
        height: 24rem; } }
  .collection-header .collection-hero-content {
    width: 100%;
    max-width: 60rem;
    padding: 2rem;
    text-align: center; }
    .collection-header .collection-hero-content .collection-title {
      font-size: 3.2rem;
      line-height: 3.6rem;
      font-family: "Marcellus Regular", serif;
      font-weight: normal;
      color: #000;
      margin-bottom: 2rem; }
      @media only screen and (max-width: 768px) {
        .collection-header .collection-hero-content .collection-title {
          font-size: 3rem;
          line-height: 3.4rem; } }
    .collection-header .collection-hero-content .collection-description {
      font-size: 1.6rem;
      line-height: 2.4rem;
      color: #212121;
      margin-bottom: 2rem;
      font-weight: 400; }
    .collection-header .collection-hero-content .collection-intro {
      font-size: 1.4rem;
      line-height: 2.2rem;
      color: #212121; }
      .collection-header .collection-hero-content .collection-intro p {
        margin-bottom: 1.5rem;
        text-align: left; }
      .collection-header .collection-hero-content .collection-intro h1, .collection-header .collection-hero-content .collection-intro h2, .collection-header .collection-hero-content .collection-intro h3, .collection-header .collection-hero-content .collection-intro h4, .collection-header .collection-hero-content .collection-intro h5, .collection-header .collection-hero-content .collection-intro h6 {
        color: #000;
        margin-top: 2rem;
        margin-bottom: 1rem; }
      .collection-header .collection-hero-content .collection-intro ul, .collection-header .collection-hero-content .collection-intro ol {
        margin-bottom: 1.5rem;
        padding-left: 2rem;
        text-align: left; }
      .collection-header .collection-hero-content .collection-intro li {
        margin-bottom: 0.5rem; }
      .collection-header .collection-hero-content .collection-intro strong {
        font-weight: 700; }

.collection-layout {
  max-width: 120rem;
  margin: 0 auto;
  padding: 2rem;
  background: #F5F5F5 !important;
  -webkit-background-color: #F5F5F5;
  border-radius: 1rem; }
  @media only screen and (max-width: 768px) {
    .collection-layout {
      padding: 1rem; } }
body.colorscheme-dark .collection-layout {
  background: #1E1E1E !important;
  -webkit-background-color: #1E1E1E; }

@media (prefers-color-scheme: dark) {
  body.colorscheme-auto .collection-layout {
    background: #1E1E1E !important;
    -webkit-background-color: #1E1E1E; } }

.collection-content .collection-intro {
  margin-bottom: 4rem; }
  .collection-content .collection-intro h1, .collection-content .collection-intro h2, .collection-content .collection-intro h3, .collection-content .collection-intro h4, .collection-content .collection-intro h5, .collection-content .collection-intro h6 {
    color: #212121;
    margin-top: 2rem;
    margin-bottom: 1rem; }
  .collection-content .collection-intro p {
    color: #212121;
    line-height: 1.7;
    margin-bottom: 1.5rem;
    font-size: 1.1rem; }
  .collection-content .collection-intro ul, .collection-content .collection-intro ol {
    color: #212121;
    margin-bottom: 1.5rem;
    padding-left: 2rem; }
  .collection-content .collection-intro li {
    margin-bottom: 0.5rem;
    color: #212121; }
  .collection-content .collection-intro strong {
    color: #212121;
    font-weight: 600; }

.collection-products {
  margin-bottom: 4rem; }
  .collection-products .products-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem; }
    @media only screen and (max-width: 1024px) {
      .collection-products .products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem; } }
    @media only screen and (max-width: 768px) {
      .collection-products .products-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem; } }
.product-card {
  background: #F6EFE9;
  border: 1px solid #e0e0e0;
  border-radius: 0.8rem;
  overflow: hidden;
  transition: all 0.3s ease;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  min-height: 40rem; }
  .product-card:hover {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 4px 15px rgba(33, 33, 33, 0.1);
    border-color: #B8860B;
    border-width: 0.5px; }
  .product-card .product-card-image {
    position: relative;
    height: 28rem;
    overflow: hidden;
    background: #F5F5F5; }
    .product-card .product-card-image .product-thumbnail {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.3s ease; }
    .product-card .product-card-image:hover .product-thumbnail {
      transform: scale(1.05); }
  .product-card .product-card-content {
    padding: 0.8rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex-grow: 0;
    min-height: auto; }
    .product-card .product-card-content .product-card-title {
      font-size: 1.4rem;
      font-weight: 600;
      color: #212121;
      margin-bottom: 0.3rem;
      line-height: 1.2; }
      .product-card .product-card-content .product-card-title a {
        color: inherit;
        text-decoration: none; }
        .product-card .product-card-content .product-card-title a:hover {
          color: #B8860B; }
    .product-card .product-card-content .product-card-price {
      font-size: 1.2rem;
      font-weight: 400;
      color: rgba(184, 134, 11, 0.7);
      line-height: 1.1;
      opacity: 0.8; }

.product-card-portrait {
  grid-column: span 1; }
  .product-card-portrait .product-card-image {
    height: 32rem; }
  .product-card-portrait .product-card-content .product-card-title {
    font-size: 1.6rem; }
  .product-card-portrait .product-card-content .product-card-price {
    font-size: 1.4rem; }

.product-card-squared {
  grid-column: span 2; }
  .product-card-squared .product-card-image {
    height: 40rem; }
  .product-card-squared .product-card-content .product-card-title {
    font-size: 1.8rem; }
  .product-card-squared .product-card-content .product-card-price {
    font-size: 1.6rem; }
  @media only screen and (max-width: 1024px) {
    .product-card-squared {
      grid-column: span 1; } }
.product-card-full {
  grid-column: 1 / -1; }
  .product-card-full .product-card-image {
    height: 36rem; }
  .product-card-full .product-card-content .product-card-title {
    font-size: 1.7rem; }
  .product-card-full .product-card-content .product-card-price {
    font-size: 1.5rem; }
  @media only screen and (max-width: 1024px) {
    .product-card-full {
      grid-column: span 1; } }
.collection-tags {
  margin-top: 3rem;
  padding-top: 2rem;
  padding-bottom: 10px;
  border-top: 1px solid rgba(33, 33, 33, 0.1); }
  .collection-tags .collection-tags-title {
    font-size: 1.25rem;
    font-weight: 500;
    color: #212121;
    margin-bottom: 1rem;
    opacity: 0.8; }
  .collection-tags .tags-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.95rem; }
    .collection-tags .tags-list .collection-tag {
      background: transparent;
      color: #212121;
      padding: 0.35rem 0.8rem;
      border-radius: 0.5rem;
      font-size: 0.95rem;
      font-weight: 400;
      border: 1px solid rgba(33, 33, 33, 0.2);
      transition: all 0.2s ease;
      cursor: default;
      opacity: 0.7;
      line-height: 1.2;
      text-align: center;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #212121;
      border-color: rgba(33, 33, 33, 0.3);
      opacity: 0.8; }
      .collection-tags .tags-list .collection-tag:hover {
        opacity: 1;
        border-color: rgba(184, 134, 11, 0.4);
        background: rgba(184, 134, 11, 0.05); }
      .collection-tags .tags-list .collection-tag:hover {
        border-color: rgba(184, 134, 11, 0.5);
        background: rgba(184, 134, 11, 0.08); }
      @media (prefers-color-scheme: dark) {
        .collection-tags .tags-list .collection-tag {
          color: #dadada;
          border-color: rgba(218, 218, 218, 0.2);
          opacity: 0.7; }
          .collection-tags .tags-list .collection-tag:hover {
            border-color: rgba(212, 165, 116, 0.4);
            background: rgba(212, 165, 116, 0.05); } }
      body.colorscheme-dark .collection-tags .tags-list .collection-tag {
        color: #dadada;
        border-color: rgba(218, 218, 218, 0.2);
        opacity: 0.7; }
        body.colorscheme-dark .collection-tags .tags-list .collection-tag:hover {
          border-color: rgba(212, 165, 116, 0.4);
          background: rgba(212, 165, 116, 0.05); }

@media only screen and (max-width: 1024px) {
  .collection-layout {
    padding: 1.5rem; }
  .collection-header .collection-hero {
    gap: 2rem; }
  .products-grid {
    grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr)); } }

@media only screen and (max-width: 768px) {
  .collection-layout {
    padding: 1rem; }
  .collection-header .collection-hero {
    grid-template-columns: 1fr;
    gap: 1.5rem; }
  .collection-hero-content {
    padding: 1rem !important; }
    .collection-hero-content .collection-title {
      font-size: 2rem; }
    .collection-hero-content .collection-description {
      font-size: 1rem; }
  .products-grid {
    grid-template-columns: 1fr; }
  .product-card .product-card-image {
    height: 15rem; } }

body.colorscheme-dark .collection-layout {
  background: #1E1E1E !important;
  -webkit-background-color: #1E1E1E; }
  body.colorscheme-dark .collection-layout .collection-header .collection-hero .collection-hero-image {
    box-shadow: 0 4px 20px rgba(218, 218, 218, 0.1); }
  body.colorscheme-dark .collection-layout .collection-header .collection-hero .collection-hero-content .collection-title {
    color: #dadada; }
  body.colorscheme-dark .collection-layout .collection-header .collection-hero .collection-hero-content .collection-description {
    color: #dadada; }
  body.colorscheme-dark .collection-layout .collection-header .collection-hero .collection-hero-content .collection-intro h1, body.colorscheme-dark .collection-layout .collection-header .collection-hero .collection-hero-content .collection-intro h2, body.colorscheme-dark .collection-layout .collection-header .collection-hero .collection-hero-content .collection-intro h3, body.colorscheme-dark .collection-layout .collection-header .collection-hero .collection-hero-content .collection-intro h4, body.colorscheme-dark .collection-layout .collection-header .collection-hero .collection-hero-content .collection-intro h5, body.colorscheme-dark .collection-layout .collection-header .collection-hero .collection-hero-content .collection-intro h6 {
    color: #dadada; }
  body.colorscheme-dark .collection-layout .collection-header .collection-hero .collection-hero-content .collection-intro p {
    color: #dadada; }
  body.colorscheme-dark .collection-layout .collection-header .collection-hero .collection-hero-content .collection-intro ul, body.colorscheme-dark .collection-layout .collection-header .collection-hero .collection-hero-content .collection-intro ol {
    color: #dadada; }
  body.colorscheme-dark .collection-layout .collection-header .collection-hero .collection-hero-content .collection-intro li {
    color: #dadada; }
  body.colorscheme-dark .collection-layout .collection-header .collection-hero .collection-hero-content .collection-intro strong {
    color: #dadada; }
  body.colorscheme-dark .collection-layout .collection-tags {
    border-top-color: rgba(218, 218, 218, 0.1); }
    body.colorscheme-dark .collection-layout .collection-tags .collection-tags-title {
      color: #dadada; }
    body.colorscheme-dark .collection-layout .collection-tags .tags-list .collection-tag {
      background: transparent;
      color: #dadada;
      border-color: rgba(218, 218, 218, 0.2); }
      body.colorscheme-dark .collection-layout .collection-tags .tags-list .collection-tag:hover {
        border-color: rgba(212, 165, 116, 0.4);
        background: rgba(212, 165, 116, 0.05); }

body.colorscheme-dark .collection-pages-nav {
  border-top-color: rgba(218, 218, 218, 0.1); }
  body.colorscheme-dark .collection-pages-nav .collection-pages-title {
    color: #dadada; }
  body.colorscheme-dark .collection-pages-nav .page-card {
    background: rgba(218, 218, 218, 0.02);
    border-color: rgba(218, 218, 218, 0.1); }
    body.colorscheme-dark .collection-pages-nav .page-card:hover {
      box-shadow: 0 8px 25px rgba(218, 218, 218, 0.1);
      border-color: rgba(212, 165, 116, 0.3);
      background: rgba(212, 165, 116, 0.02); }
    body.colorscheme-dark .collection-pages-nav .page-card .page-info .page-title {
      color: #dadada; }
    body.colorscheme-dark .collection-pages-nav .page-card .page-info .page-price {
      color: #D4A574; }

body.colorscheme-dark .collection-content .collection-intro h1, body.colorscheme-dark .collection-content .collection-intro h2, body.colorscheme-dark .collection-content .collection-intro h3, body.colorscheme-dark .collection-content .collection-intro h4, body.colorscheme-dark .collection-content .collection-intro h5, body.colorscheme-dark .collection-content .collection-intro h6 {
  color: #dadada; }

body.colorscheme-dark .collection-content .collection-intro p {
  color: #dadada; }

body.colorscheme-dark .collection-content .collection-intro ul, body.colorscheme-dark .collection-content .collection-intro ol {
  color: #dadada; }

body.colorscheme-dark .collection-content .collection-intro li {
  color: #dadada; }

body.colorscheme-dark .collection-content .collection-intro strong {
  color: #dadada; }

body.colorscheme-dark .product-card {
  background: #1A1A1A;
  border-color: #424242; }
  body.colorscheme-dark .product-card:hover {
    box-shadow: 0 4px 15px rgba(218, 218, 218, 0.1); }
  body.colorscheme-dark .product-card .product-card-image {
    background: #1E1E1E; }
  body.colorscheme-dark .product-card .product-card-content .product-card-title {
    color: #dadada; }
    body.colorscheme-dark .product-card .product-card-content .product-card-title a {
      color: inherit; }
      body.colorscheme-dark .product-card .product-card-content .product-card-title a:hover {
        color: #D4A574; }
  body.colorscheme-dark .product-card .product-card-content .product-card-price {
    color: #D4A574; }

@media (prefers-color-scheme: dark) {
  body.colorscheme-auto .collection-layout {
    background: #1E1E1E !important;
    -webkit-background-color: #1E1E1E; }
    body.colorscheme-auto .collection-layout .collection-header .collection-hero .collection-hero-image {
      box-shadow: 0 4px 20px rgba(218, 218, 218, 0.1); }
    body.colorscheme-auto .collection-layout .collection-header .collection-hero .collection-hero-content .collection-title {
      color: #dadada; }
    body.colorscheme-auto .collection-layout .collection-header .collection-hero .collection-hero-content .collection-description {
      color: #dadada; }
    body.colorscheme-auto .collection-layout .collection-header .collection-hero .collection-hero-content .collection-intro h1, body.colorscheme-auto .collection-layout .collection-header .collection-hero .collection-hero-content .collection-intro h2, body.colorscheme-auto .collection-layout .collection-header .collection-hero .collection-hero-content .collection-intro h3, body.colorscheme-auto .collection-layout .collection-header .collection-hero .collection-hero-content .collection-intro h4, body.colorscheme-auto .collection-layout .collection-header .collection-hero .collection-hero-content .collection-intro h5, body.colorscheme-auto .collection-layout .collection-header .collection-hero .collection-hero-content .collection-intro h6 {
      color: #dadada; }
    body.colorscheme-auto .collection-layout .collection-header .collection-hero .collection-hero-content .collection-intro p {
      color: #dadada; }
    body.colorscheme-auto .collection-layout .collection-header .collection-hero .collection-hero-content .collection-intro ul, body.colorscheme-auto .collection-layout .collection-header .collection-hero .collection-hero-content .collection-intro ol {
      color: #dadada; }
    body.colorscheme-auto .collection-layout .collection-header .collection-hero .collection-hero-content .collection-intro li {
      color: #dadada; }
    body.colorscheme-auto .collection-layout .collection-header .collection-hero .collection-hero-content .collection-intro strong {
      color: #dadada; }
    body.colorscheme-auto .collection-layout .collection-tags {
      border-top-color: rgba(218, 218, 218, 0.1); }
      body.colorscheme-auto .collection-layout .collection-tags .collection-tags-title {
        color: #dadada; }
      body.colorscheme-auto .collection-layout .collection-tags .tags-list .collection-tag {
        background: transparent;
        color: #dadada;
        border-color: rgba(218, 218, 218, 0.2); }
        body.colorscheme-auto .collection-layout .collection-tags .tags-list .collection-tag:hover {
          border-color: rgba(212, 165, 116, 0.4);
          background: rgba(212, 165, 116, 0.05); }
  body.colorscheme-auto .collection-pages-nav {
    border-top-color: rgba(218, 218, 218, 0.1); }
    body.colorscheme-auto .collection-pages-nav .collection-pages-title {
      color: #dadada; }
    body.colorscheme-auto .collection-pages-nav .page-card {
      background: rgba(218, 218, 218, 0.02);
      border-color: rgba(218, 218, 218, 0.1); }
      body.colorscheme-auto .collection-pages-nav .page-card:hover {
        box-shadow: 0 8px 25px rgba(218, 218, 218, 0.1);
        border-color: rgba(212, 165, 116, 0.3);
        background: rgba(212, 165, 116, 0.02); }
      body.colorscheme-auto .collection-pages-nav .page-card .page-info .page-title {
        color: #dadada; }
      body.colorscheme-auto .collection-pages-nav .page-card .page-info .page-price {
        color: #D4A574; }
  body.colorscheme-auto .collection-content .collection-intro h1, body.colorscheme-auto .collection-content .collection-intro h2, body.colorscheme-auto .collection-content .collection-intro h3, body.colorscheme-auto .collection-content .collection-intro h4, body.colorscheme-auto .collection-content .collection-intro h5, body.colorscheme-auto .collection-content .collection-intro h6 {
    color: #dadada; }
  body.colorscheme-auto .collection-content .collection-intro p {
    color: #dadada; }
  body.colorscheme-auto .collection-content .collection-intro ul, body.colorscheme-auto .collection-content .collection-intro ol {
    color: #dadada; }
  body.colorscheme-auto .collection-content .collection-intro li {
    color: #dadada; }
  body.colorscheme-auto .collection-content .collection-intro strong {
    color: #dadada; }
  body.colorscheme-auto .product-card {
    background: #1A1A1A;
    border-color: #424242; }
    body.colorscheme-auto .product-card:hover {
      box-shadow: 0 4px 15px rgba(218, 218, 218, 0.1); }
    body.colorscheme-auto .product-card .product-card-image {
      background: #1E1E1E; }
    body.colorscheme-auto .product-card .product-card-content .product-card-title {
      color: #dadada; }
      body.colorscheme-auto .product-card .product-card-content .product-card-title a {
        color: inherit; }
        body.colorscheme-auto .product-card .product-card-content .product-card-title a:hover {
          color: #D4A574; }
    body.colorscheme-auto .product-card .product-card-content .product-card-price {
      color: #D4A574; } }

.collection-pages-nav {
  margin-top: 4rem;
  padding-top: 3rem;
  border-top: 1px solid rgba(33, 33, 33, 0.1); }
  .collection-pages-nav .collection-pages-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #212121;
    margin-bottom: 2rem;
    text-align: center; }
  .collection-pages-nav .pages-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
    max-width: 1200px;
    margin: 0 auto; }
    @media only screen and (max-width: 768px) {
      .collection-pages-nav .pages-grid {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 1rem; } }
  .collection-pages-nav .page-card {
    display: block;
    text-decoration: none;
    color: inherit;
    background: rgba(33, 33, 33, 0.02);
    border: 1px solid rgba(33, 33, 33, 0.1);
    border-radius: 1rem;
    padding: 1rem;
    transition: all 0.3s ease;
    overflow: hidden; }
    .collection-pages-nav .page-card:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 25px rgba(33, 33, 33, 0.1);
      border-color: rgba(184, 134, 11, 0.3);
      background: rgba(184, 134, 11, 0.02); }
    .collection-pages-nav .page-card .page-image {
      position: relative;
      width: 100%;
      height: 150px;
      border-radius: 0.5rem;
      overflow: hidden;
      margin-bottom: 1rem; }
      .collection-pages-nav .page-card .page-image .page-thumbnail {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: transform 0.3s ease; }
    .collection-pages-nav .page-card:hover .page-thumbnail {
      transform: scale(1.05); }
    .collection-pages-nav .page-card .page-info {
      text-align: center; }
      .collection-pages-nav .page-card .page-info .page-title {
        font-size: 1rem;
        font-weight: 500;
        color: #212121;
        margin: 0 0 0.5rem 0;
        line-height: 1.3; }
      .collection-pages-nav .page-card .page-info .page-price {
        font-size: 0.9rem;
        color: #B8860B;
        font-weight: 500;
        opacity: 0.8; }

body.colorscheme-dark .collection-pages-nav {
  border-top-color: rgba(218, 218, 218, 0.1); }
  body.colorscheme-dark .collection-pages-nav .collection-pages-title {
    color: #dadada; }
  body.colorscheme-dark .collection-pages-nav .page-card {
    background: rgba(218, 218, 218, 0.02);
    border-color: rgba(218, 218, 218, 0.1); }
    body.colorscheme-dark .collection-pages-nav .page-card:hover {
      box-shadow: 0 8px 25px rgba(218, 218, 218, 0.1);
      border-color: rgba(212, 165, 116, 0.3);
      background: rgba(212, 165, 116, 0.02); }
    body.colorscheme-dark .collection-pages-nav .page-card .page-info .page-title {
      color: #dadada; }
    body.colorscheme-dark .collection-pages-nav .page-card .page-info .page-price {
      color: #D4A574; }

@media (prefers-color-scheme: dark) {
  body.colorscheme-auto .collection-pages-nav {
    border-top-color: rgba(218, 218, 218, 0.1); }
    body.colorscheme-auto .collection-pages-nav .collection-pages-title {
      color: #dadada; }
    body.colorscheme-auto .collection-pages-nav .page-card {
      background: rgba(218, 218, 218, 0.02);
      border-color: rgba(218, 218, 218, 0.1); }
      body.colorscheme-auto .collection-pages-nav .page-card:hover {
        box-shadow: 0 8px 25px rgba(218, 218, 218, 0.1);
        border-color: rgba(212, 165, 116, 0.3);
        background: rgba(212, 165, 116, 0.02); }
      body.colorscheme-auto .collection-pages-nav .page-card .page-info .page-title {
        color: #dadada; }
      body.colorscheme-auto .collection-pages-nav .page-card .page-info .page-price {
        color: #D4A574; } }

.portfolio-header {
  margin-bottom: 4rem; }
  .portfolio-header .portfolio-hero {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    max-width: 80rem;
    margin: 0 auto;
    gap: 3rem;
    height: 920px; }
    @media only screen and (max-width: 768px) {
      .portfolio-header .portfolio-hero {
        flex-direction: column;
        max-width: 100%;
        gap: 2rem;
        height: auto; } }
  .portfolio-header .portfolio-hero-image {
    flex: 0 0 480px;
    height: 100%;
    position: relative;
    border-radius: 0.8rem;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); }
    .portfolio-header .portfolio-hero-image .portfolio-main-image {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      display: block;
      transition: transform 0.3s ease; }
    .portfolio-header .portfolio-hero-image .portfolio-cover-image {
      opacity: 1;
      transition: opacity 0.3s ease; }
      .portfolio-header .portfolio-hero-image .portfolio-cover-image.fading {
        opacity: 0; }
    @media only screen and (max-width: 768px) {
      .portfolio-header .portfolio-hero-image {
        flex: none;
        width: 100%;
        height: 24rem; } }
  .portfolio-header .portfolio-hero-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 3rem;
    text-align: left; }
    .portfolio-header .portfolio-hero-content .portfolio-title {
      font-size: 3.2rem;
      line-height: 3.6rem;
      font-family: "Marcellus Regular", serif;
      font-weight: normal;
      color: #000;
      margin-bottom: 2rem; }
      @media only screen and (max-width: 768px) {
        .portfolio-header .portfolio-hero-content .portfolio-title {
          font-size: 3rem;
          line-height: 3.4rem;
          text-align: center; } }
    .portfolio-header .portfolio-hero-content .portfolio-description {
      font-size: 1.6rem;
      line-height: 2.4rem;
      color: #212121;
      margin-bottom: 2rem;
      font-weight: 400;
      text-align: justify; }
      @media only screen and (max-width: 768px) {
        .portfolio-header .portfolio-hero-content .portfolio-description {
          text-align: justify; } }
.portfolio-layout {
  max-width: 120rem;
  margin: 0 auto;
  padding: 2rem;
  background: #F5F5F5 !important;
  -webkit-background-color: #F5F5F5;
  border-radius: 1rem; }
  @media only screen and (max-width: 768px) {
    .portfolio-layout {
      padding: 1rem; } }
.portfolio-content {
  max-width: 80rem;
  margin: 0 auto;
  padding: 0 2rem; }
  @media only screen and (max-width: 768px) {
    .portfolio-content {
      padding: 0 1rem; } }
  .portfolio-content .portfolio-intro {
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: #212121;
    margin-bottom: 3rem; }
    .portfolio-content .portfolio-intro p {
      margin-bottom: 1.5rem;
      text-align: left; }
    .portfolio-content .portfolio-intro h1, .portfolio-content .portfolio-intro h2, .portfolio-content .portfolio-intro h3, .portfolio-content .portfolio-intro h4, .portfolio-content .portfolio-intro h5, .portfolio-content .portfolio-intro h6 {
      color: #000;
      margin-top: 2.5rem;
      margin-bottom: 1.5rem;
      font-weight: 600; }
    .portfolio-content .portfolio-intro h1 {
      font-size: 2.4rem;
      line-height: 2.8rem; }
    .portfolio-content .portfolio-intro h2 {
      font-size: 2rem;
      line-height: 2.4rem; }
    .portfolio-content .portfolio-intro h3 {
      font-size: 1.8rem;
      line-height: 2.2rem; }
    .portfolio-content .portfolio-intro strong {
      font-weight: 600;
      color: #000; }
    .portfolio-content .portfolio-intro em {
      font-style: italic;
      color: #000; }
    .portfolio-content .portfolio-intro ul, .portfolio-content .portfolio-intro ol {
      margin-bottom: 1.5rem;
      padding-left: 2rem; }
      .portfolio-content .portfolio-intro ul li, .portfolio-content .portfolio-intro ol li {
        margin-bottom: 0.5rem; }
    .portfolio-content .portfolio-intro blockquote {
      border-left: 4px solid #B8860B;
      padding-left: 2rem;
      margin: 2rem 0;
      font-style: italic;
      color: #000; }
  .portfolio-content .portfolio-more-info {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    padding-top: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 2rem; }
    .portfolio-content .portfolio-more-info .more-info-title {
      font-family: "Marcellus Regular", serif;
      font-size: 2.2rem;
      line-height: 2.6rem;
      color: #000;
      margin: 0 0 0.75rem 0;
      font-weight: 600;
      letter-spacing: 0.01em; }
    .portfolio-content .portfolio-more-info .more-info-body {
      font-size: 1.6rem;
      line-height: 2.6rem;
      color: #212121;
      font-weight: 400;
      text-align: justify;
      hyphens: auto; }
      .portfolio-content .portfolio-more-info .more-info-body p {
        margin-bottom: 1.1rem;
        text-indent: 0.85rem; }

.portfolio-tags {
  margin-top: 4rem;
  padding: 2rem;
  background: #F5F5F5;
  border-radius: 0.8rem; }
  .portfolio-tags .portfolio-tags-title {
    font-size: 1.8rem;
    font-weight: 600;
    color: #000;
    margin-bottom: 1.5rem;
    text-align: center; }
  .portfolio-tags .tags-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center; }
    .portfolio-tags .tags-list .portfolio-tag {
      display: inline-block;
      padding: 0.5rem 1rem;
      background: #B8860B;
      color: white;
      border-radius: 2rem;
      font-size: 0.875rem;
      font-weight: 500;
      text-decoration: none;
      transition: all 0.2s ease; }
      .portfolio-tags .tags-list .portfolio-tag:hover {
        background: #886308;
        transform: translateY(-1px); }

body.colorscheme-dark .portfolio-header .portfolio-hero-content .portfolio-title {
  color: #dadada; }

body.colorscheme-dark .portfolio-header .portfolio-hero-content .portfolio-description {
  color: #dadada; }

body.colorscheme-dark .portfolio-layout {
  background: #1E1E1E !important;
  -webkit-background-color: #1E1E1E; }

body.colorscheme-dark .portfolio-content .portfolio-intro {
  color: #dadada; }
  body.colorscheme-dark .portfolio-content .portfolio-intro h1, body.colorscheme-dark .portfolio-content .portfolio-intro h2, body.colorscheme-dark .portfolio-content .portfolio-intro h3, body.colorscheme-dark .portfolio-content .portfolio-intro h4, body.colorscheme-dark .portfolio-content .portfolio-intro h5, body.colorscheme-dark .portfolio-content .portfolio-intro h6 {
    color: #dadada; }
  body.colorscheme-dark .portfolio-content .portfolio-intro strong {
    color: #dadada; }
  body.colorscheme-dark .portfolio-content .portfolio-intro em {
    color: #dadada; }
  body.colorscheme-dark .portfolio-content .portfolio-intro blockquote {
    color: #dadada;
    border-left-color: #D4A574; }

body.colorscheme-dark .portfolio-content .portfolio-more-info .more-info-title {
  color: #dadada; }

body.colorscheme-dark .portfolio-content .portfolio-more-info .more-info-body {
  color: #dadada; }

body.colorscheme-dark .portfolio-tags {
  background: #1E1E1E; }
  body.colorscheme-dark .portfolio-tags .portfolio-tags-title {
    color: #dadada; }
  body.colorscheme-dark .portfolio-tags .tags-list .portfolio-tag {
    background: #D4A574;
    color: #1A1A1A; }
    body.colorscheme-dark .portfolio-tags .tags-list .portfolio-tag:hover {
      background: #c88c4d; }

@media (prefers-color-scheme: dark) {
  body.colorscheme-auto .portfolio-header .portfolio-hero-content .portfolio-title {
    color: #dadada; }
  body.colorscheme-auto .portfolio-header .portfolio-hero-content .portfolio-description {
    color: #dadada; }
  body.colorscheme-auto .portfolio-layout {
    background: #1E1E1E !important;
    -webkit-background-color: #1E1E1E; }
  body.colorscheme-auto .portfolio-content .portfolio-intro {
    color: #dadada; }
    body.colorscheme-auto .portfolio-content .portfolio-intro h1, body.colorscheme-auto .portfolio-content .portfolio-intro h2, body.colorscheme-auto .portfolio-content .portfolio-intro h3, body.colorscheme-auto .portfolio-content .portfolio-intro h4, body.colorscheme-auto .portfolio-content .portfolio-intro h5, body.colorscheme-auto .portfolio-content .portfolio-intro h6 {
      color: #dadada; }
    body.colorscheme-auto .portfolio-content .portfolio-intro strong {
      color: #dadada; }
    body.colorscheme-auto .portfolio-content .portfolio-intro em {
      color: #dadada; }
    body.colorscheme-auto .portfolio-content .portfolio-intro blockquote {
      color: #dadada;
      border-left-color: #D4A574; }
  body.colorscheme-auto .portfolio-content .portfolio-more-info .more-info-title {
    color: #dadada; }
  body.colorscheme-auto .portfolio-content .portfolio-more-info .more-info-body {
    color: #dadada; }
  body.colorscheme-auto .portfolio-tags {
    background: #1E1E1E; }
    body.colorscheme-auto .portfolio-tags .portfolio-tags-title {
      color: #dadada; }
    body.colorscheme-auto .portfolio-tags .tags-list .portfolio-tag {
      background: #D4A574;
      color: #1A1A1A; }
      body.colorscheme-auto .portfolio-tags .tags-list .portfolio-tag:hover {
        background: #c88c4d; } }

.grid-collection-container {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 20px; }
  @media (min-width: 540px) {
    .grid-collection-container {
      padding: 0 30px; } }
  @media (min-width: 720px) {
    .grid-collection-container {
      padding: 0 40px; } }
  @media (min-width: 960px) {
    .grid-collection-container {
      padding: 0 50px; } }
.grid-debug {
  position: relative; }
  .grid-debug::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to right, rgba(255, 0, 0, 0.1) 1px, transparent 1px);
    background-size: calc(100% / 12) 100%;
    pointer-events: none;
    z-index: 1000; }
  .grid-debug::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 255, 0.1) 1px, transparent 1px);
    background-size: 100% 30px;
    pointer-events: none;
    z-index: 1000; }
  .grid-debug .grid-debug-labels {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 20px;
    display: flex;
    z-index: 1001;
    pointer-events: none; }
    .grid-debug .grid-debug-labels .grid-label {
      flex: 1;
      text-align: center;
      font-size: 10px;
      color: rgba(255, 0, 0, 0.8);
      font-weight: bold;
      background: rgba(255, 255, 255, 0.9);
      border-right: 1px solid rgba(255, 0, 0, 0.3); }
      .grid-debug .grid-debug-labels .grid-label:last-child {
        border-right: none; }
  .grid-debug .grid-debug-info {
    position: fixed;
    top: 20px;
    right: 20px;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 15px;
    border-radius: 8px;
    font-family: monospace;
    font-size: 12px;
    z-index: 1002;
    max-width: 300px; }
    .grid-debug .grid-debug-info .debug-title {
      font-weight: bold;
      margin-bottom: 10px;
      color: #B8860B; }
    .grid-debug .grid-debug-info .debug-item {
      margin-bottom: 5px; }
      .grid-debug .grid-debug-info .debug-item .label {
        color: #212121; }
      .grid-debug .grid-debug-info .debug-item .value {
        color: #000; }

.collection-hero-section {
  margin-bottom: calc(3rem * 1.618); }
  .collection-hero-section .hero-grid {
    display: grid;
    grid-template-columns: 360px 1fr;
    gap: 30px;
    align-items: center; }
    @media (max-width: 1140px) {
      .collection-hero-section .hero-grid {
        grid-template-columns: 300px 1fr; } }
    @media (max-width: 1024px) {
      .collection-hero-section .hero-grid {
        grid-template-columns: 250px 1fr; } }
    @media (max-width: 960px) {
      .collection-hero-section .hero-grid {
        grid-template-columns: 1fr;
        gap: 2rem; } }
  .collection-hero-section .hero-image-container {
    position: relative;
    width: 360px;
    height: 800px;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1); }
    @media (max-width: 1140px) {
      .collection-hero-section .hero-image-container {
        width: 300px;
        height: 667px; } }
    @media (max-width: 1024px) {
      .collection-hero-section .hero-image-container {
        width: 250px;
        height: 556px; } }
    @media (max-width: 960px) {
      .collection-hero-section .hero-image-container {
        width: 100%;
        height: 400px; } }
    .collection-hero-section .hero-image-container .hero-image {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.3s ease; }
      .collection-hero-section .hero-image-container .hero-image:hover {
        transform: scale(1.2); }
  .collection-hero-section .hero-content .hero-title {
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 700;
    color: #212121;
    margin-bottom: 1.5rem;
    line-height: 1.2;
    letter-spacing: -0.02em; }
  .collection-hero-section .hero-content .hero-description {
    font-size: clamp(1rem, 2.5vw, 1.25rem);
    color: #000;
    line-height: 1.6;
    margin-bottom: 2rem;
    font-weight: 400; }
  .collection-hero-section .hero-content .hero-design-principles {
    margin-top: 2rem; }
    .collection-hero-section .hero-content .hero-design-principles h2 {
      font-size: clamp(1.25rem, 3vw, 1.75rem);
      font-weight: 600;
      color: #212121;
      margin-bottom: 1.5rem;
      letter-spacing: -0.01em; }
    .collection-hero-section .hero-content .hero-design-principles .principle-section {
      margin-bottom: 1.5rem; }
      .collection-hero-section .hero-content .hero-design-principles .principle-section h3 {
        font-size: clamp(1rem, 2.5vw, 1.125rem);
        font-weight: 600;
        color: #212121;
        margin-bottom: 0.75rem;
        letter-spacing: -0.01em; }
      .collection-hero-section .hero-content .hero-design-principles .principle-section p {
        font-size: clamp(0.875rem, 2vw, 1rem);
        color: #000;
        line-height: 1.6;
        margin-bottom: 0.5rem; }
      .collection-hero-section .hero-content .hero-design-principles .principle-section ul {
        margin: 0.5rem 0;
        padding-left: 1.25rem; }
        .collection-hero-section .hero-content .hero-design-principles .principle-section ul li {
          font-size: clamp(0.875rem, 2vw, 1rem);
          color: #000;
          line-height: 1.5;
          margin-bottom: 0.25rem; }
          .collection-hero-section .hero-content .hero-design-principles .principle-section ul li strong {
            color: #212121;
            font-weight: 600; }

.collection-content-section {
  margin-bottom: calc(4rem * 1.618); }
  .collection-content-section .content-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px; }
    @media (min-width: 960px) {
      .collection-content-section .content-grid {
        grid-template-columns: 1fr 1fr; } }
    @media (min-width: 1140px) {
      .collection-content-section .content-grid {
        grid-template-columns: 1fr 1.618fr; } }
  .collection-content-section .content-main .collection-intro {
    font-size: clamp(1rem, 2.5vw, 1.125rem);
    line-height: 1.7;
    color: #212121; }
    .collection-content-section .content-main .collection-intro h2, .collection-content-section .content-main .collection-intro h3, .collection-content-section .content-main .collection-intro h4 {
      color: #212121;
      margin-top: 2.5rem;
      margin-bottom: 1.5rem;
      font-weight: 600;
      line-height: 1.3; }
    .collection-content-section .content-main .collection-intro h2 {
      font-size: clamp(1.5rem, 3vw, 2rem); }
    .collection-content-section .content-main .collection-intro h3 {
      font-size: clamp(1.25rem, 2.5vw, 1.75rem); }
    .collection-content-section .content-main .collection-intro h4 {
      font-size: clamp(1.125rem, 2vw, 1.5rem); }
    .collection-content-section .content-main .collection-intro p {
      margin-bottom: 1.5rem;
      text-align: justify; }

.products-section {
  margin-bottom: calc(3rem * 1.618); }
  .products-section .section-title {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 600;
    color: #212121;
    margin-bottom: 3rem;
    text-align: center;
    letter-spacing: -0.01em; }
  .products-section .products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px; }
    @media (min-width: 720px) {
      .products-section .products-grid {
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); } }
    @media (min-width: 960px) {
      .products-section .products-grid {
        grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); } }
.grid-product-card {
  background: #F6EFE9;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  border: 1px solid #e0e0e0; }
  .grid-product-card.card-hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
    border-color: #B8860B; }
  .grid-product-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
    border-color: #B8860B; }
  .grid-product-card .grid-product-card-image-container {
    position: relative;
    aspect-ratio: 4/3;
    overflow: hidden;
    background: #e0e0e0;
    border-radius: 16px 16px 0 0;
    isolation: isolate;
    cursor: pointer;
    margin: 0;
    padding: 0;
    border: none; }
    .grid-product-card .grid-product-card-image-container .grid-product-image {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover;
      object-position: center center;
      transition: transform 0.3s ease;
      display: block;
      vertical-align: top;
      transform-origin: center center;
      margin: 0 !important;
      padding: 0 !important;
      border: none !important;
      outline: none;
      box-sizing: border-box; }
      .grid-product-card .grid-product-card-image-container .grid-product-image.image-hover {
        transform: scale(1.2); }
      .grid-product-card .grid-product-card-image-container .grid-product-image:hover {
        transform: scale(1.2); }
  .grid-product-card .grid-product-card-content {
    padding: 2rem; }
    .grid-product-card .grid-product-card-content .grid-product-title {
      font-size: clamp(1.125rem, 2.5vw, 1.375rem);
      font-weight: 600;
      color: #212121;
      margin-bottom: 1rem;
      line-height: 1.3; }
      .grid-product-card .grid-product-card-content .grid-product-title a {
        color: inherit;
        text-decoration: none;
        transition: color 0.2s ease; }
        .grid-product-card .grid-product-card-content .grid-product-title a:hover {
          color: #B8860B; }
    .grid-product-card .grid-product-card-content .grid-product-price {
      font-size: clamp(1rem, 2vw, 1.25rem);
      font-weight: 500;
      color: #B8860B; }

.collection-tags-section {
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(33, 33, 33, 0.1); }
  .collection-tags-section .tags-container .tags-title {
    font-size: 1.25rem;
    font-weight: 500;
    color: #212121;
    margin-bottom: 1rem;
    opacity: 0.8; }
  .collection-tags-section .tags-container .tags-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0.95rem; }
    .collection-tags-section .tags-container .tags-grid .collection-tag {
      background: transparent;
      color: #212121;
      padding: 0.35rem 0.8rem;
      border-radius: 0.5rem;
      font-size: 0.95rem;
      font-weight: 400;
      border: 1px solid rgba(33, 33, 33, 0.2);
      transition: all 0.2s ease;
      cursor: default;
      opacity: 0.7;
      line-height: 1.2;
      text-align: center;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #212121;
      border-color: rgba(33, 33, 33, 0.3);
      opacity: 0.8; }
      .collection-tags-section .tags-container .tags-grid .collection-tag:hover {
        opacity: 1;
        border-color: rgba(184, 134, 11, 0.4);
        background: rgba(184, 134, 11, 0.05); }
      .collection-tags-section .tags-container .tags-grid .collection-tag:hover {
        border-color: rgba(184, 134, 11, 0.5);
        background: rgba(184, 134, 11, 0.08); }
      @media (prefers-color-scheme: dark) {
        .collection-tags-section .tags-container .tags-grid .collection-tag {
          color: #dadada;
          border-color: rgba(218, 218, 218, 0.2);
          opacity: 0.7; }
          .collection-tags-section .tags-container .tags-grid .collection-tag:hover {
            border-color: rgba(212, 165, 116, 0.4);
            background: rgba(212, 165, 116, 0.05); } }
      body.colorscheme-dark .collection-tags-section .tags-container .tags-grid .collection-tag {
        color: #dadada;
        border-color: rgba(218, 218, 218, 0.2);
        opacity: 0.7; }
        body.colorscheme-dark .collection-tags-section .tags-container .tags-grid .collection-tag:hover {
          border-color: rgba(212, 165, 116, 0.4);
          background: rgba(212, 165, 116, 0.05); }

.colorscheme-dark .grid-collection-container .collection-hero-section .hero-content .hero-title {
  color: #dadada; }

.colorscheme-dark .grid-collection-container .collection-hero-section .hero-content .hero-description {
  color: #dadada; }

.colorscheme-dark .grid-collection-container .collection-hero-section .hero-content .hero-design-principles h2 {
  color: #dadada; }

.colorscheme-dark .grid-collection-container .collection-hero-section .hero-content .hero-design-principles .principle-section h3 {
  color: #dadada; }

.colorscheme-dark .grid-collection-container .collection-hero-section .hero-content .hero-design-principles .principle-section p {
  color: #dadada; }

.colorscheme-dark .grid-collection-container .collection-hero-section .hero-content .hero-design-principles .principle-section ul li {
  color: #dadada; }
  .colorscheme-dark .grid-collection-container .collection-hero-section .hero-content .hero-design-principles .principle-section ul li strong {
    color: #dadada; }

.colorscheme-dark .grid-collection-container .collection-content-section .content-main .collection-intro {
  color: #dadada; }
  .colorscheme-dark .grid-collection-container .collection-content-section .content-main .collection-intro h2, .colorscheme-dark .grid-collection-container .collection-content-section .content-main .collection-intro h3, .colorscheme-dark .grid-collection-container .collection-content-section .content-main .collection-intro h4 {
    color: #dadada; }

.colorscheme-dark .grid-collection-container .products-section .section-title {
  color: #dadada; }

.colorscheme-dark .grid-collection-container .grid-product-card {
  background: #1A1A1A;
  border-color: #424242; }
  .colorscheme-dark .grid-collection-container .grid-product-card .grid-product-card-content .grid-product-title {
    color: #dadada; }
    .colorscheme-dark .grid-collection-container .grid-product-card .grid-product-card-content .grid-product-title a:hover {
      color: #D4A574; }
  .colorscheme-dark .grid-collection-container .grid-product-card .grid-product-card-content .grid-product-price {
    color: #D4A574; }

.colorscheme-dark .grid-collection-container .collection-tags-section {
  border-top-color: rgba(218, 218, 218, 0.1); }
  .colorscheme-dark .grid-collection-container .collection-tags-section .tags-container .tags-title {
    color: #dadada; }
  .colorscheme-dark .grid-collection-container .collection-tags-section .tags-container .tags-grid .collection-tag {
    background: transparent;
    color: #dadada;
    border-color: rgba(218, 218, 218, 0.2); }
    .colorscheme-dark .grid-collection-container .collection-tags-section .tags-container .tags-grid .collection-tag:hover {
      border-color: rgba(212, 165, 116, 0.4);
      background: rgba(212, 165, 116, 0.05); }

.gallery-layout {
  max-width: 840px;
  margin: 0 auto;
  padding: 20px;
  background: #F5F5F5 !important;
  -webkit-background-color: #F5F5F5;
  border-radius: 1rem; }
  @media only screen and (max-width: 768px) {
    .gallery-layout {
      padding: 1rem; } }
.gallery-page-hero {
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 4rem;
  padding: 3rem;
  background: #F6EFE9;
  border-radius: 1.2rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); }
  @media only screen and (max-width: 768px) {
    .gallery-page-hero {
      flex-direction: column;
      gap: 2rem;
      padding: 2rem; } }
  .gallery-page-hero .gallery-page-hero-image {
    flex: 0 0 50%;
    height: 100%;
    position: relative;
    border-radius: 0.8rem;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); }
    @media only screen and (max-width: 768px) {
      .gallery-page-hero .gallery-page-hero-image {
        flex: none;
        width: 100%;
        height: 24rem; } }
    .gallery-page-hero .gallery-page-hero-image .gallery-page-main-image {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      display: block;
      transition: transform 0.3s ease; }
      .gallery-page-hero .gallery-page-hero-image .gallery-page-main-image:hover {
        transform: scale(1.02); }
    .gallery-page-hero .gallery-page-hero-image .gallery-page-cover-image {
      opacity: 1;
      transition: opacity 0.3s ease; }
      .gallery-page-hero .gallery-page-hero-image .gallery-page-cover-image.fading {
        opacity: 0; }
  .gallery-page-hero .gallery-page-hero-placeholder {
    flex: 0 0 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 2rem;
    padding: 2rem; }
  .gallery-page-hero .gallery-page-hero-logo.gallery-page-logo-card {
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px; }
    .gallery-page-hero .gallery-page-hero-logo.gallery-page-logo-card .gallery-page-logo {
      width: 100%;
      height: 100%;
      object-fit: contain; }
  .gallery-page-hero .gallery-page-hero-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center; }
    .gallery-page-hero .gallery-page-hero-text .gallery-page-title {
      font-size: 1.8rem;
      line-height: 2.2rem;
      font-family: "Marcellus Regular", serif;
      font-weight: normal;
      color: #000;
      margin-top: 10px;
      margin-bottom: 1.5rem; }
      @media only screen and (max-width: 768px) {
        .gallery-page-hero .gallery-page-hero-text .gallery-page-title {
          font-size: 1.6rem;
          line-height: 2rem;
          text-align: center; } }
    .gallery-page-hero .gallery-page-hero-text .gallery-page-description {
      font-size: 1.6rem;
      line-height: 2.4rem;
      color: #212121;
      margin-bottom: 2rem;
      font-weight: 400;
      text-align: justify; }
      @media only screen and (max-width: 768px) {
        .gallery-page-hero .gallery-page-hero-text .gallery-page-description {
          text-align: justify; } }
.gallery-page-content {
  max-width: 80rem;
  margin: 0 auto;
  padding: 0 2rem; }
  @media only screen and (max-width: 768px) {
    .gallery-page-content {
      padding: 0 1rem; } }
  .gallery-page-content .gallery-page-intro {
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: #212121;
    margin-bottom: 3rem; }
    .gallery-page-content .gallery-page-intro p {
      margin-bottom: 1.5rem;
      text-align: left; }
    .gallery-page-content .gallery-page-intro h1, .gallery-page-content .gallery-page-intro h2, .gallery-page-content .gallery-page-intro h3, .gallery-page-content .gallery-page-intro h4, .gallery-page-content .gallery-page-intro h5, .gallery-page-content .gallery-page-intro h6 {
      color: #000;
      margin-top: 2.5rem;
      margin-bottom: 1.5rem;
      font-weight: 600; }
    .gallery-page-content .gallery-page-intro h1 {
      font-size: 2.4rem;
      line-height: 2.8rem; }
    .gallery-page-content .gallery-page-intro h2 {
      font-size: 2rem;
      line-height: 2.4rem; }
    .gallery-page-content .gallery-page-intro h3 {
      font-size: 1.8rem;
      line-height: 2.2rem; }
    .gallery-page-content .gallery-page-intro strong {
      font-weight: 600;
      color: #000; }
    .gallery-page-content .gallery-page-intro em {
      font-style: italic;
      color: #000; }
    .gallery-page-content .gallery-page-intro ul, .gallery-page-content .gallery-page-intro ol {
      margin-bottom: 1.5rem;
      padding-left: 2rem; }
      .gallery-page-content .gallery-page-intro ul li, .gallery-page-content .gallery-page-intro ol li {
        margin-bottom: 0.5rem; }
    .gallery-page-content .gallery-page-intro blockquote {
      border-left: 4px solid #B8860B;
      padding-left: 2rem;
      margin: 2rem 0;
      font-style: italic;
      color: #000; }

.gallery-page-full-width-image-section {
  margin: 4rem 0;
  width: 100%; }
  .gallery-page-full-width-image-section .gallery-page-full-width-image {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 1.2rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease; }
    .gallery-page-full-width-image-section .gallery-page-full-width-image:hover {
      transform: scale(1.02); }

.gallery-page-grid-section {
  margin: 4rem 0; }
  .gallery-page-grid-section .gallery-page-grid {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
    .gallery-page-grid-section .gallery-page-grid[data-style="grid"] {
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
    .gallery-page-grid-section .gallery-page-grid[data-style="masonry"] {
      columns: 3;
      column-gap: 2rem; }
      @media only screen and (max-width: 768px) {
        .gallery-page-grid-section .gallery-page-grid[data-style="masonry"] {
          columns: 2; } }
      @media only screen and (max-width: 480px) {
        .gallery-page-grid-section .gallery-page-grid[data-style="masonry"] {
          columns: 1; } }
    .gallery-page-grid-section .gallery-page-grid[data-max-per-row="1"] {
      grid-template-columns: 1fr; }
    .gallery-page-grid-section .gallery-page-grid[data-max-per-row="2"] {
      grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); }
    .gallery-page-grid-section .gallery-page-grid[data-max-per-row="3"] {
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
    .gallery-page-grid-section .gallery-page-grid[data-max-per-row="4"] {
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
    @media only screen and (max-width: 768px) {
      .gallery-page-grid-section .gallery-page-grid {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 1.5rem; } }
    @media only screen and (max-width: 480px) {
      .gallery-page-grid-section .gallery-page-grid {
        grid-template-columns: 1fr;
        gap: 1rem; } }
  .gallery-page-grid-section .gallery-page-item {
    background: #F6EFE9;
    border: 1px solid #e0e0e0;
    border-radius: 0.8rem;
    overflow: hidden;
    transition: all 0.3s ease;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    aspect-ratio: 1;
    width: 100%; }
    .gallery-page-grid-section .gallery-page-item:hover {
      transform: translateY(-2px) scale(1.02);
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
      border-color: #B8860B;
      border-width: 0.5px; }
    .gallery-page-grid-section .gallery-page-item .gallery-page-item-image-container {
      position: relative;
      width: 100%;
      height: 100%;
      overflow: hidden;
      background: #F5F5F5; }
      .gallery-page-grid-section .gallery-page-item .gallery-page-item-image-container .gallery-page-item-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: transform 0.3s ease; }
        .gallery-page-grid-section .gallery-page-item .gallery-page-item-image-container .gallery-page-item-image:hover {
          transform: scale(1.05); }
    .gallery-page-grid-section .gallery-page-item .gallery-page-item-caption {
      padding: 0.5rem;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      flex-grow: 0;
      min-height: auto; }
      .gallery-page-grid-section .gallery-page-item .gallery-page-item-caption h3 {
        font-size: 1.2rem;
        font-weight: 600;
        color: #212121;
        margin-bottom: 0.2rem;
        line-height: 1.1; }
      .gallery-page-grid-section .gallery-page-item .gallery-page-item-caption p {
        font-size: 1rem;
        font-weight: 400;
        color: rgba(184, 134, 11, 0.7);
        line-height: 1.1;
        opacity: 0.8;
        margin: 0; }

.gallery-layout .collection-tags-section {
  margin-top: 4rem; }

body.colorscheme-light .gallery-layout {
  background: #F5F5F5 !important;
  -webkit-background-color: #F5F5F5; }

body.colorscheme-light .gallery-page-hero {
  background: #F6EFE9; }
  body.colorscheme-light .gallery-page-hero .gallery-page-hero-logo .gallery-page-logo {
    opacity: 0.8; }
  body.colorscheme-light .gallery-page-hero .gallery-page-hero-text .gallery-page-title {
    color: #212121; }
  body.colorscheme-light .gallery-page-hero .gallery-page-hero-text .gallery-page-description {
    color: #212121; }

body.colorscheme-light .gallery-page-content .gallery-page-intro {
  color: #212121; }
  body.colorscheme-light .gallery-page-content .gallery-page-intro h1, body.colorscheme-light .gallery-page-content .gallery-page-intro h2, body.colorscheme-light .gallery-page-content .gallery-page-intro h3, body.colorscheme-light .gallery-page-content .gallery-page-intro h4, body.colorscheme-light .gallery-page-content .gallery-page-intro h5, body.colorscheme-light .gallery-page-content .gallery-page-intro h6 {
    color: #212121; }
  body.colorscheme-light .gallery-page-content .gallery-page-intro strong {
    color: #212121; }
  body.colorscheme-light .gallery-page-content .gallery-page-intro em {
    color: #000; }
  body.colorscheme-light .gallery-page-content .gallery-page-intro blockquote {
    color: #000;
    border-left-color: #B8860B; }

body.colorscheme-light .gallery-page-grid-section .gallery-page-item {
  background: #F6EFE9;
  border-color: #e0e0e0; }
  body.colorscheme-light .gallery-page-grid-section .gallery-page-item .gallery-page-item-image-container {
    background: #F5F5F5; }
  body.colorscheme-light .gallery-page-grid-section .gallery-page-item .gallery-page-item-caption h3 {
    color: #212121; }
  body.colorscheme-light .gallery-page-grid-section .gallery-page-item .gallery-page-item-caption p {
    color: rgba(184, 134, 11, 0.7); }

body.colorscheme-dark .gallery-layout {
  background: #1E1E1E !important;
  -webkit-background-color: #1E1E1E; }

body.colorscheme-dark .gallery-page-hero {
  background: #1A1A1A; }
  body.colorscheme-dark .gallery-page-hero .gallery-page-hero-logo .gallery-page-logo {
    opacity: 0.8; }
  body.colorscheme-dark .gallery-page-hero .gallery-page-hero-text .gallery-page-title {
    color: #dadada; }
  body.colorscheme-dark .gallery-page-hero .gallery-page-hero-text .gallery-page-description {
    color: #dadada; }

body.colorscheme-dark .gallery-page-content .gallery-page-intro {
  color: #dadada; }
  body.colorscheme-dark .gallery-page-content .gallery-page-intro h1, body.colorscheme-dark .gallery-page-content .gallery-page-intro h2, body.colorscheme-dark .gallery-page-content .gallery-page-intro h3, body.colorscheme-dark .gallery-page-content .gallery-page-intro h4, body.colorscheme-dark .gallery-page-content .gallery-page-intro h5, body.colorscheme-dark .gallery-page-content .gallery-page-intro h6 {
    color: #dadada; }
  body.colorscheme-dark .gallery-page-content .gallery-page-intro strong {
    color: #dadada; }
  body.colorscheme-dark .gallery-page-content .gallery-page-intro em {
    color: #dadada; }
  body.colorscheme-dark .gallery-page-content .gallery-page-intro blockquote {
    color: #dadada;
    border-left-color: #D4A574; }

body.colorscheme-dark .gallery-page-grid-section .gallery-page-item {
  background: #1A1A1A;
  border-color: #424242; }
  body.colorscheme-dark .gallery-page-grid-section .gallery-page-item .gallery-page-item-image-container {
    background: #1E1E1E; }
  body.colorscheme-dark .gallery-page-grid-section .gallery-page-item .gallery-page-item-caption h3 {
    color: #dadada; }
  body.colorscheme-dark .gallery-page-grid-section .gallery-page-item .gallery-page-item-caption p {
    color: #D4A574; }

body.colorscheme-auto .gallery-layout {
  background: #F5F5F5 !important;
  -webkit-background-color: #F5F5F5; }

body.colorscheme-auto .gallery-page-hero {
  background: #F6EFE9; }
  body.colorscheme-auto .gallery-page-hero .gallery-page-hero-logo .gallery-page-logo {
    opacity: 0.8; }
  body.colorscheme-auto .gallery-page-hero .gallery-page-hero-text .gallery-page-title {
    color: #212121; }
  body.colorscheme-auto .gallery-page-hero .gallery-page-hero-text .gallery-page-description {
    color: #212121; }

body.colorscheme-auto .gallery-page-content .gallery-page-intro {
  color: #212121; }
  body.colorscheme-auto .gallery-page-content .gallery-page-intro h1, body.colorscheme-auto .gallery-page-content .gallery-page-intro h2, body.colorscheme-auto .gallery-page-content .gallery-page-intro h3, body.colorscheme-auto .gallery-page-content .gallery-page-intro h4, body.colorscheme-auto .gallery-page-content .gallery-page-intro h5, body.colorscheme-auto .gallery-page-content .gallery-page-intro h6 {
    color: #212121; }
  body.colorscheme-auto .gallery-page-content .gallery-page-intro strong {
    color: #212121; }
  body.colorscheme-auto .gallery-page-content .gallery-page-intro em {
    color: #000; }
  body.colorscheme-auto .gallery-page-content .gallery-page-intro blockquote {
    color: #000;
    border-left-color: #B8860B; }

body.colorscheme-auto .gallery-page-grid-section .gallery-page-item {
  background: #F6EFE9;
  border-color: #e0e0e0; }
  body.colorscheme-auto .gallery-page-grid-section .gallery-page-item .gallery-page-item-image-container {
    background: #F5F5F5; }
  body.colorscheme-auto .gallery-page-grid-section .gallery-page-item .gallery-page-item-caption h3 {
    color: #212121; }
  body.colorscheme-auto .gallery-page-grid-section .gallery-page-item .gallery-page-item-caption p {
    color: rgba(184, 134, 11, 0.7); }

@media (prefers-color-scheme: dark) {
  body.colorscheme-auto .gallery-layout {
    background: #1E1E1E !important;
    -webkit-background-color: #1E1E1E; }
  body.colorscheme-auto .gallery-page-hero {
    background: #1A1A1A; }
    body.colorscheme-auto .gallery-page-hero .gallery-page-hero-logo .gallery-page-logo {
      opacity: 0.8; }
    body.colorscheme-auto .gallery-page-hero .gallery-page-hero-text .gallery-page-title {
      color: #dadada; }
    body.colorscheme-auto .gallery-page-hero .gallery-page-hero-text .gallery-page-description {
      color: #dadada; }
  body.colorscheme-auto .gallery-page-content .gallery-page-intro {
    color: #dadada; }
    body.colorscheme-auto .gallery-page-content .gallery-page-intro h1, body.colorscheme-auto .gallery-page-content .gallery-page-intro h2, body.colorscheme-auto .gallery-page-content .gallery-page-intro h3, body.colorscheme-auto .gallery-page-content .gallery-page-intro h4, body.colorscheme-auto .gallery-page-content .gallery-page-intro h5, body.colorscheme-auto .gallery-page-content .gallery-page-intro h6 {
      color: #dadada; }
    body.colorscheme-auto .gallery-page-content .gallery-page-intro strong {
      color: #dadada; }
    body.colorscheme-auto .gallery-page-content .gallery-page-intro em {
      color: #dadada; }
    body.colorscheme-auto .gallery-page-content .gallery-page-intro blockquote {
      color: #dadada;
      border-left-color: #D4A574; }
  body.colorscheme-auto .gallery-page-grid-section .gallery-page-item {
    background: #1A1A1A;
    border-color: #424242; }
    body.colorscheme-auto .gallery-page-grid-section .gallery-page-item .gallery-page-item-image-container {
      background: #1E1E1E; }
    body.colorscheme-auto .gallery-page-grid-section .gallery-page-item .gallery-page-item-caption h3 {
      color: #dadada; }
    body.colorscheme-auto .gallery-page-grid-section .gallery-page-item .gallery-page-item-caption p {
      color: #D4A574; } }

.contact-for-price {
  margin: 2rem 0;
  padding: 3rem;
  background: #F5F5F5;
  border: 1px solid rgba(33, 33, 33, 0.1);
  border-radius: 0.8rem; }

.contact-title {
  font-size: 1.8rem;
  font-weight: 600;
  color: #212121;
  margin-bottom: 0.5rem; }

.contact-description {
  color: #000;
  margin-bottom: 1.5rem;
  font-size: 1.2rem;
  line-height: 1.5; }

.price-inquiry-form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem; }

.form-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem; }

.form-label {
  font-weight: 500;
  color: #212121;
  font-size: 1.1rem; }

.form-input,
.form-textarea {
  padding: 0.75rem;
  border: 1px solid rgba(33, 33, 33, 0.2);
  border-radius: 0.5rem;
  font-size: 1.1rem;
  background: #F6EFE9;
  color: #212121;
  transition: all 0.2s ease; }

.form-input:focus,
.form-textarea:focus {
  outline: none;
  border-color: #B8860B;
  box-shadow: 0 0 0 2px rgba(184, 134, 11, 0.1); }

.form-input[readonly] {
  background: #e0e0e0;
  color: #000; }

.form-checkbox-label {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  cursor: pointer; }

.form-checkbox {
  margin-top: 0.25rem; }

.checkbox-text {
  font-size: 1rem;
  color: #000;
  line-height: 1.4; }

.form-actions {
  margin-top: 0.5rem; }

.submit-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.875rem 1.5rem;
  background: #B8860B;
  color: #F6EFE9;
  border: none;
  border-radius: 0.5rem;
  font-size: 1.2rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease; }

.submit-button:hover {
  background: #886308;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(184, 134, 11, 0.3); }

.contact-info {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(33, 33, 33, 0.1); }

.contact-note {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #000;
  font-size: 1rem;
  margin-bottom: 0.5rem; }

.contact-note:last-child {
  margin-bottom: 0; }

.contact-note i {
  color: #B8860B;
  width: 16px; }

.contact-note a {
  color: #B8860B;
  text-decoration: none; }

.contact-note a:hover {
  text-decoration: underline; }

body.colorscheme-dark .contact-for-price {
  background: #1E1E1E;
  border-color: rgba(218, 218, 218, 0.1); }

body.colorscheme-dark .contact-title {
  color: #dadada; }

body.colorscheme-dark .contact-description {
  color: #dadada; }

body.colorscheme-dark .form-label {
  color: #dadada; }

body.colorscheme-dark .form-input,
body.colorscheme-dark .form-textarea {
  background: #1A1A1A;
  border-color: rgba(218, 218, 218, 0.2);
  color: #dadada; }

body.colorscheme-dark .form-input:focus,
body.colorscheme-dark .form-textarea:focus {
  border-color: #D4A574;
  box-shadow: 0 0 0 2px rgba(212, 165, 116, 0.1); }

body.colorscheme-dark .form-input[readonly] {
  background: #424242;
  color: #dadada; }

body.colorscheme-dark .checkbox-text {
  color: #dadada; }

body.colorscheme-dark .submit-button {
  background: #D4A574;
  color: #1A1A1A; }

body.colorscheme-dark .submit-button:hover {
  background: #c88c4d; }

body.colorscheme-dark .contact-info {
  border-top-color: rgba(218, 218, 218, 0.1); }

body.colorscheme-dark .contact-note {
  color: #dadada; }

body.colorscheme-dark .contact-note i {
  color: #D4A574; }

body.colorscheme-dark .contact-note a {
  color: #D4A574; }

@media only screen and (max-width: 768px) {
  .contact-for-price {
    padding: 1.5rem; }
  .contact-title {
    font-size: 1.3rem; }
  .submit-button {
    width: 100%;
    justify-content: center; } }

.about-story {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(2rem, 6vw, 6rem);
  max-width: 1120px;
  padding-top: clamp(2rem, 5vw, 5rem);
  padding-bottom: clamp(3rem, 6vw, 6rem); }

.about-story__portrait {
  border-radius: 8px;
  overflow: hidden; }

.about-story__image-link {
  display: block; }

.about-story__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 4;
  object-fit: cover; }

.about-story__image--dark {
  display: none; }

.about-story__eyebrow {
  margin: 0 0 0.8rem;
  font-size: 0.8rem;
  letter-spacing: 0.18em;
  text-transform: uppercase; }

.content .about-story__copy h1 {
  color: inherit;
  margin-top: 0; }

.about-story__body p {
  line-height: 1.7; }

body.colorscheme-dark .about-story__image--light {
  display: none; }

body.colorscheme-dark .about-story__image--dark {
  display: block; }

@media (prefers-color-scheme: dark) {
  body.colorscheme-auto .about-story__image--light {
    display: none; }
  body.colorscheme-auto .about-story__image--dark {
    display: block; } }

@media (max-width: 720px) {
  .about-story {
    grid-template-columns: 1fr; }
  .about-story__portrait {
    max-width: 540px; } }

.legacy-entry,
.legacy-collection {
  max-width: 1160px;
  padding-top: clamp(2rem, 5vw, 5rem);
  padding-bottom: clamp(3rem, 6vw, 6rem); }

.legacy-entry__header {
  max-width: 850px;
  margin: 0 auto 2.5rem;
  text-align: center; }

.legacy-entry__eyebrow {
  margin: 0 0 0.7rem;
  font-size: 0.8rem;
  letter-spacing: 0.18em;
  text-align: center;
  text-transform: uppercase; }

.legacy-entry__header h1,
.legacy-collection__heading h1 {
  margin: 0;
  width: 100%;
  text-align: center; }

.legacy-entry__gallery,
.legacy-collection__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1rem, 2.5vw, 2rem); }

.legacy-entry__image {
  margin: 0; }

.legacy-entry__image img,
.legacy-collection__card img {
  display: block;
  width: 100%;
  height: auto; }

.legacy-entry__body {
  max-width: 850px;
  margin: 3rem auto 0;
  line-height: 1.7; }

.legacy-collection__header {
  position: relative;
  margin-bottom: 2.5rem;
  overflow: hidden; }

.legacy-collection__hero {
  display: block;
  width: 100%;
  max-height: 550px;
  object-fit: cover; }

.legacy-collection__heading {
  padding: 1.5rem 0;
  text-align: center; }

.legacy-collection__heading h1 {
  width: 100%;
  text-align: center; }

.legacy-collection__intro {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.7; }

.legacy-collection__heading--paired {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 4rem;
  align-items: center; }
  .legacy-collection__heading--paired .legacy-collection__intro {
    text-align: left; }

.legacy-collection__side-image {
  margin: 0; }
  .legacy-collection__side-image img {
    display: block;
    width: 100%;
    height: auto; }

.content .legacy-collection .legacy-collection__theme-dark {
  display: none; }

body.colorscheme-dark .content .legacy-collection .legacy-collection__theme-light {
  display: none; }

body.colorscheme-dark .content .legacy-collection .legacy-collection__theme-dark {
  display: block; }

.content .legacy-collection--cult-objects .legacy-collection__heading, .content .legacy-collection--cult-objects .legacy-collection__grid {
  max-width: 1200px;
  padding-left: 50px;
  padding-right: 50px; }

.content .legacy-collection--cult-objects .legacy-collection__heading--paired {
  gap: 30px;
  align-items: stretch;
  padding-top: 40px;
  padding-bottom: 40px; }

.content .legacy-collection--cult-objects .legacy-collection__copy {
  padding: 40px 20px 40px 0; }

.content .legacy-collection--cult-objects .legacy-collection__side-image {
  min-height: 200px;
  border-radius: var(--fire-card-radius, 8px);
  overflow: hidden; }
  .content .legacy-collection--cult-objects .legacy-collection__side-image img {
    height: 100%;
    object-fit: cover;
    border-radius: inherit; }

.content .legacy-collection--cult-objects .legacy-collection__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px; }

.content .legacy-collection--cult-objects .legacy-collection__card {
  border-radius: var(--fire-card-radius, 8px);
  overflow: hidden; }

.content .legacy-collection--cult-objects .legacy-collection__card > img {
  aspect-ratio: 4 / 5;
  border-radius: var(--fire-card-radius, 8px); }

@media (min-width: 750px) and (max-width: 989px) {
  .content .legacy-collection--cult-objects .legacy-collection__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)); } }

@media (max-width: 749px) {
  .content .legacy-collection--cult-objects .legacy-collection__heading, .content .legacy-collection--cult-objects .legacy-collection__grid {
    padding-left: 15px;
    padding-right: 15px; }
  .content .legacy-collection--cult-objects .legacy-collection__heading--paired {
    grid-template-columns: 1fr; }
  .content .legacy-collection--cult-objects .legacy-collection__copy {
    padding: 0; }
  .content .legacy-collection--cult-objects .legacy-collection__side-image {
    height: 200px; }
  .content .legacy-collection--cult-objects .legacy-collection__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px; } }

.legacy-collection__card {
  display: block;
  color: inherit;
  text-decoration: none; }

.legacy-collection__card img {
  aspect-ratio: 1;
  object-fit: cover;
  margin-bottom: 0.8rem; }

.legacy-collection__card > span {
  display: block;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: normal;
  text-transform: none; }

.legacy-collection__arrow {
  display: inline-block;
  margin-left: .65rem;
  font-size: .9em;
  transition: transform .25s ease; }

.legacy-collection__card:hover .legacy-collection__arrow,
.legacy-collection__card:focus-visible .legacy-collection__arrow {
  transform: translateX(0.35rem); }

.content:has(.legacy-collection--wide-hero) {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0; }

.content .legacy-collection--wide-hero {
  max-width: none;
  padding: 0 0 clamp(3rem, 6vw, 6rem); }
  .content .legacy-collection--wide-hero .legacy-collection__hero {
    width: 100%;
    max-width: none;
    height: 420px;
    max-height: none;
    object-fit: cover;
    border-radius: 0; }
  .content .legacy-collection--wide-hero .legacy-collection__heading,
  .content .legacy-collection--wide-hero .legacy-collection__grid {
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px; }

.content .legacy-collection__header > .legacy-collection__hero--light {
  display: block; }

.content .legacy-collection__header > .legacy-collection__hero--dark {
  display: none; }

body.colorscheme-dark .content .legacy-collection__header > .legacy-collection__hero--light {
  display: none; }

body.colorscheme-dark .content .legacy-collection__header > .legacy-collection__hero--dark {
  display: block; }

body.colorscheme-dark .legacy-entry,
body.colorscheme-dark .legacy-entry__header h1,
body.colorscheme-dark .legacy-entry__body,
body.colorscheme-dark .legacy-collection,
body.colorscheme-dark .legacy-collection__heading h1,
body.colorscheme-dark .legacy-collection__card {
  color: #f2eee9; }

@media (max-width: 680px) {
  .legacy-collection__heading--paired {
    grid-template-columns: 1fr;
    gap: 2rem; }
  .legacy-entry__gallery,
  .legacy-collection__grid {
    grid-template-columns: 1fr; }
  .content .legacy-collection--wide-hero .legacy-collection__hero {
    height: 280px; } }

.content .fire-journal .fire-journal__theme-dark {
  display: none; }

body.colorscheme-dark .content .fire-journal .fire-journal__theme-light {
  display: none; }

body.colorscheme-dark .content .fire-journal .fire-journal__theme-dark {
  display: block; }

@media (prefers-color-scheme: dark) {
  body.colorscheme-auto .content .fire-journal .fire-journal__theme-light {
    display: none; }
  body.colorscheme-auto .content .fire-journal .fire-journal__theme-dark {
    display: block; } }

.content .fire-journal h1,
.content .fire-journal h2 {
  color: inherit; }

.content .fire-journal__hero {
  width: 100%;
  max-width: 850px;
  margin: 0 auto 4rem;
  overflow: hidden; }

.fire-journal__hero > a {
  display: block; }

.content .fire-journal__meta {
  text-align: center; }

.fire-journal {
  max-width: 1160px;
  padding: clamp(3rem, 6vw, 7rem) 2rem;
  color: inherit; }
  .fire-journal__header {
    max-width: 850px;
    margin: 0 auto 4rem;
    text-align: center; }
  .fire-journal__header h1 {
    margin: 1rem 0;
    font-size: clamp(3rem, 4vw, 5rem);
    font-weight: 400; }
  .fire-journal__eyebrow {
    color: inherit;
    font-size: 1.1rem;
    letter-spacing: .2em;
    text-transform: uppercase; }
  .fire-journal__meta {
    font-size: 1.3rem;
    opacity: .75; }
  .fire-journal__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3rem; }
  .fire-journal__card {
    min-width: 0;
    border: 1px solid rgba(100, 100, 100, 0.25); }
  .fire-journal__card:first-child {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1.3fr 1fr; }
  .fire-journal__cover {
    display: block;
    background: rgba(100, 100, 100, 0.08); }
  .fire-journal__cover img {
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover; }
  .fire-journal__card-body {
    padding: clamp(2rem, 3vw, 3.5rem);
    align-self: center; }
  .fire-journal__card-body time {
    display: block;
    font-size: 1.2rem;
    letter-spacing: .04em;
    opacity: .75; }
  .fire-journal__card-body h2 {
    margin: 1.2rem 0;
    font-size: clamp(2.2rem, 2.4vw, 3rem);
    line-height: 1.2; }
  .fire-journal__card-body h2 a {
    color: inherit; }
  .fire-journal__card-body p {
    font-size: 1.5rem;
    line-height: 1.65;
    text-align: left; }
  .fire-journal__read {
    display: inline-block;
    margin-top: 1rem;
    color: inherit;
    font-size: 1.4rem; }
  .fire-journal__hero img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 760px;
    object-fit: contain; }
  .fire-journal__text {
    max-width: 760px;
    margin: 0 auto;
    font-size: 1.8rem;
    line-height: 1.8; }
  .fire-journal__text p {
    margin: 0 0 2rem; }
  .fire-journal__text h2, .fire-journal__text h3 {
    color: inherit;
    font-weight: 400;
    line-height: 1.25; }
  .fire-journal__text h2 {
    margin: 4rem 0 1.5rem;
    font-size: clamp(2.2rem, 3vw, 3rem); }
  .fire-journal__text h3 {
    margin: 3rem 0 1rem;
    font-size: clamp(1.8rem, 2.3vw, 2.3rem); }
  .fire-journal__inline-image {
    width: 100%;
    margin: 3rem 0 4rem; }
  .fire-journal__inline-image img {
    display: block;
    width: 100%;
    height: auto; }
  .fire-journal__inline-image figcaption {
    margin-top: .75rem;
    color: inherit;
    font-size: 1.3rem;
    font-style: italic;
    opacity: .75; }
  .fire-journal__images {
    max-width: 900px;
    margin: 4rem auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem; }
  .fire-journal__images figure {
    margin: 0; }
  .fire-journal__images img {
    display: block;
    width: 100%;
    height: auto; }
  .fire-journal__footer {
    max-width: 760px;
    margin: 4rem auto 0;
    padding-top: 2rem;
    border-top: 1px solid rgba(100, 100, 100, 0.3); }
  .fire-journal__footer a {
    color: inherit; }

@media (max-width: 680px) {
  .fire-journal__grid, .fire-journal__card:first-child, .fire-journal__images {
    grid-template-columns: 1fr; } }

.content .fire-hub h1,
.content .fire-hub h2,
.content .fire-hub h3 {
  color: inherit; }

.fire-hub {
  max-width: 1200px;
  padding: clamp(3rem, 6vw, 7rem) 2rem; }
  .fire-hub__header {
    text-align: center;
    max-width: 780px;
    margin: 0 auto 4rem; }
  .fire-hub__header h1 {
    font-size: clamp(3.5rem, 5vw, 6rem);
    font-weight: 400;
    margin: 1rem 0 2rem; }
  .fire-hub__eyebrow {
    font-size: 1.1rem;
    letter-spacing: .2em;
    text-transform: uppercase; }
  .fire-hub__intro {
    font-size: 1.7rem;
    line-height: 1.7; }
  .fire-hub__intro p {
    margin: 1rem 0; }
  .fire-hub__tabs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem 3rem;
    padding: 1.5rem 0;
    border-block: 1px solid rgba(100, 100, 100, 0.25); }
  .fire-hub__tabs a {
    color: inherit;
    font-size: 1.5rem; }
  .fire-hub__section {
    margin-top: 5rem;
    scroll-margin-top: 2rem; }
  .fire-hub__section h2 {
    font-size: clamp(2.5rem, 3vw, 3.5rem);
    font-weight: 400; }
  .fire-hub__section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin-bottom: 2rem; }
  .fire-hub__section-heading h2 {
    margin: 0; }
  .fire-hub__section-heading a {
    color: inherit;
    font-size: 1.5rem; }
  .fire-hub__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 3rem; }
  .fire-hub__card {
    min-width: 0; }
  .fire-hub__image-link {
    display: block;
    background: rgba(100, 100, 100, 0.08);
    overflow: hidden; }
  .fire-hub__image-link img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    object-fit: cover;
    transition: transform .3s; }
  .fire-hub__image-link img.random-cover-loading {
    opacity: 0; }
  .fire-hub__image-link img[data-random-cover] {
    transition: opacity .65s ease, transform .3s; }
  .fire-hub__image-link:hover img {
    transform: scale(1.025); }
  .fire-hub__image-link .fire-hub__image--dark {
    display: none; }
  .fire-hub__placeholder {
    display: grid;
    place-items: center;
    aspect-ratio: 1;
    padding: 2rem;
    color: inherit;
    text-align: center;
    font-size: 2rem; }
  .fire-hub__card-body {
    padding-top: 1.5rem; }
  .fire-hub__card h3 {
    font-size: 2rem;
    font-weight: 400;
    margin: 0 0 1rem; }
  .fire-hub__card h3 a {
    color: inherit; }
  .fire-hub__arrow {
    display: inline-block;
    margin-left: .65rem;
    font-size: .9em;
    transition: transform .25s ease; }
  .fire-hub__card h3 a:hover .fire-hub__arrow, .fire-hub__card h3 a:focus-visible .fire-hub__arrow {
    transform: translateX(0.35rem); }
  .fire-hub__card p {
    font-size: 1.5rem;
    line-height: 1.65;
    margin: 0 0 1.5rem;
    text-align: left; }
  .fire-hub__card .fire-hub__eyebrow {
    font-size: 1.1rem; }
  .fire-hub__profile {
    color: inherit;
    font-size: 1.4rem; }
  .fire-hub--shop .fire-hub__grid--featured {
    display: block;
    max-width: 900px;
    margin: 0 auto; }
  .fire-hub--shop .fire-hub__grid--featured .fire-hub__card {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center; }
  .fire-hub--artists .fire-hub__image-link img {
    aspect-ratio: 4 / 5; }

[data-random-cover].random-cover-loading {
  opacity: 0; }

[data-random-cover][loaded="true"] {
  opacity: 1; }

body.colorscheme-dark .fire-hub__image--light {
  display: none; }

body.colorscheme-dark .fire-hub__image-link .fire-hub__image--dark {
  display: block; }

@media (prefers-color-scheme: dark) {
  body.colorscheme-auto .fire-hub__image--light {
    display: none; }
  body.colorscheme-auto .fire-hub__image-link .fire-hub__image--dark {
    display: block; } }

@media (max-width: 900px) {
  .fire-hub__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)); } }

@media (max-width: 600px) {
  .fire-hub__grid, .fire-hub--shop .fire-hub__grid--featured .fire-hub__card {
    grid-template-columns: 1fr; }
  .fire-hub__section-heading {
    align-items: flex-start;
    flex-direction: column; } }

.content .fire-project {
  max-width: 1200px;
  width: 100%;
  min-width: 0;
  padding-top: clamp(2rem, 5vw, 5rem);
  padding-bottom: 5rem; }
  .content .fire-project h1, .content .fire-project h2, .content .fire-project h3 {
    color: inherit; }
  .content .fire-project h2 {
    font-size: clamp(2rem, 2.4vw, 3rem);
    margin-top: 0; }

.fire-project__header {
  text-align: center;
  margin-bottom: 3rem; }

.fire-project__header h1 {
  margin: 1.2rem 0 0; }

.fire-project__header--hero-title {
  padding: 36px 20px 0; }

.fire-project__back {
  font-size: 1.4rem; }

.fire-project__section {
  margin-bottom: clamp(3rem, 5vw, 6rem); }

.fire-project__images {
  --fire-project-media-radius: 6px;
  display: grid;
  gap: 1.5rem; }
  .fire-project__images figure {
    margin: 0;
    min-width: 0;
    overflow: hidden;
    border-radius: var(--fire-project-media-radius); }
  .fire-project__images a {
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: inherit;
    transform: translateZ(0); }
    .fire-project__images a:focus-visible {
      outline: 2px solid currentColor;
      outline-offset: -3px; }
  .fire-project__images img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: inherit;
    transition: transform 0.45s cubic-bezier(0.2, 0.65, 0.3, 1);
    will-change: transform; }
  @media (hover: hover) and (pointer: fine) {
    .fire-project__images a:hover img {
      transform: scale(1.03); } }
.fire-project__images--multiple {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: minmax(220px, 1fr);
  align-items: stretch; }
  .fire-project__images--multiple figure, .fire-project__images--multiple a {
    height: 100%; }
  .fire-project__images--multiple img {
    height: 100%;
    object-fit: cover; }

@media (min-width: 681px) {
  .fire-project__images--collage {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-flow: column;
    grid-auto-rows: minmax(220px, 1fr);
    align-items: stretch; }
    .fire-project__images--collage figure, .fire-project__images--collage a {
      height: 100%; }
    .fire-project__images--collage img {
      height: 100%;
      object-fit: cover; }
    .fire-project__images--collage.fire-project__images--left figure:nth-child(3n + 1) {
      grid-column: 1 / span 2;
      grid-row: span 2; }
    .fire-project__images--collage.fire-project__images--left figure:nth-child(3n + 1):last-child {
      grid-column: 1 / span 3; }
    .fire-project__images--collage.fire-project__images--left figure:nth-child(3n + 2), .fire-project__images--collage.fire-project__images--left figure:nth-child(3n) {
      grid-column-start: 3; }
    .fire-project__images--collage.fire-project__images--left figure:nth-child(3n + 2):last-child {
      grid-row: span 2; }
    .fire-project__images--collage.fire-project__images--right figure:nth-child(3n + 1) {
      grid-column-start: 1;
      grid-row: span 1; }
    .fire-project__images--collage.fire-project__images--right figure:nth-child(3n + 1):last-child {
      grid-column: 1 / span 3; }
    .fire-project__images--collage.fire-project__images--right figure:nth-child(3n + 2) {
      grid-column-start: 1; }
    .fire-project__images--collage.fire-project__images--right figure:nth-child(3n):not(:last-child) {
      grid-column: 2 / span 2;
      grid-row: span 2; }
    .fire-project__images--collage.fire-project__images--right figure:nth-child(3n):last-child {
      grid-column: 2 / span 2;
      grid-row: span 2; } }

.fire-project__section--hero img {
  max-height: 76vh;
  object-fit: contain; }

.fire-project__section--paired {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(2rem, 4vw, 5rem); }

.fire-project__text {
  max-width: 760px;
  margin: 0 auto; }
  .fire-project__text p {
    text-align: left;
    line-height: 1.8;
    white-space: pre-line;
    overflow-wrap: anywhere; }

.fire-project__facts {
  max-width: 900px;
  margin: 0 auto clamp(3rem, 5vw, 6rem); }
  .fire-project__facts dl {
    margin: 0; }
  .fire-project__facts dl > div {
    display: grid;
    grid-template-columns: minmax(130px, 1fr) minmax(0, 3fr);
    gap: 2rem;
    padding: 1.4rem 0;
    border-bottom: 1px solid currentColor; }
  .fire-project__facts dt {
    font-weight: 600; }
  .fire-project__facts dd {
    margin: 0;
    white-space: pre-line; }

.fire-project__products, .fire-project__related {
  margin-top: 5rem; }

.fire-project__related {
  padding-top: 3rem;
  border-top: 1px solid currentColor; }

@media (max-width: 680px) {
  .fire-project__section--paired {
    grid-template-columns: 1fr; }
  .fire-project__images--multiple {
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    gap: .8rem; }
    .fire-project__images--multiple figure, .fire-project__images--multiple a, .fire-project__images--multiple img {
      height: auto; }
  .fire-project__facts dl > div {
    grid-template-columns: 1fr;
    gap: .5rem; } }

@media (prefers-reduced-motion: reduce) {
  .fire-project__images img {
    transition: none; } }

.content .fire-benjamin {
  width: 100%;
  min-width: 0; }
  .content .fire-benjamin h1, .content .fire-benjamin h2, .content .fire-benjamin h3 {
    color: inherit; }
  .content .fire-benjamin figure {
    margin: 0; }
  .content .fire-benjamin img {
    display: block;
    width: 100%;
    height: auto; }

.fire-benjamin__opening {
  background: #1e1e1e;
  color: #babfb8; }

.content .fire-benjamin__header {
  width: calc(100% - 4rem);
  max-width: 1200px;
  margin: 0 auto;
  padding: 2.5rem 0; }
  .content .fire-benjamin__header h1 {
    margin: 0;
    font-size: clamp(3rem, 4vw, 4.2rem);
    font-weight: 400; }

.fire-benjamin__panels {
  max-width: 2400px;
  min-height: 840px;
  margin: 0 auto;
  display: flex;
  align-items: center; }

.fire-benjamin__panel-row {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 10px;
  padding: 24px 20px 32px; }

.fire-benjamin__panel {
  width: 100%;
  max-width: 190px;
  height: 720px;
  justify-self: center;
  overflow: hidden;
  border-radius: 8px;
  transition: transform .3s; }
  .fire-benjamin__panel a {
    display: block;
    height: 100%; }
  .fire-benjamin__panel:hover {
    transform: scale(1.15);
    position: relative;
    z-index: 1; }

.content .fire-benjamin .fire-benjamin__panel img {
  height: 100%;
  object-fit: cover; }

.fire-benjamin__pair {
  background: #181616;
  padding: 4px 20px 64px; }

.fire-benjamin__pair-inner {
  max-width: 1200px;
  min-height: 732px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  gap: 20px; }
  .fire-benjamin__pair-inner figure {
    overflow: hidden;
    border-radius: 8px; }
  .fire-benjamin__pair-inner figure:last-child {
    grid-column: 3; }
  .fire-benjamin__pair-inner img {
    aspect-ratio: 1;
    object-fit: cover; }

.fire-benjamin__collection {
  width: calc(100% - 4rem);
  max-width: 1200px;
  margin: 0 auto;
  padding: 64px 0; }

.fire-benjamin__collage {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 20px;
  align-items: start; }

.fire-benjamin__collage-main {
  grid-row: span 2; }
  .fire-benjamin__collage-main a {
    display: block; }
  .fire-benjamin__collage-main img {
    height: auto; }

.fire-benjamin__card {
  display: block;
  color: inherit; }
  .fire-benjamin__card img {
    aspect-ratio: 1;
    object-fit: cover; }
  .fire-benjamin__card h3 {
    margin: 1rem 0 0;
    font-size: 1.7rem; }

.fire-benjamin__inquiry {
  max-width: 760px;
  width: calc(100% - 4rem);
  margin: 0 auto 6rem; }

@media (max-width: 749px) {
  .fire-benjamin__panels {
    min-height: 0;
    overflow-x: auto;
    padding-bottom: 1rem; }
  .fire-benjamin__panel-row {
    grid-template-columns: repeat(7, 110px);
    width: max-content; }
  .fire-benjamin__panel {
    height: 420px; }
  .fire-benjamin__pair {
    padding: 40px 20px; }
  .fire-benjamin__pair-inner {
    min-height: 0;
    grid-template-columns: 1fr;
    gap: 30px; }
    .fire-benjamin__pair-inner figure:last-child {
      grid-column: auto; }
  .fire-benjamin__collage {
    grid-template-columns: 1fr; }
  .fire-benjamin__collage-main {
    grid-row: auto; } }

@media (prefers-reduced-motion: reduce) {
  .fire-benjamin__panel {
    transition: none; }
    .fire-benjamin__panel:hover {
      transform: none; } }

.content .fire-artist {
  width: 100%;
  min-width: 0;
  color: #231f20; }
  .content .fire-artist h1, .content .fire-artist h2, .content .fire-artist h3 {
    color: inherit;
    font-weight: 400; }
  .content .fire-artist h1 {
    font-size: 4rem;
    margin: 0 0 2rem; }
  .content .fire-artist h2 {
    font-size: 3rem;
    margin: 0 0 3rem; }
  .content .fire-artist h3 {
    font-size: 1.8rem;
    margin: 1.2rem 0; }
  .content .fire-artist figure {
    margin: 0; }
  .content .fire-artist img {
    display: block;
    width: 100%;
    height: auto; }
  .content .fire-artist a {
    color: inherit; }
  .content .fire-artist .fire-artist__width {
    max-width: 1200px;
    margin: auto;
    padding: 0 50px; }
  .content .fire-artist .fire-artist__section {
    width: 100%; }
  .content .fire-artist .fire-artist__slideshow {
    position: relative;
    overflow: hidden; }
  .content .fire-artist .fire-artist__slides {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    scroll-behavior: smooth; }
    .content .fire-artist .fire-artist__slides figure {
      min-width: 100%;
      scroll-snap-align: start; }
    .content .fire-artist .fire-artist__slides img {
      height: 420px;
      object-fit: cover; }
  .content .fire-artist .fire-artist__slide-controls {
    position: absolute;
    bottom: 12px;
    right: 20px;
    display: flex;
    gap: 12px;
    align-items: center;
    color: white;
    background: #181616cc;
    padding: 5px 12px; }
    .content .fire-artist .fire-artist__slide-controls button {
      color: inherit;
      background: transparent;
      border: 0;
      cursor: pointer; }
  .content .fire-artist .fire-artist__banner {
    overflow: hidden; }
  .content .fire-artist .fire-artist__banner img {
    height: 560px;
    object-fit: cover; }
  .content .fire-artist .fire-artist__bio {
    background: #f6efe9;
    padding: 40px 0; }
  .content .fire-artist .fire-artist__bio-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    align-items: stretch; }
  .content .fire-artist .fire-artist__bio-copy {
    padding: 40px 20px 40px 0;
    font-size: 1.8rem;
    line-height: 1.5; }
  .content .fire-artist .fire-artist__bio-inner > figure {
    position: relative;
    min-height: 400px; }
    .content .fire-artist .fire-artist__bio-inner > figure img {
      height: 100%;
      object-fit: cover; }
  .content .fire-artist .fire-artist__bio-inner--text-only {
    display: block; }
  .content .fire-artist .fire-artist__triptych {
    background: #181616;
    color: #babfb8;
    height: 800px;
    padding: 36px 0; }
  .content .fire-artist .fire-artist__triptych-inner {
    max-width: 1240px;
    margin: auto;
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    padding: 20px;
    align-items: center; }
    .content .fire-artist .fire-artist__triptych-inner figure {
      max-width: 300px;
      height: 600px;
      border-radius: 8px;
      overflow: hidden;
      justify-self: center;
      width: 100%; }
    .content .fire-artist .fire-artist__triptych-inner figure a {
      display: block;
      height: 100%; }
    .content .fire-artist .fire-artist__triptych-inner img {
      height: 100%;
      object-fit: cover; }
    .content .fire-artist .fire-artist__triptych-inner nav {
      text-align: center; }
      .content .fire-artist .fire-artist__triptych-inner nav a {
        display: block;
        margin: 20px 0;
        font-size: 1.6rem; }
  .content .fire-artist .fire-artist__cards {
    padding: 64px 0; }
  .content .fire-artist .fire-artist__card-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 30px; }
  .content .fire-artist .fire-artist__card-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .content .fire-artist .fire-artist__card {
    min-width: 0;
    display: block; }
    .content .fire-artist .fire-artist__card img {
      aspect-ratio: 1;
      object-fit: cover; }
  .content .fire-artist .fire-artist__catalog {
    padding: 75px 0;
    background: #181616;
    color: #babfb8; }
    .content .fire-artist .fire-artist__catalog h2 {
      text-align: center; }
  .content .fire-artist .fire-artist__catalog-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center;
    text-align: center; }
  .content .fire-artist .fire-artist__catalog-images {
    position: relative;
    max-width: 500px; }
    .content .fire-artist .fire-artist__catalog-images img + img {
      position: absolute;
      inset: 0;
      opacity: 0;
      transition: opacity .2s; }
    .content .fire-artist .fire-artist__catalog-images:hover img + img {
      opacity: 1; }
  .content .fire-artist .fire-artist__catalog-placeholder {
    text-align: center; }
  .content .fire-artist .fire-artist__panels {
    height: 840px;
    max-width: 2400px;
    padding: 24px 20px 32px;
    margin: auto;
    display: flex;
    align-items: center; }
  .content .fire-artist .fire-artist__panel-row {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    width: 100%;
    gap: 10px; }
    .content .fire-artist .fire-artist__panel-row figure {
      justify-self: center;
      max-width: 190px;
      width: 100%;
      height: 720px;
      border-radius: 8px;
      overflow: hidden; }
    .content .fire-artist .fire-artist__panel-row figure a {
      display: block;
      height: 100%; }
    .content .fire-artist .fire-artist__panel-row img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .content .fire-artist .fire-artist__collage {
    padding: 36px 0; }
  .content .fire-artist .fire-artist__collage-inner {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 10px; }
    .content .fire-artist .fire-artist__collage-inner > div {
      display: grid;
      gap: 10px; }
  .content .fire-artist .fire-artist__contact {
    background: #f4f4f4;
    padding: 64px 20px; }
  .content .fire-artist .fire-artist__contact-inner {
    max-width: 720px;
    margin: auto; }
    .content .fire-artist .fire-artist__contact-inner label {
      display: block;
      font-size: 1.6rem; }
    .content .fire-artist .fire-artist__contact-inner input, .content .fire-artist .fire-artist__contact-inner textarea {
      display: block;
      width: 100%;
      padding: 12px;
      border: 1px solid currentColor;
      border-radius: 0;
      background: transparent;
      color: inherit;
      margin: 4px 0 20px; }
    .content .fire-artist .fire-artist__contact-inner button {
      background: #252525;
      color: white;
      border: 0;
      padding: 15px 30px;
      cursor: pointer; }
  .content .fire-artist .fire-artist__contact-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px; }

.content .fire-artist--firekultur .fire-artist__cards:first-of-type,
.content .fire-artist--firekultur [data-source-section*="featured_collection"] {
  background: #181616;
  color: #babfb8; }

.content .fire-artist:is(.fire-artist--firekultur, .fire-artist--ramona-biciusca) .fire-artist__bio-inner > figure {
  border-radius: 8px;
  overflow: hidden; }

.content .fire-artist--ramona-biciusca .fire-artist__bio, .content .fire-artist--ramona-biciusca .fire-artist__cards, .content .fire-artist--ramona-biciusca .fire-artist__triptych {
  background: #f4f4f4;
  color: #2a230b; }

.content .fire-artist--ramona-biciusca .fire-artist__triptych {
  height: 720px;
  padding: 64px 0; }
  .content .fire-artist--ramona-biciusca .fire-artist__triptych figure {
    height: 550px;
    max-width: 350px; }

.content .fire-artist--benjamin {
  background: #f6efe9; }
  .content .fire-artist--benjamin .fire-artist__panel-row figure {
    border-radius: 0;
    transition: transform .3s ease; }
    .content .fire-artist--benjamin .fire-artist__panel-row figure:hover, .content .fire-artist--benjamin .fire-artist__panel-row figure:focus-within {
      transform: scale(1.15);
      position: relative;
      z-index: 1; }
  .content .fire-artist--benjamin .fire-artist__bio, .content .fire-artist--benjamin .fire-artist__panels {
    background: #1e1e1e;
    color: #babfb8; }
  .content .fire-artist--benjamin .fire-artist__bio {
    padding: 0; }
    .content .fire-artist--benjamin .fire-artist__bio .fire-artist__bio-copy {
      padding: 25px 0; }
    .content .fire-artist--benjamin .fire-artist__bio h1 {
      margin: 0; }
  .content .fire-artist--benjamin .fire-artist__triptych figure {
    height: 500px;
    max-width: 500px; }

body.colorscheme-dark .content .fire-artist {
  color: #dadada; }
  body.colorscheme-dark .content .fire-artist .fire-artist__bio, body.colorscheme-dark .content .fire-artist .fire-artist__cards, body.colorscheme-dark .content .fire-artist .fire-artist__collage, body.colorscheme-dark .content .fire-artist .fire-artist__contact {
    background: #1e1e1e;
    color: #dadada; }
  body.colorscheme-dark .content .fire-artist.fire-artist--ramona-biciusca .fire-artist__triptych {
    background: #1e1e1e;
    color: #dadada; }

@media (max-width: 749px) {
  .content .fire-artist .fire-artist__width {
    padding: 0 20px; }
  .content .fire-artist .fire-artist__bio-inner {
    grid-template-columns: 1fr; }
  .content .fire-artist .fire-artist__bio-copy {
    padding: 20px 0; }
  .content .fire-artist .fire-artist__bio-inner > figure {
    min-height: 0; }
    .content .fire-artist .fire-artist__bio-inner > figure img {
      max-height: 500px;
      object-fit: contain; }
  .content .fire-artist .fire-artist__banner img {
    height: 340px; }
  .content .fire-artist .fire-artist__slides img {
    height: 280px; }
  .content .fire-artist .fire-artist__triptych {
    height: auto;
    padding: 30px 10px; }
  .content .fire-artist .fire-artist__triptych-inner {
    grid-template-columns: 1fr; }
    .content .fire-artist .fire-artist__triptych-inner figure {
      height: auto;
      max-width: 350px; }
      .content .fire-artist .fire-artist__triptych-inner figure img {
        height: auto;
        max-height: 400px;
        object-fit: contain; }
  .content .fire-artist .fire-artist__card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px; }
  .content .fire-artist .fire-artist__card-grid--3 {
    grid-template-columns: 1fr; }
  .content .fire-artist .fire-artist__panels {
    height: auto;
    padding: 30px 20px; }
  .content .fire-artist .fire-artist__panel-row {
    grid-template-columns: 1fr;
    gap: 20px; }
    .content .fire-artist .fire-artist__panel-row figure {
      height: auto;
      max-width: 190px; }
    .content .fire-artist .fire-artist__panel-row img {
      height: auto; }
  .content .fire-artist .fire-artist__collage-inner, .content .fire-artist .fire-artist__catalog-inner, .content .fire-artist .fire-artist__contact-row {
    grid-template-columns: 1fr; }
  .content .fire-artist.fire-artist--benjamin .fire-artist__triptych figure {
    height: auto; }
  .content .fire-artist.fire-artist--benjamin .fire-artist__panel-row figure:hover, .content .fire-artist.fire-artist--benjamin .fire-artist__panel-row figure:focus-within {
    transform: scale(1.035); } }

@media (prefers-reduced-motion: reduce) {
  .content .fire-artist .fire-artist__slides {
    scroll-behavior: auto; } }

@media (prefers-reduced-motion: reduce) {
  .content .fire-artist--benjamin .fire-artist__panel-row figure {
    transition: none; } }

.content .fire-legal {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  background: #f6efe9;
  color: #231f20; }
  .content .fire-legal .fire-legal__document, .content .fire-legal .fire-legal__contact {
    max-width: 726px;
    width: calc(100% - 40px);
    margin: auto;
    padding: 64px 0; }
  .content .fire-legal h1 {
    color: inherit;
    font-size: 4rem;
    line-height: 1.3;
    font-weight: 400;
    margin: 0 0 3rem; }
  .content .fire-legal h2 {
    color: inherit;
    font-size: 3rem;
    font-weight: 400;
    margin: 0 0 3rem; }
  .content .fire-legal h3 {
    color: inherit;
    font-size: 2rem;
    margin: 2.4rem 0 1.2rem;
    line-height: 1.4; }
  .content .fire-legal h4 {
    color: inherit;
    font-size: 1.7rem;
    margin: 2rem 0 1rem;
    line-height: 1.5; }
  .content .fire-legal .fire-legal__body {
    font-size: 1.6rem;
    line-height: 1.8; }
    .content .fire-legal .fire-legal__body p {
      margin: 1.4rem 0; }
    .content .fire-legal .fire-legal__body ul {
      padding-left: 2.4rem;
      margin: 1.4rem 0;
      list-style: disc; }
    .content .fire-legal .fire-legal__body ul ul {
      list-style: circle; }
    .content .fire-legal .fire-legal__body li {
      margin: .8rem 0; }
    .content .fire-legal .fire-legal__body hr {
      margin: 3.2rem 0;
      border: 0;
      border-top: 1px solid #231f2033; }
  .content .fire-legal .fire-legal__fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px; }
  .content .fire-legal label {
    display: block;
    font-size: 1.6rem; }
  .content .fire-legal input, .content .fire-legal textarea {
    display: block;
    width: 100%;
    padding: 12px;
    border: 1px solid currentColor;
    background: transparent;
    color: inherit;
    margin: 4px 0 20px;
    border-radius: 0; }
  .content .fire-legal button.submit-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: .875rem 1.5rem;
    background: #B8860B;
    color: #F6EFE9;
    border: none;
    border-radius: .5rem;
    font-size: 1.2rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease; }
    .content .fire-legal button.submit-button:hover, .content .fire-legal button.submit-button:focus-visible {
      background: #886308;
      color: #F6EFE9;
      transform: translateY(-1px);
      box-shadow: 0 4px 12px rgba(184, 134, 11, 0.3); }

body.colorscheme-dark .content .fire-legal {
  background: #1e1e1e;
  color: #dadada; }
  body.colorscheme-dark .content .fire-legal .fire-legal__body hr {
    border-color: #dadada33; }
  body.colorscheme-dark .content .fire-legal button.submit-button {
    background: #D4A574;
    color: #1A1A1A; }
    body.colorscheme-dark .content .fire-legal button.submit-button:hover, body.colorscheme-dark .content .fire-legal button.submit-button:focus-visible {
      background: #c88c4d;
      color: #1A1A1A;
      box-shadow: 0 4px 12px rgba(212, 165, 116, 0.3); }

@media (prefers-color-scheme: dark) {
  body.colorscheme-auto .content .fire-legal {
    background: #1e1e1e;
    color: #dadada; }
    body.colorscheme-auto .content .fire-legal .fire-legal__body hr {
      border-color: #dadada33; }
    body.colorscheme-auto .content .fire-legal button.submit-button {
      background: #D4A574;
      color: #1A1A1A; }
      body.colorscheme-auto .content .fire-legal button.submit-button:hover, body.colorscheme-auto .content .fire-legal button.submit-button:focus-visible {
        background: #c88c4d;
        color: #1A1A1A;
        box-shadow: 0 4px 12px rgba(212, 165, 116, 0.3); } }

@media (max-width: 749px) {
  .content .fire-legal .fire-legal__document, .content .fire-legal .fire-legal__contact {
    padding: 48px 0; }
  .content .fire-legal h1 {
    font-size: 3rem; }
  .content .fire-legal .fire-legal__fields {
    grid-template-columns: 1fr;
    gap: 0; } }

.mobile-close {
  display: none; }

.navigation {
  --navigation-dark-bg: #1A1A1A;
  --navigation-light-bg: #F6EFE9;
  height: 128px !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  background-color: var(--navigation-light-bg) !important;
  position: relative; }
  .navigation > .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    width: 100%;
    margin-bottom: 0 !important;
    position: relative; }
    .navigation > .container .navigation-title {
      text-align: center;
      margin-bottom: 15px !important;
      width: 100%;
      font-size: 0;
      color: transparent; }
      .navigation > .container .navigation-title::before {
        content: "";
        display: inline-block;
        width: 135px;
        height: 45px;
        background-image: url("/logo/firekultur_logo_light.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        vertical-align: middle; }
    .navigation > .container .navigation-list {
      text-align: center;
      float: none !important;
      margin: 0 !important;
      margin-bottom: 10px !important;
      width: 100%;
      display: flex;
      justify-content: center;
      gap: 2rem; }
      .navigation > .container .navigation-list .navigation-item {
        font-size: 2rem !important;
        position: relative; }
        .navigation > .container .navigation-list .navigation-item .navigation-link {
          font-size: 1.4rem !important; }
        .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-toggle {
          cursor: pointer; }
          .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-toggle::after {
            content: '▼';
            font-size: 0.7rem;
            margin-left: 0.3rem;
            transition: transform 0.3s ease; }
        .navigation > .container .navigation-list .navigation-item.nav-dropdown:hover .dropdown-toggle::after {
          transform: rotate(180deg); }
        .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu {
          position: absolute;
          top: 100%;
          left: 0;
          background: var(--navigation-light-bg);
          border: 1px solid rgba(33, 33, 33, 0.2);
          border-radius: 0.5rem;
          box-shadow: 0 4px 12px rgba(33, 33, 33, 0.1);
          min-width: 200px;
          opacity: 0;
          visibility: hidden;
          transform: translateY(-10px);
          transition: all 0.3s ease;
          z-index: 1000;
          list-style: none;
          margin: 0;
          padding: 0.5rem 0; }
          .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu li {
            margin: 0;
            padding: 0; }
          .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .dropdown-item {
            display: block;
            padding: 0.5rem 1rem;
            color: #212121;
            text-decoration: none;
            font-size: 1.35rem;
            transition: background-color 0.2s ease; }
            .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .dropdown-item:hover {
              text-decoration: underline;
              filter: brightness(1.2); }
          .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .nav-dropdown-child {
            position: relative; }
            .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .nav-dropdown-child .dropdown-toggle-child {
              cursor: pointer; }
              .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .nav-dropdown-child .dropdown-toggle-child::after {
                content: '▶';
                font-size: 0.6rem;
                margin-left: 0.3rem;
                transition: transform 0.3s ease; }
            .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .nav-dropdown-child:hover .dropdown-toggle-child::after {
              transform: rotate(90deg); }
            .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .nav-dropdown-child .dropdown-menu-child {
              position: absolute;
              left: 100%;
              top: 0;
              background: var(--navigation-light-bg);
              border: 1px solid rgba(33, 33, 33, 0.2);
              border-radius: 0.5rem;
              box-shadow: 0 4px 12px rgba(33, 33, 33, 0.1);
              min-width: 180px;
              opacity: 0;
              visibility: hidden;
              transform: translateX(-10px);
              transition: all 0.3s ease;
              z-index: 1001;
              list-style: none;
              margin: 0;
              padding: 0.5rem 0; }
              .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .nav-dropdown-child .dropdown-menu-child li {
                margin: 0;
                padding: 0; }
              .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .nav-dropdown-child .dropdown-menu-child .dropdown-item-child {
                display: block;
                padding: 0.5rem 1rem;
                color: #212121 !important;
                text-decoration: none;
                font-size: 1.2rem;
                transition: background-color 0.2s ease; }
                .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .nav-dropdown-child .dropdown-menu-child .dropdown-item-child:hover {
                  color: #212121 !important;
                  text-decoration: underline;
                  filter: brightness(1.2); }
            .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .nav-dropdown-child:hover .dropdown-menu-child {
              opacity: 1;
              visibility: visible;
              transform: translateX(0); }
        .navigation > .container .navigation-list .navigation-item.nav-dropdown:hover .dropdown-menu {
          opacity: 1;
          visibility: visible;
          transform: translateY(0); }

body.colorscheme-dark .navigation {
  background-color: var(--navigation-dark-bg) !important; }
  body.colorscheme-dark .navigation > .container .navigation-title::before {
    background-image: url("/logo/firekultur_logo_dark.png"); }
  body.colorscheme-dark .navigation > .container .navigation-list .navigation-item .navigation-link {
    color: #dadada; }
  body.colorscheme-dark .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu {
    background: var(--navigation-dark-bg);
    border-color: #424242; }
    body.colorscheme-dark .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .dropdown-item {
      color: #dadada; }
      body.colorscheme-dark .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .dropdown-item:hover {
        text-decoration: underline;
        filter: brightness(1.2); }
    body.colorscheme-dark .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .nav-dropdown-child .dropdown-menu-child {
      background: var(--navigation-dark-bg);
      border-color: #424242; }
      body.colorscheme-dark .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .nav-dropdown-child .dropdown-menu-child .dropdown-item-child {
        color: #dadada !important; }
        body.colorscheme-dark .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .nav-dropdown-child .dropdown-menu-child .dropdown-item-child:hover {
          color: #dadada !important;
          text-decoration: underline;
          filter: brightness(1.2); }

@media (prefers-color-scheme: dark) {
  body.colorscheme-auto .navigation {
    background-color: var(--navigation-dark-bg) !important; }
    body.colorscheme-auto .navigation > .container .navigation-title::before {
      background-image: url("/logo/firekultur_logo_dark.png"); }
    body.colorscheme-auto .navigation > .container .navigation-list .navigation-item .navigation-link {
      color: #dadada; }
    body.colorscheme-auto .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu {
      background: var(--navigation-dark-bg);
      border-color: #424242; }
      body.colorscheme-auto .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .dropdown-item {
        color: #dadada; }
        body.colorscheme-auto .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .dropdown-item:hover {
          text-decoration: underline;
          filter: brightness(1.2); }
      body.colorscheme-auto .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .nav-dropdown-child .dropdown-menu-child {
        background: var(--navigation-dark-bg);
        border-color: #424242; }
        body.colorscheme-auto .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .nav-dropdown-child .dropdown-menu-child .dropdown-item-child {
          color: #dadada; }
          body.colorscheme-auto .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .nav-dropdown-child .dropdown-menu-child .dropdown-item-child:hover {
            text-decoration: underline;
            filter: brightness(1.2); } }

.navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .dropdown-item {
  color: rgba(33, 33, 33, 0.65); }

.navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu a[href="#"].dropdown-item {
  color: rgba(33, 33, 33, 0.5); }

.navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .dropdown-item:hover {
  color: #212121 !important; }

.navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu-child .dropdown-item-child {
  color: rgba(33, 33, 33, 0.65); }

.navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu-child a[href="#"].dropdown-item-child {
  color: rgba(33, 33, 33, 0.5); }

.navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu-child .dropdown-item-child:hover {
  color: #212121 !important; }

body.colorscheme-dark .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .dropdown-item {
  color: rgba(218, 218, 218, 0.7); }

body.colorscheme-dark .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu a[href="#"].dropdown-item {
  color: rgba(218, 218, 218, 0.55); }

body.colorscheme-dark .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .dropdown-item:hover {
  color: #dadada !important; }

body.colorscheme-dark .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu-child .dropdown-item-child {
  color: rgba(218, 218, 218, 0.7); }

body.colorscheme-dark .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu-child a[href="#"].dropdown-item-child {
  color: rgba(218, 218, 218, 0.55); }

body.colorscheme-dark .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu-child .dropdown-item-child:hover {
  color: #dadada; }

@media (prefers-color-scheme: dark) {
  body.colorscheme-auto .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .dropdown-item {
    color: rgba(218, 218, 218, 0.7); }
  body.colorscheme-auto .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu a[href="#"].dropdown-item {
    color: rgba(218, 218, 218, 0.55); }
  body.colorscheme-auto .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .dropdown-item:hover {
    color: #dadada !important; }
  body.colorscheme-auto .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu-child .dropdown-item-child {
    color: rgba(218, 218, 218, 0.7); }
  body.colorscheme-auto .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu-child a[href="#"].dropdown-item-child {
    color: rgba(218, 218, 218, 0.55); }
  body.colorscheme-auto .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu-child .dropdown-item-child:hover {
    color: #dadada !important; } }

@media (max-width: 768px) {
  .navigation {
    height: 80px !important; }
    .navigation > .container {
      flex-direction: row !important;
      justify-content: space-between !important;
      align-items: center !important;
      padding: 0 1rem; }
      .navigation > .container .navigation-title {
        margin-bottom: 0 !important;
        margin-right: auto; }
        .navigation > .container .navigation-title::before {
          width: 100px;
          height: 33px; }
      .navigation > .container #menu-toggle {
        display: none; }
      .navigation > .container .menu-button {
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 30px;
        height: 30px;
        background: transparent;
        border: none;
        cursor: pointer;
        padding: 0;
        z-index: 1001;
        position: relative; }
        .navigation > .container .menu-button::before, .navigation > .container .menu-button::after,
        .navigation > .container .menu-button .hamburger-line {
          content: '';
          display: block;
          width: 25px;
          height: 3px;
          background-color: #212121;
          transition: all 0.3s ease;
          border-radius: 2px; }
        .navigation > .container .menu-button::before {
          transform: translateY(-8px); }
        .navigation > .container .menu-button::after {
          transform: translateY(5px); }
        .navigation > .container .menu-button .hamburger-line {
          position: absolute;
          top: 50%;
          transform: translateY(-50%); }
        .navigation > .container .menu-button.active::before {
          transform: translateY(0) rotate(45deg); }
        .navigation > .container .menu-button.active::after {
          transform: translateY(-3px) rotate(-45deg); }
        .navigation > .container .menu-button.active .hamburger-line {
          opacity: 0; }
      .navigation > .container .navigation-list {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: var(--navigation-light-bg);
        display: flex !important;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        padding-top: 80px;
        gap: 1rem;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
        z-index: 1000;
        overflow-y: auto;
        overflow-x: hidden;
        box-sizing: border-box; }
        .navigation > .container .navigation-list .mobile-close {
          display: block;
          position: absolute;
          top: 20px;
          right: 20px;
          width: auto;
          text-align: center; }
          .navigation > .container .navigation-list .mobile-close .mobile-close-btn {
            background: transparent;
            border: none;
            font-size: 2rem;
            color: #212121;
            cursor: pointer;
            padding: 0.5rem;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background-color 0.2s ease; }
            .navigation > .container .navigation-list .mobile-close .mobile-close-btn:hover {
              background-color: rgba(33, 33, 33, 0.1); }
        .navigation > .container .navigation-list .navigation-item {
          font-size: 1.8rem !important;
          width: 100%;
          max-width: 100%;
          text-align: center;
          box-sizing: border-box; }
          .navigation > .container .navigation-list .navigation-item .navigation-link {
            font-size: 1.6rem !important;
            padding: 1rem;
            display: block;
            width: 100%;
            max-width: 100%;
            box-sizing: border-box;
            word-wrap: break-word;
            overflow-wrap: break-word; }
          .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-toggle::after {
            font-size: 0.8rem;
            margin-left: 0.5rem; }
          .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu {
            position: static;
            opacity: 1;
            visibility: visible;
            transform: none;
            box-shadow: none;
            border: none;
            background: transparent;
            min-width: auto;
            width: 100%;
            max-width: 100%;
            padding: 0;
            margin-top: 0.5rem;
            display: none;
            box-sizing: border-box; }
            .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .dropdown-item {
              font-size: 1.4rem;
              padding: 0.8rem 1rem;
              text-align: center;
              border-bottom: 1px solid rgba(33, 33, 33, 0.1);
              max-width: 100%;
              box-sizing: border-box;
              word-wrap: break-word;
              overflow-wrap: break-word; }
              .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .dropdown-item:last-child {
                border-bottom: none; }
            .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .nav-dropdown-child .dropdown-toggle-child::after {
              font-size: 0.7rem;
              margin-left: 0.3rem; }
            .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .nav-dropdown-child .dropdown-menu-child {
              position: static;
              opacity: 1;
              visibility: visible;
              transform: none;
              box-shadow: none;
              border: none;
              background: transparent;
              min-width: auto;
              width: 100%;
              padding: 0;
              margin-top: 0.5rem;
              display: none; }
              .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .nav-dropdown-child .dropdown-menu-child .dropdown-item-child {
                font-size: 1.2rem;
                padding: 0.6rem 1rem;
                text-align: center;
                border-bottom: 1px solid rgba(33, 33, 33, 0.1); }
                .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .nav-dropdown-child .dropdown-menu-child .dropdown-item-child:last-child {
                  border-bottom: none; }
  body.colorscheme-dark .navigation > .container .menu-button::before, body.colorscheme-dark .navigation > .container .menu-button::after,
  body.colorscheme-dark .navigation > .container .menu-button .hamburger-line {
    background-color: #dadada; }
  body.colorscheme-dark .navigation > .container .navigation-list {
    background-color: var(--navigation-dark-bg); }
    body.colorscheme-dark .navigation > .container .navigation-list .mobile-close {
      display: block; }
      body.colorscheme-dark .navigation > .container .navigation-list .mobile-close .mobile-close-btn {
        color: #dadada; }
        body.colorscheme-dark .navigation > .container .navigation-list .mobile-close .mobile-close-btn:hover {
          background-color: rgba(218, 218, 218, 0.1); }
    body.colorscheme-dark .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .dropdown-item {
      border-bottom-color: rgba(218, 218, 218, 0.1); }
    body.colorscheme-dark .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .nav-dropdown-child .dropdown-menu-child .dropdown-item-child {
      border-bottom-color: rgba(218, 218, 218, 0.1); } }

@media (max-width: 768px) and (prefers-color-scheme: dark) {
  body.colorscheme-auto .navigation > .container .menu-button::before, body.colorscheme-auto .navigation > .container .menu-button::after,
  body.colorscheme-auto .navigation > .container .menu-button .hamburger-line {
    background-color: #dadada; }
  body.colorscheme-auto .navigation > .container .navigation-list {
    background-color: var(--navigation-dark-bg); }
    body.colorscheme-auto .navigation > .container .navigation-list .mobile-close {
      display: block; }
      body.colorscheme-auto .navigation > .container .navigation-list .mobile-close .mobile-close-btn {
        color: #dadada; }
        body.colorscheme-auto .navigation > .container .navigation-list .mobile-close .mobile-close-btn:hover {
          background-color: rgba(218, 218, 218, 0.1); }
    body.colorscheme-auto .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .dropdown-item {
      border-bottom-color: rgba(218, 218, 218, 0.1); }
    body.colorscheme-auto .navigation > .container .navigation-list .navigation-item.nav-dropdown .dropdown-menu .nav-dropdown-child .dropdown-menu-child .dropdown-item-child {
      border-bottom-color: rgba(218, 218, 218, 0.1); } }

.hero-dev {
  position: relative;
  width: 100%;
  max-width: 800px;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2rem auto;
  border-radius: 1rem; }
  @media (max-width: 900px) {
    .hero-dev {
      max-width: 600px; } }
  @media (max-width: 700px) {
    .hero-dev {
      max-width: 500px; } }
  @media (max-width: 600px) {
    .hero-dev {
      max-width: 400px; } }
  @media (max-width: 500px) {
    .hero-dev {
      max-width: 350px; } }
  @media (max-width: 400px) {
    .hero-dev {
      max-width: 300px; } }
  .hero-dev .hero-slideshow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 1rem; }
  .hero-dev .hero-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    border-radius: 1rem; }
    .hero-dev .hero-slide.active {
      opacity: 1; }
    .hero-dev .hero-slide::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4) 100%);
      z-index: 1; }
  .hero-dev .hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: white;
    padding: 2rem;
    max-width: 800px;
    margin: 0 auto; }
    .hero-dev .hero-content .hero-text .hero-title {
      font-size: 3.5rem;
      font-weight: 700;
      margin-bottom: 1rem;
      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); }
    .hero-dev .hero-content .hero-text .hero-subtitle {
      font-size: 1.5rem;
      font-weight: 400;
      margin-bottom: 1.5rem;
      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
      opacity: 0.9; }
    .hero-dev .hero-content .hero-text .hero-description {
      font-size: 1.1rem;
      line-height: 1.6;
      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
      opacity: 0.8; }
      .hero-dev .hero-content .hero-text .hero-description p {
        margin-bottom: 1rem; }
        .hero-dev .hero-content .hero-text .hero-description p:last-child {
          margin-bottom: 0; }
  .hero-dev .hero-dots {
    position: absolute;
    bottom: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    display: flex;
    gap: 0.5rem; }
    @media (max-width: 768px) {
      .hero-dev .hero-dots {
        display: none; } }
    .hero-dev .hero-dots .hero-dot {
      width: 20px;
      height: 4px;
      border-radius: 2px;
      border: 1px solid rgba(255, 255, 255, 0.4);
      background: transparent;
      cursor: pointer;
      transition: all 0.2s ease; }
      .hero-dev .hero-dots .hero-dot:hover {
        background: rgba(255, 255, 255, 0.2);
        border-color: rgba(255, 255, 255, 0.6);
        transform: scale(1.1); }
      .hero-dev .hero-dots .hero-dot.active {
        background: #B8860B;
        border-color: #B8860B;
        transform: scale(1.1);
        box-shadow: 0 0 8px rgba(184, 134, 11, 0.4); }
      .hero-dev .hero-dots .hero-dot:focus {
        outline: 1px solid rgba(255, 255, 255, 0.6);
        outline-offset: 1px; }

body.colorscheme-dark .hero-dev .hero-slide::before {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.6) 100%); }

@media (prefers-color-scheme: dark) {
  body.colorscheme-auto .hero-dev .hero-slide::before {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.6) 100%); } }

.hero-dev.loading .hero-slide {
  opacity: 0; }

.hero-dev.loading .hero-content {
  opacity: 0.7; }

.hero-dev .hero-content {
  animation: fadeInUp 0.8s ease-out; }

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px); }
  to {
    opacity: 1;
    transform: translateY(0); } }

.landing-hero-layout {
  max-width: 120rem;
  margin: 0 auto;
  padding: 2rem;
  background: #F5F5F5 !important;
  -webkit-background-color: #F5F5F5;
  border-radius: 1rem; }
  @media only screen and (max-width: 768px) {
    .landing-hero-layout {
      padding: 1rem; } }
body.colorscheme-dark .landing-hero-layout {
  background: #1E1E1E !important;
  -webkit-background-color: #1E1E1E; }

body.colorscheme-dark .landing-hero-content .landing-hero-intro h1, body.colorscheme-dark .landing-hero-content .landing-hero-intro h2, body.colorscheme-dark .landing-hero-content .landing-hero-intro h3, body.colorscheme-dark .landing-hero-content .landing-hero-intro h4, body.colorscheme-dark .landing-hero-content .landing-hero-intro h5, body.colorscheme-dark .landing-hero-content .landing-hero-intro h6 {
  color: #dadada; }

body.colorscheme-dark .landing-hero-content .landing-hero-intro p {
  color: #dadada; }

body.colorscheme-dark .landing-hero-content .landing-hero-intro ul, body.colorscheme-dark .landing-hero-content .landing-hero-intro ol {
  color: #dadada; }

body.colorscheme-dark .landing-hero-content .landing-hero-intro li {
  color: #dadada; }

body.colorscheme-dark .landing-hero-content .landing-hero-intro strong {
  color: #dadada; }

@media (prefers-color-scheme: dark) {
  body.colorscheme-auto .landing-hero-layout {
    background: #1E1E1E !important;
    -webkit-background-color: #1E1E1E; }
  body.colorscheme-auto .landing-hero-content .landing-hero-intro h1, body.colorscheme-auto .landing-hero-content .landing-hero-intro h2, body.colorscheme-auto .landing-hero-content .landing-hero-intro h3, body.colorscheme-auto .landing-hero-content .landing-hero-intro h4, body.colorscheme-auto .landing-hero-content .landing-hero-intro h5, body.colorscheme-auto .landing-hero-content .landing-hero-intro h6 {
    color: #dadada; }
  body.colorscheme-auto .landing-hero-content .landing-hero-intro p {
    color: #dadada; }
  body.colorscheme-auto .landing-hero-content .landing-hero-intro ul, body.colorscheme-auto .landing-hero-content .landing-hero-intro ol {
    color: #dadada; }
  body.colorscheme-auto .landing-hero-content .landing-hero-intro li {
    color: #dadada; }
  body.colorscheme-auto .landing-hero-content .landing-hero-intro strong {
    color: #dadada; } }

.landing-hero-content {
  padding: 4rem 0; }
  .landing-hero-content .landing-hero-intro {
    max-width: 60rem;
    margin: 0 auto;
    font-size: 1.3rem;
    line-height: 1.8;
    color: #212121;
    letter-spacing: 0.01em; }
    .landing-hero-content .landing-hero-intro h1, .landing-hero-content .landing-hero-intro h2, .landing-hero-content .landing-hero-intro h3, .landing-hero-content .landing-hero-intro h4, .landing-hero-content .landing-hero-intro h5, .landing-hero-content .landing-hero-intro h6 {
      font-family: "Marcellus Regular", serif;
      font-weight: normal;
      color: #000;
      margin-top: 2.5rem;
      margin-bottom: 1.5rem;
      line-height: 1.4;
      letter-spacing: 0.02em; }
    .landing-hero-content .landing-hero-intro p {
      margin-bottom: 1.8rem;
      text-align: left;
      text-align: justify;
      hyphens: auto;
      word-wrap: break-word; }
    .landing-hero-content .landing-hero-intro ul, .landing-hero-content .landing-hero-intro ol {
      margin-bottom: 1.8rem;
      padding-left: 2.5rem;
      text-align: left; }
    .landing-hero-content .landing-hero-intro li {
      margin-bottom: 0.8rem;
      line-height: 1.6; }
    .landing-hero-content .landing-hero-intro strong {
      font-weight: 700;
      color: #000; }
    .landing-hero-content .landing-hero-intro em {
      font-style: italic;
      color: rgba(33, 33, 33, 0.8); }
    .landing-hero-content .landing-hero-intro code {
      background: #e0e0e0;
      padding: 0.2rem 0.4rem;
      border-radius: 0.25rem;
      font-size: 0.9em; }
    .landing-hero-content .landing-hero-intro pre {
      background: #e0e0e0;
      padding: 1rem;
      border-radius: 0.5rem;
      overflow-x: auto;
      margin: 1.5rem 0; }
      .landing-hero-content .landing-hero-intro pre code {
        background: none;
        padding: 0; }

.home-landing {
  flex: 1;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding-top: 2rem;
  padding-bottom: 2rem; }
  .home-landing .landing-title {
    font-size: clamp(1.4rem, 3.5vw, 2rem);
    font-weight: 600;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }
  .home-landing .under-construction {
    letter-spacing: 0.08em;
    font-size: 1.3rem;
    opacity: 0.85;
    margin-bottom: 0.75rem;
    animation: uc-pulse 1.8s ease-in-out infinite; }
  .home-landing .enter-dev {
    margin-top: 0.25rem; }
    .home-landing .enter-dev .tag-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: transparent;
      color: #212121;
      padding: 0.35rem 0.8rem;
      border-radius: 0.5rem;
      font-size: 0.95rem;
      font-weight: 400;
      border: 1px solid rgba(33, 33, 33, 0.3);
      transition: all 0.2s ease;
      opacity: 0.8;
      line-height: 1.2;
      text-decoration: none; }
      .home-landing .enter-dev .tag-button:hover {
        opacity: 1;
        border-color: rgba(184, 134, 11, 0.5);
        background: rgba(184, 134, 11, 0.08); }
    body.colorscheme-dark .home-landing .enter-dev .tag-button {
      color: #dadada;
      border-color: rgba(218, 218, 218, 0.2);
      opacity: 0.7; }
      body.colorscheme-dark .home-landing .enter-dev .tag-button:hover {
        border-color: rgba(212, 165, 116, 0.4);
        background: rgba(212, 165, 116, 0.05); }
    @media (prefers-color-scheme: dark) {
      body.colorscheme-auto .home-landing .enter-dev .tag-button {
        color: #dadada;
        border-color: rgba(218, 218, 218, 0.2);
        opacity: 0.7; }
        body.colorscheme-auto .home-landing .enter-dev .tag-button:hover {
          border-color: rgba(212, 165, 116, 0.4);
          background: rgba(212, 165, 116, 0.05); } }
  .home-landing .social-icons {
    display: inline-flex;
    gap: 0.5rem;
    margin-top: 0.25rem; }
    .home-landing .social-icons li {
      list-style: none; }
    .home-landing .social-icons a {
      color: inherit;
      opacity: 0.9; }
    .home-landing .social-icons a:hover {
      opacity: 1; }

@keyframes uc-pulse {
  0%, 100% {
    filter: brightness(0.55);
    opacity: 0.7; }
  50% {
    filter: brightness(1.25);
    opacity: 1; } }

body.colorscheme-dark .content .home-landing {
  color: #dadada; }
  body.colorscheme-dark .content .home-landing .landing-title, body.colorscheme-dark .content .home-landing .under-construction {
    color: #dadada; }
  body.colorscheme-dark .content .home-landing .social-icons li a, body.colorscheme-dark .content .home-landing .social-icons li a i {
    color: #dadada; }
  body.colorscheme-dark .content .home-landing .social-icons li a:hover, body.colorscheme-dark .content .home-landing .social-icons li a:focus-visible {
    color: #D4A574; }

@media (prefers-color-scheme: dark) {
  body.colorscheme-auto .content .home-landing {
    color: #dadada; }
    body.colorscheme-auto .content .home-landing .landing-title, body.colorscheme-auto .content .home-landing .under-construction {
      color: #dadada; }
    body.colorscheme-auto .content .home-landing .social-icons li a, body.colorscheme-auto .content .home-landing .social-icons li a i {
      color: #dadada; }
    body.colorscheme-auto .content .home-landing .social-icons li a:hover, body.colorscheme-auto .content .home-landing .social-icons li a:focus-visible {
      color: #D4A574; } }

@media (prefers-reduced-motion: reduce) {
  .home-landing .under-construction {
    animation: none;
    opacity: 1; } }

.dev-notice {
  max-width: 60rem;
  margin: 2rem auto;
  padding: 1rem 1.25rem;
  background: rgba(33, 33, 33, 0.02);
  border: 1px solid rgba(33, 33, 33, 0.08);
  border-radius: 0.8rem; }

.footer .container {
  font-size: 1.2rem;
  color: #212121; }
  .footer .container a {
    color: #B8860B; }

body.colorscheme-dark .footer .container {
  color: #dadada; }

body.colorscheme-dark .footer .container a {
  color: #D4A574; }

@media (prefers-color-scheme: dark) {
  body.colorscheme-auto .footer .container {
    color: #dadada; }
  body.colorscheme-auto .footer .container a {
    color: #D4A574; } }

.footer {
  position: relative;
  opacity: 1; }
  .footer .fire-footer-links {
    padding: 3rem 0;
    text-align: center; }
    .footer .fire-footer-links__quick h2 {
      margin: 0 0 1.5rem;
      font-size: 2rem;
      font-weight: 400;
      color: inherit; }
    .footer .fire-footer-links__quick ul {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 0.8rem 2rem;
      list-style: none;
      margin: 0;
      padding: 0; }
    .footer .fire-footer-links__quick li {
      margin: 0; }
    .footer .fire-footer-links__social {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 1.8rem;
      margin-top: 2.5rem; }
    .footer .fire-footer-links__social a {
      color: inherit;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 2.4rem;
      min-height: 3rem; }
    .footer .fire-footer-links__social i {
      font-size: 2rem; }
    .footer .fire-footer-links__social a:hover {
      color: #B8860B; }
  .footer .container .footer-content {
    padding: 1.5rem 8rem;
    border-top: 1px solid rgba(33, 33, 33, 0.15);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem; }
    .footer .container .footer-content .footer-text {
      flex: 1;
      min-width: 0;
      width: 100%;
      text-align: center; }
    .footer .container .footer-content .footer-controls {
      position: absolute;
      right: 20px;
      top: auto;
      bottom: 1.5rem;
      transform: none;
      display: flex;
      align-items: center;
      gap: 0.3rem;
      flex-shrink: 0;
      background: rgba(246, 239, 233, 0.95) !important;
      border-radius: 6px;
      backdrop-filter: blur(10px); }
      .footer .container .footer-content .footer-controls .language-toggle-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        background: transparent !important;
        border: 1px solid rgba(33, 33, 33, 0.2) !important;
        border-radius: 4px;
        cursor: pointer;
        transition: all 0.3s ease;
        font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        font-weight: 600;
        font-size: 0.75rem;
        color: #212121 !important;
        text-decoration: none; }
        .footer .container .footer-content .footer-controls .language-toggle-btn:hover {
          background-color: #B8860B !important;
          border-color: #B8860B !important;
          color: #F6EFE9 !important;
          transform: translateY(-1px);
          box-shadow: 0 3px 8px rgba(184, 134, 11, 0.2); }
        .footer .container .footer-content .footer-controls .language-toggle-btn:active {
          transform: translateY(0);
          box-shadow: 0 1px 4px rgba(184, 134, 11, 0.15); }
        .footer .container .footer-content .footer-controls .language-toggle-btn .language-text {
          font-weight: 600;
          letter-spacing: 0.3px; }
      .footer .container .footer-content .footer-controls .theme-toggle-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        background: transparent !important;
        border: 1px solid rgba(33, 33, 33, 0.2) !important;
        border-radius: 4px;
        cursor: pointer;
        transition: all 0.3s ease;
        color: #212121 !important; }
        .footer .container .footer-content .footer-controls .theme-toggle-btn:hover {
          background-color: #B8860B !important;
          border-color: #B8860B !important;
          color: #F6EFE9 !important;
          transform: translateY(-1px);
          box-shadow: 0 3px 8px rgba(184, 134, 11, 0.2); }
        .footer .container .footer-content .footer-controls .theme-toggle-btn:active {
          transform: translateY(0);
          box-shadow: 0 1px 4px rgba(184, 134, 11, 0.15); }
        .footer .container .footer-content .footer-controls .theme-toggle-btn__icon {
          width: 16px;
          height: 16px; }
          .footer .container .footer-content .footer-controls .theme-toggle-btn__icon--sun {
            display: block; }
          .footer .container .footer-content .footer-controls .theme-toggle-btn__icon--moon {
            display: none; }

body.colorscheme-dark .footer {
  color: #dadada; }
  body.colorscheme-dark .footer .container .footer-content .footer-controls {
    background: rgba(26, 26, 26, 0.95) !important; }
    body.colorscheme-dark .footer .container .footer-content .footer-controls .language-toggle-btn {
      border-color: rgba(218, 218, 218, 0.2) !important;
      color: #dadada !important; }
      body.colorscheme-dark .footer .container .footer-content .footer-controls .language-toggle-btn:hover {
        background-color: #D4A574 !important;
        border-color: #D4A574 !important;
        color: #1A1A1A !important; }
    body.colorscheme-dark .footer .container .footer-content .footer-controls .theme-toggle-btn {
      border-color: rgba(218, 218, 218, 0.2) !important;
      color: #dadada !important; }
      body.colorscheme-dark .footer .container .footer-content .footer-controls .theme-toggle-btn:hover {
        background-color: #D4A574 !important;
        border-color: #D4A574 !important;
        color: #1A1A1A !important; }

@media (prefers-color-scheme: dark) {
  body.colorscheme-auto .footer {
    color: #dadada; }
    body.colorscheme-auto .footer .container .footer-content .footer-controls {
      background: rgba(26, 26, 26, 0.95) !important; }
      body.colorscheme-auto .footer .container .footer-content .footer-controls .language-toggle-btn {
        border-color: rgba(218, 218, 218, 0.2) !important;
        color: #dadada !important; }
        body.colorscheme-auto .footer .container .footer-content .footer-controls .language-toggle-btn:hover {
          background-color: #D4A574 !important;
          border-color: #D4A574 !important;
          color: #1A1A1A !important; }
      body.colorscheme-auto .footer .container .footer-content .footer-controls .theme-toggle-btn {
        border-color: rgba(218, 218, 218, 0.2) !important;
        color: #dadada !important; }
        body.colorscheme-auto .footer .container .footer-content .footer-controls .theme-toggle-btn:hover {
          background-color: #D4A574 !important;
          border-color: #D4A574 !important;
          color: #1A1A1A !important; } }

@media (max-width: 768px) {
  .footer .container .footer-content {
    padding: 1.5rem 0;
    flex-direction: column;
    text-align: center;
    gap: 1rem; }
    .footer .container .footer-content .footer-text {
      order: 2; }
    .footer .container .footer-content .footer-controls {
      position: static;
      transform: none;
      order: 1;
      justify-content: center;
      margin: 0 auto;
      background: transparent;
      backdrop-filter: none; } }

body.fire-home-page {
  background: #f5eee8; }
  body.fire-home-page .wrapper, body.fire-home-page .content {
    background: #f5eee8; }
  body.fire-home-page .content {
    display: block;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0; }
  body.fire-home-page .navigation {
    background: #f5eee8 !important; }
  body.fire-home-page .footer {
    background: #f5eee8;
    color: #171516;
    margin-bottom: 0; }
  body.fire-home-page .footer .container {
    background: transparent; }
  body.fire-home-page .footer h2, body.fire-home-page .footer a {
    color: inherit; }

.fire-home {
  width: 100%;
  min-width: 0;
  color: #171516;
  font-family: Arial, Helvetica, sans-serif; }
  .fire-home a {
    color: inherit;
    text-decoration: none; }
  .fire-home a:hover {
    opacity: .75; }
  .fire-home img {
    display: block;
    width: 100%; }
  .fire-home h1, .fire-home h2, .fire-home h3, .fire-home p {
    margin-top: 0; }
  .fire-home h1, .fire-home h2, .fire-home h3 {
    font-weight: 400; }

.fire-home__hero {
  position: relative;
  height: 720px;
  max-height: calc(100vh - 128px);
  min-height: 480px;
  overflow: hidden;
  background: #211c1a;
  color: #fff; }

.fire-home__slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 550ms ease, visibility 550ms ease; }
  .fire-home__slide.is-active {
    opacity: 1;
    visibility: visible; }
  .fire-home__slide > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--fire-home-hero-position, 50% 50%); }

.fire-home__slide-copy {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  width: 90%;
  max-width: 850px;
  transform: translate(-50%, -50%);
  text-align: center;
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.3); }
  .fire-home__slide-copy h1 {
    margin: 0 0 1rem;
    color: #fff;
    font-size: clamp(3rem, 5vw, 6rem);
    letter-spacing: .08em;
    line-height: 1.1; }
  .fire-home__slide-copy p {
    margin: 0;
    color: #fff;
    font-size: clamp(1.3rem, 1.5vw, 2rem); }
  .fire-home__slide-copy a {
    display: inline-block;
    margin-top: 1.3rem;
    font-size: 1.2rem;
    text-decoration: underline; }

.fire-home__controls {
  position: absolute;
  z-index: 2;
  right: 4rem;
  bottom: 3rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.2rem; }
  .fire-home__controls button {
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    border: 1px solid #fff;
    border-radius: 50%;
    background: transparent;
    color: #fff;
    cursor: pointer;
    font-size: 2rem;
    line-height: 1; }

.fire-home__haiku {
  min-height: 220px;
  padding: 5.8rem 2rem 4rem;
  text-align: center; }
  .fire-home__haiku h2 {
    margin-bottom: 1.5rem;
    font-size: 1.15rem;
    letter-spacing: .18em; }
  .fire-home__haiku p {
    font-family: Georgia, serif;
    font-size: 2rem;
    line-height: 1.45; }

.fire-home__collage {
  width: calc(100% - 6rem);
  max-width: 1120px;
  margin: 0 auto;
  display: grid;
  gap: 2.5rem;
  align-items: start; }

.fire-home__collage-card {
  min-width: 0; }

.fire-home__collage--primary {
  grid-template-columns: 1fr 2fr;
  grid-template-areas: "lighting firekultur" "paosa mirrors";
  padding-bottom: 8rem; }
  .fire-home__collage--primary .fire-home__collage-card--0 {
    grid-area: lighting; }
  .fire-home__collage--primary .fire-home__collage-card--1 {
    grid-area: paosa; }
  .fire-home__collage--primary .fire-home__collage-card--2 {
    grid-area: firekultur; }
  .fire-home__collage--primary .fire-home__collage-card--3 {
    grid-area: mirrors; }

.fire-home__collage--secondary {
  grid-template-columns: 1fr 2fr;
  padding-bottom: 8rem; }

.fire-home__image-link {
  position: relative;
  display: block;
  overflow: hidden; }

.fire-home__collage img {
  aspect-ratio: 1;
  object-fit: cover; }

.fire-home__collage--primary .fire-home__collage-card--2 img {
  aspect-ratio: 1200 / 1180; }

.fire-home__collage--secondary .fire-home__collage-card:first-child img {
  aspect-ratio: 1080 / 1485; }

.fire-home__collage--secondary .fire-home__collage-card:last-child img {
  aspect-ratio: 4 / 5; }

.fire-home__badge {
  position: absolute;
  left: 1.5rem;
  bottom: 1.5rem;
  padding: .5rem 1rem;
  border-radius: 2rem;
  background: #f5eee8;
  color: #171516;
  font-size: 1rem; }

.fire-home__card-title {
  display: block;
  margin-top: 1.3rem;
  font-size: 1.5rem;
  line-height: 1.2;
  letter-spacing: .02em;
  text-wrap: balance; }

.fire-home__card-detail {
  margin: .5rem 0 0;
  font-size: 1.2rem; }

.fire-home__collection-intro {
  max-width: 850px;
  min-height: 297px;
  margin: 0 auto;
  padding: 2rem 2rem 5rem;
  text-align: center;
  --fire-home-intro-eyebrow-size: 1.2rem;
  --fire-home-intro-copy-size: 1.5rem; }
  .fire-home__collection-intro h2 {
    font-family: Georgia, serif;
    font-size: clamp(2.6rem, 3vw, 3.7rem); }
  .fire-home__collection-intro .fire-home__eyebrow {
    letter-spacing: .16em;
    font-size: var(--fire-home-intro-eyebrow-size);
    line-height: 1.4; }
  .fire-home__collection-intro .fire-home__collection-copy {
    max-width: 52rem;
    margin: 0 auto;
    font-size: var(--fire-home-intro-copy-size);
    line-height: 1.65; }

.fire-home__featured {
  width: calc(100% - 6rem);
  max-width: 1120px;
  margin: 0 auto;
  padding-bottom: 7rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2.5rem; }
  .fire-home__featured img {
    aspect-ratio: 4 / 5;
    object-fit: cover; }
  .fire-home__featured .fire-home__card-title {
    font-family: Georgia, serif;
    font-size: 1.8rem; }

.fire-home__vendor {
  display: block;
  margin-top: .7rem;
  font-size: 1rem;
  letter-spacing: .12em; }

.fire-home__services {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 550px;
  background: #eee4dc; }
  .fire-home__services .fire-home__services-image img {
    height: 100%;
    min-height: 550px;
    object-fit: cover; }
  .fire-home__services > div {
    align-self: center;
    padding: 5rem clamp(3rem, 7vw, 10rem); }
  .fire-home__services h2 {
    font-family: Georgia, serif;
    font-size: 3.5rem; }
  .fire-home__services p {
    font-size: 1.4rem;
    line-height: 1.7; }

.fire-home__pill {
  display: inline-block;
  margin-top: 2rem;
  padding: 1rem 2rem;
  border: 1px solid currentColor;
  border-radius: 2rem;
  font-size: 1.2rem; }

.fire-home__dark-ending {
  background: #f5eee8;
  color: #171516; }

.fire-home .fire-home__dark-ending h2 {
  color: inherit; }

.fire-home__white-noise {
  min-height: 290px;
  padding: 6rem 2rem;
  text-align: center; }
  .fire-home__white-noise h2 {
    font-family: Georgia, serif;
    font-size: 3.3rem; }
  .fire-home__white-noise p {
    max-width: 650px;
    margin: 0 auto;
    font-size: 1.3rem;
    line-height: 1.6; }

.fire-home__journal {
  width: calc(100% - 6rem);
  max-width: 1120px;
  margin: 0 auto;
  padding: 5rem 0 7rem; }
  .fire-home__journal > h2 {
    text-align: center;
    font-family: Georgia, serif;
    font-size: 3rem; }

.fire-home__journal-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem; }

.fire-home .fire-home__journal-card {
  display: block;
  min-height: 300px;
  padding: 2.5rem;
  background: #eee4dc;
  color: #171516;
  border: 1px solid rgba(23, 21, 22, 0.18); }
  .fire-home .fire-home__journal-card h3 {
    color: inherit;
    font-family: Georgia, serif;
    font-size: 2.1rem; }
  .fire-home .fire-home__journal-card small {
    display: block;
    margin: 1rem 0;
    font-size: 1rem;
    letter-spacing: .12em; }
  .fire-home .fire-home__journal-card p {
    font-size: 1.25rem;
    line-height: 1.5; }
  .fire-home .fire-home__journal-card:hover {
    background: #e7dbd1;
    opacity: 1; }
  .fire-home .fire-home__journal-card:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 4px; }

.fire-home__copyright-note {
  min-height: 58px;
  margin: 0;
  padding: 2rem;
  border-top: 1px solid rgba(23, 21, 22, 0.18);
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.6; }
  .fire-home__copyright-note a {
    text-decoration: underline; }

.fire-home__quick-links {
  max-width: 1120px;
  margin: 0 auto;
  padding: 2rem 3rem 5rem;
  display: flex;
  justify-content: space-between;
  font-size: 1.1rem; }

.fire-home__social {
  display: flex;
  align-items: center;
  gap: .4rem; }
  .fire-home__social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px; }
  .fire-home__social a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
    border-radius: 4px; }

.fire-home__quick-links {
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem; }

@media (max-width: 740px) {
  .fire-home__hero {
    height: 70vh;
    min-height: 460px; }
  .fire-home__controls {
    right: 1.5rem;
    bottom: 2rem; }
  .fire-home__collage, .fire-home__featured, .fire-home__journal {
    width: calc(100% - 3rem); }
  .fire-home__collage--primary {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "lighting firekultur" "paosa mirrors"; }
  .fire-home__collage--secondary {
    grid-template-columns: 1fr 1fr; }
  .fire-home__featured {
    gap: 1rem; }
  .fire-home__collection-intro {
    --fire-home-intro-eyebrow-size: 1.05rem;
    --fire-home-intro-copy-size: 1.35rem; }
  .fire-home__services {
    grid-template-columns: 1fr; }
  .fire-home__services .fire-home__services-image img {
    min-height: 0;
    max-height: 500px; }
  .fire-home__journal-grid {
    grid-template-columns: 1fr; } }

@media (max-width: 500px) {
  .fire-home__collage--primary, .fire-home__collage--secondary, .fire-home__featured {
    display: block; }
  .fire-home__collage-card, .fire-home__featured-card {
    margin-bottom: 3rem; }
  .fire-home__white-noise h2 {
    font-size: 2.6rem; } }

@media (prefers-reduced-motion: reduce) {
  .fire-home__slide {
    transition: none; } }

body.fire-home-page.colorscheme-dark {
  background: #1A1A1A; }
  body.fire-home-page.colorscheme-dark .wrapper, body.fire-home-page.colorscheme-dark .content {
    background: #1A1A1A; }
  body.fire-home-page.colorscheme-dark .navigation {
    background: var(--navigation-dark-bg) !important; }
  body.fire-home-page.colorscheme-dark .fire-home {
    color: #dadada; }
    body.fire-home-page.colorscheme-dark .fire-home h1, body.fire-home-page.colorscheme-dark .fire-home h2, body.fire-home-page.colorscheme-dark .fire-home h3 {
      color: inherit; }
    body.fire-home-page.colorscheme-dark .fire-home .fire-home__services {
      background: #1E1E1E; }
    body.fire-home-page.colorscheme-dark .fire-home .fire-home__social a, body.fire-home-page.colorscheme-dark .fire-home .fire-home__social i {
      color: #eee8e2; }
  body.fire-home-page.colorscheme-dark .fire-home__dark-ending {
    background: #171516;
    color: #eee8e2; }
  body.fire-home-page.colorscheme-dark .fire-home .fire-home__journal-card {
    background: #242122;
    color: #fff;
    border-color: #4a4642; }
    body.fire-home-page.colorscheme-dark .fire-home .fire-home__journal-card:hover {
      background: #302c2d; }
    body.fire-home-page.colorscheme-dark .fire-home .fire-home__journal-card:focus-visible {
      outline-color: #fff; }
  body.fire-home-page.colorscheme-dark .fire-home__copyright-note {
    border-top-color: #4a4642; }
  body.fire-home-page.colorscheme-dark .footer {
    background: #171516;
    color: #eee8e2; }
  body.fire-home-page.colorscheme-dark .footer h2, body.fire-home-page.colorscheme-dark .footer a {
    color: inherit; }

@media (prefers-color-scheme: dark) {
  body.fire-home-page.colorscheme-auto {
    background: #1A1A1A; }
    body.fire-home-page.colorscheme-auto .wrapper, body.fire-home-page.colorscheme-auto .content {
      background: #1A1A1A; }
    body.fire-home-page.colorscheme-auto .navigation {
      background: var(--navigation-dark-bg) !important; }
    body.fire-home-page.colorscheme-auto .fire-home {
      color: #dadada; }
      body.fire-home-page.colorscheme-auto .fire-home h1, body.fire-home-page.colorscheme-auto .fire-home h2, body.fire-home-page.colorscheme-auto .fire-home h3 {
        color: inherit; }
      body.fire-home-page.colorscheme-auto .fire-home .fire-home__services {
        background: #1E1E1E; }
      body.fire-home-page.colorscheme-auto .fire-home .fire-home__social a, body.fire-home-page.colorscheme-auto .fire-home .fire-home__social i {
        color: #eee8e2; }
    body.fire-home-page.colorscheme-auto .fire-home__dark-ending {
      background: #171516;
      color: #eee8e2; }
    body.fire-home-page.colorscheme-auto .fire-home .fire-home__journal-card {
      background: #242122;
      color: #fff;
      border-color: #4a4642; }
      body.fire-home-page.colorscheme-auto .fire-home .fire-home__journal-card:hover {
        background: #302c2d; }
      body.fire-home-page.colorscheme-auto .fire-home .fire-home__journal-card:focus-visible {
        outline-color: #fff; }
    body.fire-home-page.colorscheme-auto .fire-home__copyright-note {
      border-top-color: #4a4642; }
    body.fire-home-page.colorscheme-auto .footer {
      background: #171516;
      color: #eee8e2; }
    body.fire-home-page.colorscheme-auto .footer h2, body.fire-home-page.colorscheme-auto .footer a {
      color: inherit; } }

.content {
  --fire-card-radius: 8px; }
  .content :is(.fire-home__journal-card, .fire-journal__card, .fire-hub__card, .fire-home__collage-card, .fire-home__featured-card, .legacy-collection__card, .fire-artist__card, .fire-benjamin__card, .product-card, .grid-product-card, .page-card) {
    border-radius: var(--fire-card-radius);
    overflow: hidden;
    isolation: isolate;
    transition: transform .3s ease; }
    .content :is(.fire-home__journal-card, .fire-journal__card, .fire-hub__card, .fire-home__collage-card, .fire-home__featured-card, .legacy-collection__card, .fire-artist__card, .fire-benjamin__card, .product-card, .grid-product-card, .page-card):hover, .content :is(.fire-home__journal-card, .fire-journal__card, .fire-hub__card, .fire-home__collage-card, .fire-home__featured-card, .legacy-collection__card, .fire-artist__card, .fire-benjamin__card, .product-card, .grid-product-card, .page-card):focus-within {
      transform: translateY(-2px) scale(1.02); }
  .content :is(.fire-hub__card .fire-hub__image-link, .fire-journal__card .fire-journal__cover, .fire-home__collage-card .fire-home__image-link, .fire-home__featured-card .fire-home__image-link, .product-card .product-card-image, .grid-product-card .grid-product-card-image-container, .page-card .page-card-image) {
    border-radius: var(--fire-card-radius);
    overflow: hidden; }
  .content :is(.legacy-collection__card, .fire-artist__card, .fire-benjamin__card) > img {
    border-radius: var(--fire-card-radius); }
  .content a:is(.fire-home__journal-card, .legacy-collection__card, .fire-artist__card, .fire-benjamin__card):focus-visible {
    outline: 2px solid currentColor;
    outline-offset: -3px; }

@media (prefers-reduced-motion: reduce) {
  .content :is(.fire-home__journal-card, .fire-journal__card, .fire-hub__card, .fire-home__collage-card, .fire-home__featured-card, .legacy-collection__card, .fire-artist__card, .fire-benjamin__card, .product-card, .grid-product-card, .page-card) {
    transition: none; } }

body {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
  body .navigation a, body .navigation span,
  body input, body textarea, body select, body button {
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }

body:not(.fire-home-page):not(:has(.home-landing)) h1, body:not(.fire-home-page):not(:has(.home-landing)) h2, body:not(.fire-home-page):not(:has(.home-landing)) h3, body:not(.fire-home-page):not(:has(.home-landing)) h4, body:not(.fire-home-page):not(:has(.home-landing)) h5, body:not(.fire-home-page):not(:has(.home-landing)) h6 {
  font-family: "Marcellus Regular", serif; }

.navigation {
  --fire-menu-font-size: 1.4rem; }
  .navigation .navigation-list :is(.navigation-link, .dropdown-item, .dropdown-toggle-child, .dropdown-item-child) {
    font-size: var(--fire-menu-font-size) !important; }

@media (max-width: 768px) {
  .navigation {
    --fire-menu-font-size: 1.6rem; } }

.content:has(.fire-bookmarks, .fire-coming-soon, .fire-project--monumental, .fire-project--wide-hero) {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0; }

.fire-bookmarks, .fire-coming-soon {
  width: 100%;
  min-width: 0; }

.fire-archive-banner {
  height: 480px;
  overflow: hidden; }
  .fire-archive-banner img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--fire-hero-position, 50% 50%);
    transform: scale(var(--scroll-zoom, 1));
    border-radius: 0; }

.fire-bookmarks__title {
  max-width: 726px;
  margin: auto;
  padding: 36px 20px; }
  .fire-bookmarks__title h1 {
    margin: 0;
    font-size: 4rem; }

.fire-bookmarks__strip {
  height: 740px;
  padding: 32px 0 36px;
  max-width: 4200px;
  margin: auto;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center; }

.fire-bookmarks__row {
  display: flex;
  gap: 10px;
  width: 100%;
  padding: 20px;
  align-items: center;
  perspective: 1200px; }

.fire-bookmarks__column {
  flex: 1;
  min-width: 0;
  display: flex;
  justify-content: center; }

.fire-bookmarks__card {
  width: 100%;
  max-width: 160px;
  max-height: 1000px;
  margin: 0;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 4px 8px #0000001a;
  transition: transform .3s ease; }
  .fire-bookmarks__card img {
    display: block;
    width: 100%;
    height: auto; }
  .fire-bookmarks__card:hover {
    transform: scale(1.15); }
  .fire-bookmarks__card.is-pending {
    opacity: 0; }
  .fire-bookmarks__card.is-revealing {
    animation: fire-bookmark-flip 0.6s ease var(--reveal-delay) backwards; }

@keyframes fire-bookmark-flip {
  from {
    transform: rotateY(180deg);
    opacity: 0; }
  to {
    transform: rotateY(0);
    opacity: 1; } }

.fire-coming-soon__message {
  background: linear-gradient(180deg, #72141e, #dd2739);
  color: #f6efe9;
  padding: 64px 20px;
  text-align: center; }
  .fire-coming-soon__message h1 {
    color: inherit;
    margin: 0 0 2rem;
    font-size: 4rem; }
  .fire-coming-soon__message > div {
    max-width: 780px;
    margin: auto; }

.fire-coming-soon__back {
  display: inline-block;
  padding: 12px 30px;
  margin-top: 2rem;
  background: #e41a2f;
  color: #f6efe9;
  border: 1px solid #f6efe9;
  border-radius: 24px; }

.content .fire-project--monumental {
  max-width: none;
  padding: 0 0 5rem; }
  .content .fire-project--monumental > .fire-project__section, .content .fire-project--monumental > .fire-project__products, .content .fire-project--monumental > .fire-project__related {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px; }
  .content .fire-project--monumental > .fire-project__facts {
    padding: 36px 20px; }

.content .fire-project--wide-hero {
  max-width: none;
  padding: 0 0 5rem; }
  .content .fire-project--wide-hero > .fire-project__section, .content .fire-project--wide-hero > .fire-project__products, .content .fire-project--wide-hero > .fire-project__related {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px; }

.fire-project__hero {
  height: var(--hero-height);
  overflow: hidden;
  position: relative; }
  .fire-project__hero img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--hero-position);
    transform: scale(var(--scroll-zoom, 1));
    border-radius: 0; }
  .fire-project__hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background: #000;
    opacity: .1;
    pointer-events: none; }

.fire-project__hero--ambient img {
  animation: fire-hero-ambient 30s linear infinite; }

@keyframes fire-hero-ambient {
  0%, 100% {
    transform: scale(1); }
  50% {
    transform: scale(1.05); } }

.fire-project__accordions details {
  border-top: 0.5px solid currentColor; }

.fire-project__accordions details:last-child {
  border-bottom: 0.5px solid currentColor; }

.fire-project__accordions summary {
  cursor: pointer;
  padding: 1.1rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none; }

.fire-project__accordions summary::-webkit-details-marker {
  display: none; }

.fire-project__accordions summary::after {
  content: '⌄'; }

.fire-project__accordions details[open] summary::after {
  transform: rotate(180deg); }

.fire-project__accordions h3 {
  margin: 0;
  font-size: 1.55rem;
  font-weight: 400; }

.fire-project__accordions .fire-project__fact-value {
  padding: 0 0 1.25rem;
  white-space: pre-line;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.65; }

.fire-project__technical {
  padding: 36px 20px;
  background: #181616;
  color: #babfb8; }
  .fire-project__technical h2, .fire-project__technical h3 {
    color: inherit; }

.fire-project__technical-inner {
  max-width: 1200px;
  margin: auto; }

.fire-project__technical-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px; }

@media (max-width: 749px) {
  .fire-archive-banner {
    height: 384px; }
  .fire-bookmarks__title {
    padding-top: 27px;
    padding-bottom: 0; }
  .fire-bookmarks__strip {
    height: auto;
    padding: 24px 0 27px; }
  .fire-bookmarks__row {
    flex-direction: column;
    gap: 20px; }
  .fire-bookmarks__column {
    width: 100%; }
  .fire-bookmarks__card:hover {
    transform: scale(1.035); }
  .fire-coming-soon__message {
    padding: 48px 20px; }
  .fire-project__hero {
    height: var(--hero-mobile-height); }
  .fire-project__technical-grid {
    grid-template-columns: 1fr; } }

@media (prefers-reduced-motion: reduce) {
  .fire-bookmarks__card {
    transition: none; }
  .fire-bookmarks__card.is-pending {
    opacity: 1; }
  .fire-bookmarks__card.is-revealing, .fire-project__hero--ambient img {
    animation: none; }
  .fire-project__hero img {
    transform: none; } }

.content:has(.fire-dark-japanese) {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0; }

.fire-dark-japanese {
  background: #000;
  color: #babfb8;
  min-height: 100vh; }

.fire-dark-japanese__slideshow {
  position: relative;
  width: 100%;
  height: 62vh;
  min-height: 440px;
  max-height: 760px;
  overflow: hidden;
  background: #000; }

.fire-dark-japanese__slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  animation: fire-dark-japanese-fade 12s infinite; }

.fire-dark-japanese__slide:nth-child(2) {
  animation-delay: 6s; }

.fire-dark-japanese__slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover; }

.fire-dark-japanese__reading {
  max-width: 1120px;
  margin: 0 auto;
  padding: 84px 40px 36px;
  color: #babfb8; }

.fire-dark-japanese__reading .fire-page-brand {
  width: 100%;
  text-align: center;
  color: #717070; }

.fire-dark-japanese__reading h1 {
  width: 100%;
  margin: 0 0 3rem;
  color: #babfb8;
  font-size: clamp(3rem, 6vw, 6rem);
  font-weight: 400;
  text-align: center; }

.fire-dark-japanese__reading h2 {
  margin: 0 0 2rem;
  color: #babfb8;
  font-size: clamp(2rem, 3vw, 3rem);
  font-weight: 400;
  text-align: left; }

.fire-dark-japanese__reading p {
  max-width: 1000px;
  margin: 0 0 2rem;
  color: #babfb8;
  font-size: 1.6rem;
  line-height: 1.8;
  text-align: left; }

.fire-dark-japanese__haiku {
  margin-top: 4rem; }

@keyframes fire-dark-japanese-fade {
  0%, 42% {
    opacity: 1; }
  50%, 92% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@media (max-width: 749px) {
  .fire-dark-japanese__slideshow {
    height: 52vh;
    min-height: 340px; }
  .fire-dark-japanese__reading {
    padding: 56px 20px 27px; }
  .fire-dark-japanese__reading h1 {
    margin-bottom: 2rem; }
  .fire-dark-japanese__reading p {
    font-size: 1.35rem; } }

@media (prefers-reduced-motion: reduce) {
  .fire-dark-japanese__slide {
    animation: none;
    opacity: 0; }
  .fire-dark-japanese__slide:first-child {
    opacity: 1; } }

body .content .fire-page-brand {
  margin: 0 0 .7rem;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: .8rem;
  font-weight: 400;
  letter-spacing: .18em;
  line-height: 1.8;
  text-transform: uppercase;
  text-align: center;
  color: inherit; }

.content header:has(> .fire-page-brand) {
  text-align: center; }

.content header:has(> .fire-page-brand) > h1 {
  margin-top: 0; }

.content :is(.about-story__copy, .fire-legal__document, .collection-hero-content, .hero-content, .portfolio-hero-content, .fire-artist__bio-copy) > h1 {
  text-align: center; }

.fire-page-heading {
  margin-bottom: 2.5rem; }

.content:has(.fire-colors) {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0; }

.fire-colors {
  width: 100%;
  background: #f6efe9;
  color: #181616; }
  .fire-colors h1, .fire-colors h2 {
    color: inherit; }
  .fire-colors figure {
    margin: 0;
    min-width: 0; }
  .fire-colors img {
    display: block;
    width: 100%;
    height: auto; }

.fire-colors__title, .fire-colors__theory {
  background: #f6efe9;
  color: #181616; }

.fire-colors__title {
  padding: 36px 20px;
  text-align: center; }
  .fire-colors__title h1 {
    margin: 0;
    width: 100%;
    text-align: center;
    font-size: 4rem; }

.fire-colors__theory {
  max-width: 1200px;
  margin: auto;
  padding: 36px 50px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start; }
  .fire-colors__theory > div {
    padding: 40px; }
  .fire-colors__theory h2 {
    margin-top: 0; }
  .fire-colors__theory p {
    font-size: 1.6rem;
    line-height: 1.8; }

.fire-colors__blog {
  display: inline-block;
  padding: 12px 24px;
  margin-top: 2rem;
  border: 1px solid currentColor;
  color: inherit; }

.fire-colors__collage {
  max-width: 1200px;
  margin: auto;
  padding: 4px 50px;
  display: grid;
  background: #f6efe9;
  color: #181616;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 8px; }
  .fire-colors__collage > figure:first-child {
    grid-row: span 2; }
  .fire-colors__collage img {
    height: 100%;
    object-fit: cover; }

.fire-colors__theory + .fire-colors__collage {
  padding-top: 36px; }

.fire-colors__collage--right {
  grid-template-columns: 1fr 2fr; }
  .fire-colors__collage--right > figure:first-child {
    grid-row: 1; }
  .fire-colors__collage--right > figure:nth-child(2) {
    grid-column: 1;
    grid-row: 2; }
  .fire-colors__collage--right > figure:last-child {
    grid-column: 2;
    grid-row: 1 / span 2; }

.fire-colors__empty-strip {
  height: 800px;
  background: #f6efe9; }

@media (max-width: 749px) {
  .fire-colors__title {
    padding: 27px 20px; }
  .fire-colors__theory {
    grid-template-columns: 1fr;
    padding: 27px 20px; }
    .fire-colors__theory > div {
      padding: 30px 0 0; }
  .fire-colors__collage {
    padding: 3px 15px;
    grid-template-columns: 1fr 1fr; }
    .fire-colors__collage > figure:first-child {
      grid-column: span 2;
      grid-row: auto; }
  .fire-colors__collage--right > figure:first-child {
    grid-column: 1;
    grid-row: 1; }
  .fire-colors__collage--right > figure:nth-child(2) {
    grid-column: 2;
    grid-row: 1; }
  .fire-colors__collage--right > figure:last-child {
    grid-column: 1 / span 2;
    grid-row: 2; } }

.fire-image-popup {
  /* local preview overlay */
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: grid;
  place-items: center;
  padding: 2rem;
  background: rgba(10, 10, 10, 0.88); }

.fire-image-popup img {
  width: 94vw;
  max-width: 1600px;
  max-height: 90vh;
  object-fit: contain;
  box-shadow: 0 1rem 4rem rgba(0, 0, 0, 0.35); }

.fire-image-popup__close {
  position: absolute;
  top: 1rem;
  right: 1.25rem;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 2.5rem;
  line-height: 1;
  cursor: pointer; }

@media (prefers-reduced-motion: reduce) {
  .fire-image-popup img {
    transition: none; } }

.content:has(.legacy-collection--wide-hero, .fire-colors, .fire-dark-japanese,
.fire-project--wide-hero, .fire-project--monumental, .fire-artist) {
  margin-top: 1.6rem; }

.content .legacy-collection--wide-hero,
.content .legacy-collection--wide-hero > .legacy-collection__header {
  margin-top: 0; }

.fire-colors .fire-archive-banner,
.fire-dark-japanese__slideshow {
  height: 420px;
  min-height: 0;
  max-height: none; }

@media (max-width: 768px) {
  .content:has(.legacy-collection--wide-hero, .fire-colors, .fire-dark-japanese,
.fire-project--wide-hero, .fire-project--monumental, .fire-artist) {
    margin-top: 1rem; } }

@media (max-width: 680px) {
  .fire-colors .fire-archive-banner,
  .fire-dark-japanese__slideshow {
    height: 280px; } }

.content .clients-page {
  max-width: 1240px;
  padding-top: clamp(2rem, 5vw, 4rem);
  padding-bottom: clamp(3rem, 6vw, 6rem); }

.clients-page__header {
  max-width: 780px;
  margin: 0 auto clamp(2rem, 5vw, 4rem);
  text-align: center; }
  .clients-page__header > .fire-page-brand {
    display: block;
    width: 100%;
    text-align: center; }
  .clients-page__header h1 {
    margin: .25rem 0 1rem; }
  .clients-page__header p {
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.75; }

.clients-page__stories > h2,
.clients-page__archive > h2 {
  margin: 0 0 1.5rem;
  font-size: clamp(1.5rem, 2.4vw, 2rem);
  font-weight: 400;
  text-align: center; }

.clients-page__stories {
  margin-bottom: clamp(3rem, 7vw, 6rem); }

.clients-page__story {
  overflow: hidden;
  margin: 0 0 clamp(1.5rem, 3vw, 2.5rem);
  border: 1px solid color-mix(in srgb, currentColor 14%, transparent);
  border-radius: var(--fire-card-radius, 8px);
  background: color-mix(in srgb, currentColor 3%, transparent); }
  .clients-page__story:nth-of-type(even) .clients-page__story-image {
    grid-column: 2; }
  .clients-page__story:nth-of-type(even) .clients-page__story-copy {
    grid-column: 1; }

.clients-page__story-main {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(18rem, 0.9fr);
  align-items: stretch; }

.clients-page__story-image {
  display: block;
  grid-column: 1;
  grid-row: 1;
  min-height: 23rem;
  overflow: hidden; }
  .clients-page__story-image img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 23rem;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    transition: transform .5s ease; }
  .clients-page__story-image:hover img, .clients-page__story-image:focus-visible img {
    transform: scale(1.025); }

.clients-page__story-copy {
  display: flex;
  grid-column: 2;
  grid-row: 1;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: clamp(1.5rem, 3.5vw, 3rem); }
  .clients-page__story-copy h3 {
    margin: 0 0 1rem;
    font-size: clamp(1.6rem, 2.6vw, 2.35rem);
    font-weight: 400; }
  .clients-page__story-copy > p:not(.clients-page__period) {
    margin: 0 0 1.25rem;
    line-height: 1.75; }

.clients-page__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1rem, 2.5vw, 2rem); }

.clients-page__card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, currentColor 14%, transparent);
  border-radius: var(--fire-card-radius, 8px);
  background: color-mix(in srgb, currentColor 4%, transparent); }
  .clients-page__card img {
    display: block;
    width: 100%;
    aspect-ratio: 7 / 4;
    object-fit: cover;
    transition: transform .45s ease; }
  .clients-page__card:hover img, .clients-page__card:focus-within img {
    transform: scale(1.035); }

.clients-page__image-link {
  position: relative;
  display: block;
  overflow: hidden;
  height: clamp(12rem, 22vw, 16rem);
  background: #fff; }
  .clients-page__image-link img {
    position: absolute;
    inset: 0;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 1rem;
    object-fit: contain;
    transition: transform .45s ease; }

.clients-page__copy {
  padding: 1.2rem 1.25rem 1.4rem; }
  .clients-page__copy h2 {
    margin: 0 0 .6rem;
    font-size: 1.45rem; }
  .clients-page__copy p {
    margin: 0 0 1rem;
    line-height: 1.65; }

.clients-page__period {
  margin: -.25rem 0 .8rem !important;
  font-size: .82rem;
  letter-spacing: .08em;
  opacity: .72; }

.clients-page__link {
  font-size: .92rem; }

.clients-page__contact {
  margin: 3rem auto 0;
  text-align: center; }

.clients-page__gallery {
  display: block;
  margin: 0 1.5rem 1.5rem;
  border-top: 1px solid color-mix(in srgb, currentColor 22%, transparent); }
  .clients-page__gallery summary {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .45rem;
    padding: 1rem 0;
    cursor: pointer;
    list-style: none;
    text-align: right;
    font-size: clamp(1.2rem, 1.6vw, 1.4rem);
    line-height: 1.35; }
  .clients-page__gallery summary::-webkit-details-marker {
    display: none; }
  .clients-page__gallery summary::after {
    content: "+";
    flex: 0 0 auto;
    font-size: 1.15em;
    line-height: 1; }
  .clients-page__gallery[open] summary::after {
    content: "−"; }

.clients-page__gallery-label {
  max-width: 100%;
  text-align: right; }

.clients-page__gallery-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem;
  padding-bottom: .5rem; }
  .clients-page__gallery-grid img {
    width: 100%;
    min-height: 18rem;
    max-height: 34rem;
    aspect-ratio: 7 / 5;
    object-fit: contain;
    background: color-mix(in srgb, currentColor 5%, transparent);
    border-radius: calc(var(--fire-card-radius, 8px) * .65); }

@media (max-width: 850px) {
  .clients-page__story-main {
    grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .clients-page__story-image,
  .clients-page__story-image img {
    min-height: 19rem; }
  .clients-page__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)); } }

@media (max-width: 560px) {
  .clients-page__story-main {
    grid-template-columns: 1fr; }
  .clients-page__story:nth-of-type(even) .clients-page__story-image,
  .clients-page__story:nth-of-type(even) .clients-page__story-copy {
    grid-column: 1; }
  .clients-page__story-copy {
    grid-row: 2; }
  .clients-page__gallery {
    grid-row: 3; }
  .clients-page__story-image,
  .clients-page__story-image img {
    min-height: 16rem;
    max-height: 22rem; }
  .clients-page__story-copy {
    padding: 1.4rem; }
  .clients-page__gallery {
    margin: 0 1rem 1rem; }
  .clients-page__gallery-grid {
    grid-template-columns: 1fr; }
  .clients-page__gallery-grid img {
    max-height: 24rem; }
  .clients-page__grid {
    grid-template-columns: 1fr; }
  .clients-page__image-link {
    height: 14rem; } }

@media (prefers-reduced-motion: reduce) {
  .clients-page__card img {
    transition: none; } }