@charset "UTF-8";
/*!
 * Bootstrap v4.1.0 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.h26-btn, .affiliate-apply input[type=submit],
.affiliate-apply button[type=submit], .affiliate-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 54px;
  padding: 0 48px;
  border: 0;
  border-radius: 5px;
  background: var(--cl-accent, #B0402E) url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-cta-button.jpg") repeat;
  background-size: 400px;
  color: #ffffff;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  transition: filter 0.15s ease;
}
.h26-btn:hover, .affiliate-apply input[type=submit]:hover,
.affiliate-apply button[type=submit]:hover, .affiliate-btn:hover, .h26-btn:focus-visible, .affiliate-apply input[type=submit]:focus-visible,
.affiliate-apply button[type=submit]:focus-visible, .affiliate-btn:focus-visible {
  filter: brightness(1.12);
  color: #ffffff;
  text-decoration: none;
}
.h26-btn--wide {
  width: 348px;
  padding: 0;
  font-size: 14px;
  letter-spacing: 0.3em;
  padding-left: 0.3em;
}
@media (max-width: 760px) {
  .h26-btn--wide {
    width: calc(100% - 36px);
    max-width: 348px;
  }
}
.h26-btn--block {
  display: flex;
  width: 100%;
  height: 56px;
  margin-top: 32px;
  padding: 0;
}

.h26-underline {
  display: inline-block;
  color: #343332;
  font-size: 20px;
  text-decoration: none;
  border-bottom: 1px solid #E0C8A5;
  padding: 0 4px 7px;
}
.h26-underline:hover, .h26-underline:focus-visible {
  color: #343332;
  text-decoration: none;
  border-bottom-color: #D6B587;
}

.h26-eyebrow {
  margin: 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.3em;
  color: #8A734A;
  text-transform: uppercase;
}
.h26-eyebrow--center {
  text-align: center;
}

.h26-rule {
  border-bottom: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: 0 1px 0 rgba(207, 196, 187, 0.3), 0 2px 0 #FFFFFF;
}

.h26-divider {
  display: block;
  width: 300px;
  max-width: 100%;
  height: auto;
  margin: 44px auto 0;
}
.h26-divider--rule {
  width: 560px;
  margin: 40px auto 0;
}

.h26-fineprint {
  margin: 16px 0 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12.5px;
  color: #60594D;
}

.h26-stars {
  color: #D6B587;
}

.is-hidden {
  display: none !important;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 10px;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #6c757d;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #8A734A !important;
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #cb9900 !important;
}

.bg-secondary {
  background-color: #000 !important;
}

a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #000 !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #8A734A !important;
}

.border-secondary {
  border-color: #000 !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded {
  border-radius: 0 !important;
}

.rounded-top {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-right {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-left {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  -webkit-font-smoothing: antialiased;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}

@-ms-viewport {
  width: device-width;
}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

body {
  margin: 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 10px;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

dfn {
  font-style: italic;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #8A734A;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:hover {
  color: #b28500;
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre,
code,
kbd,
samp {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: 10px;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}

h1,
.h1 {
  font-size: 40px;
  font-weight: 600;
  color: #000;
  text-transform: none;
  line-height: 1.35;
  margin-bottom: 20px;
}

h2,
.h2 {
  font-size: 36px;
  font-weight: 600;
  color: #000;
  text-transform: none;
  line-height: 1.2;
  margin-bottom: 20px;
}

h3,
.h3 {
  font-size: 32px;
  font-weight: 600;
  color: #000;
  text-transform: none;
  line-height: 1;
  margin-bottom: 20px;
}

h4,
.h4 {
  font-size: 30px;
  font-weight: 600;
  color: #000;
  text-transform: none;
  line-height: 1;
  margin-bottom: 20px;
}

h5,
.h5 {
  font-size: 24px;
  font-weight: 600;
  color: #000;
  text-transform: none;
  line-height: 1;
  margin-bottom: 20px;
}

h6,
.h6 {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  text-transform: none;
  line-height: 1;
  margin-bottom: 20px;
}

@media (max-width: 992px) {
  h1,
  .h1 {
    font-size: 40px;
    margin-bottom: 15px;
  }
  h2,
  .h2 {
    font-size: 32px;
    margin-bottom: 15px;
  }
  h3,
  .h3 {
    font-size: 30px;
    margin-bottom: 15px;
  }
  h4,
  .h4 {
    font-size: 28px;
    margin-bottom: 15px;
  }
  h5,
  .h5 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  h6,
  .h6 {
    font-size: 17px;
    margin-bottom: 15px;
  }
  p {
    font-size: 16px;
    line-height: 1.5;
  }
}
small,
.small {
  font-size: 80%;
  font-weight: 400;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 20px;
  font-size: 1.25rem;
}

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}

.blockquote-footer::before {
  content: "— ";
}

.text-monospace {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
}

.text-justify {
  text-align: justify !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #8A734A !important;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #cb9900 !important;
}

.text-secondary {
  color: #000 !important;
}

a.text-secondary:hover,
a.text-secondary:focus {
  color: #000 !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover,
a.text-success:focus {
  color: #1e7e34 !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover,
a.text-info:focus {
  color: #117a8b !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #d39e00 !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover,
a.text-danger:focus {
  color: #bd2130 !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover,
a.text-light:focus {
  color: #dae0e5 !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover,
a.text-dark:focus {
  color: #1d2124 !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.btn {
  padding: 10px 20px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
  line-height: 1;
  display: inline-block;
  text-decoration: none;
  white-space: normal;
  background: #8A734A;
  border-radius: 5px;
  border: none;
  transition: background 0.3s ease;
  cursor: pointer;
}
.btn:hover {
  background: hsl(45, 86%, 47%);
  color: #000;
}
.btn.disabled, .btn:disabled {
  pointer-events: none;
}

.wishlist_button_container.loading,
.download-btn-container.loading {
  pointer-events: none;
  opacity: 0.6;
}

.wishlist_button {
  position: absolute;
  z-index: 10;
  top: 15px;
  right: 15px;
  font-size: 20px;
  color: #fff;
  cursor: pointer;
  transition: all 0.65s ease;
}
.wishlist_button:hover {
  transform: scale(1.05);
}
.wishlist_button svg {
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.wishlist_button.active svg, .wishlist_button.loading svg {
  fill: #fec000 !important;
}
.wishlist_button.active:hover svg {
  opacity: 0.8;
}

.wishlist_button_inner {
  padding: 10px 15px;
  background: #fff !important;
  border: 1px solid #000 !important;
  white-space: nowrap;
  width: auto;
}
.wishlist_button_inner:active, .wishlist_button_inner:focus, .wishlist_button_inner:hover {
  background: #fff !important;
  border: 1px solid #000 !important;
}
.wishlist_button_inner svg {
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  margin-right: 10px;
}

.btn.active {
  fill: black !important;
  background: #8A734A !important;
  color: black;
}

.btn.wishlist_button_inner.active:hover svg {
  opacity: 0.8;
  fill: #fff !important;
}

/** Woocommerce **/
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
  line-height: 1;
  text-decoration: none;
  white-space: normal;
  background: #8A734A;
  border-radius: 5px;
  border: none;
  transition: 0.3s all;
  padding: 20px 35px;
  width: 100%;
}

.woocommerce #respond input#submit.alt:active,
.woocommerce #respond input#submit.alt:focus,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:active,
.woocommerce a.button.alt:focus,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:active,
.woocommerce button.button.alt:focus,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:active,
.woocommerce input.button.alt:focus,
.woocommerce input.button.alt:hover {
  background: #8A734A !important;
  color: #000;
}

/** Responsive **/
@media (max-width: 1200px) {
  header .btn {
    font-size: 12px;
    padding: 12px;
  }
}
@media (max-width: 768px) {
  header .btn {
    margin-right: 70px;
  }
}
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1500px) {
  .col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xxl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xxl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xxl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xxl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xxl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media screen and (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #ffdf7f;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(254, 191, 0, 0.25);
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

select.form-control:not([size]):not([multiple]) {
  height: calc(2.25rem + 2px);
}

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.form-control-plaintext.form-control-sm,
.input-group-sm > .form-control-plaintext.form-control,
.input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-prepend > .form-control-plaintext.btn,
.input-group-sm > .input-group-append > .form-control-plaintext.btn,
.form-control-plaintext.form-control-lg,
.input-group-lg > .form-control-plaintext.form-control,
.input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-prepend > .form-control-plaintext.btn,
.input-group-lg > .input-group-append > .form-control-plaintext.btn {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm,
.input-group-sm > .form-control,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0;
}

select.form-control-sm:not([size]):not([multiple]),
.input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) {
  height: calc(1.8125rem + 2px);
}

.form-control-lg,
.input-group-lg > .form-control,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0;
}

select.form-control-lg:not([size]):not([multiple]),
.input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) {
  height: calc(2.875rem + 2px);
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}

.form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #28a745;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.8);
  border-radius: 0.2rem;
}

.was-validated .form-control:valid,
.form-control.is-valid,
.was-validated .custom-select:valid,
.custom-select.is-valid {
  border-color: #28a745;
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip,
.form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip,
.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip,
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip,
.form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label,
.custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before,
.custom-control-input.is-valid ~ .custom-control-label::before {
  background-color: #71dd8a;
}

.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip,
.custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
.custom-control-input.is-valid:checked ~ .custom-control-label::before {
  background-color: #34ce57;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,
.custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-file-input:valid ~ .custom-file-label,
.custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label::before,
.custom-file-input.is-valid ~ .custom-file-label::before {
  border-color: inherit;
}

.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip,
.custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label,
.custom-file-input.is-valid:focus ~ .custom-file-label {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.8);
  border-radius: 0.2rem;
}

.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
  border-color: #dc3545;
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip,
.form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip,
.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip,
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip,
.form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.custom-control-input.is-invalid ~ .custom-control-label::before {
  background-color: #efa2a9;
}

.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip,
.custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,
.custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  background-color: #e4606d;
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-file-input:invalid ~ .custom-file-label,
.custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label::before,
.custom-file-input.is-invalid ~ .custom-file-label::before {
  border-color: inherit;
}

.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip,
.custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
.custom-file-input.is-invalid:focus ~ .custom-file-label {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.form-inline .form-check {
  width: 100%;
}

@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.input-group > .form-control,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}

.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file:focus {
  z-index: 3;
}

.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}

.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .custom-file {
  display: flex;
  align-items: center;
}

.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .custom-file:not(:first-child) .custom-file-label,
.input-group > .custom-file:not(:first-child) .custom-file-label::after {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: flex;
}

.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}

.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0;
}

.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
  margin-top: 0;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 4rem;
}

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #846300;
  background-color: #fff2cc;
  border-color: #ffedb8;
}

.alert-primary hr {
  border-top-color: #ffe79f;
}

.alert-primary .alert-link {
  color: #513d00;
}

.alert-secondary {
  color: #000;
  background-color: #ccc;
  border-color: #b8b8b8;
}

.alert-secondary hr {
  border-top-color: #ababab;
}

.alert-secondary .alert-link {
  color: #000;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-success hr {
  border-top-color: #b1dfbb;
}

.alert-success .alert-link {
  color: #0b2e13;
}

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.alert-info hr {
  border-top-color: #abdde5;
}

.alert-info .alert-link {
  color: #062c33;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.alert-warning hr {
  border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
  color: #533f03;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-danger hr {
  border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
  color: #491217;
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.alert-light hr {
  border-top-color: #ececf6;
}

.alert-light .alert-link {
  color: #686868;
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.alert-dark hr {
  border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
  color: #040505;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}
.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 5px !important;
}

.mt-1,
.my-1 {
  margin-top: 5px !important;
}

.mr-1,
.mx-1 {
  margin-right: 5px !important;
}

.mb-1,
.my-1 {
  margin-bottom: 5px !important;
}

.ml-1,
.mx-1 {
  margin-left: 5px !important;
}

.m-2 {
  margin: 10px !important;
}

.mt-2,
.my-2 {
  margin-top: 10px !important;
}

.mr-2,
.mx-2 {
  margin-right: 10px !important;
}

.mb-2,
.my-2 {
  margin-bottom: 10px !important;
}

.ml-2,
.mx-2 {
  margin-left: 10px !important;
}

.m-3 {
  margin: 20px !important;
}

.mt-3,
.my-3 {
  margin-top: 20px !important;
}

.mr-3,
.mx-3 {
  margin-right: 20px !important;
}

.mb-3,
.my-3 {
  margin-bottom: 20px !important;
}

.ml-3,
.mx-3 {
  margin-left: 20px !important;
}

.m-4 {
  margin: 30px !important;
}

.mt-4,
.my-4 {
  margin-top: 30px !important;
}

.mr-4,
.mx-4 {
  margin-right: 30px !important;
}

.mb-4,
.my-4 {
  margin-bottom: 30px !important;
}

.ml-4,
.mx-4 {
  margin-left: 30px !important;
}

.m-5 {
  margin: 40px !important;
}

.mt-5,
.my-5 {
  margin-top: 40px !important;
}

.mr-5,
.mx-5 {
  margin-right: 40px !important;
}

.mb-5,
.my-5 {
  margin-bottom: 40px !important;
}

.ml-5,
.mx-5 {
  margin-left: 40px !important;
}

.m-6 {
  margin: 60px !important;
}

.mt-6,
.my-6 {
  margin-top: 60px !important;
}

.mr-6,
.mx-6 {
  margin-right: 60px !important;
}

.mb-6,
.my-6 {
  margin-bottom: 60px !important;
}

.ml-6,
.mx-6 {
  margin-left: 60px !important;
}

.m-7 {
  margin: 80px !important;
}

.mt-7,
.my-7 {
  margin-top: 80px !important;
}

.mr-7,
.mx-7 {
  margin-right: 80px !important;
}

.mb-7,
.my-7 {
  margin-bottom: 80px !important;
}

.ml-7,
.mx-7 {
  margin-left: 80px !important;
}

.m-8 {
  margin: 100px !important;
}

.mt-8,
.my-8 {
  margin-top: 100px !important;
}

.mr-8,
.mx-8 {
  margin-right: 100px !important;
}

.mb-8,
.my-8 {
  margin-bottom: 100px !important;
}

.ml-8,
.mx-8 {
  margin-left: 100px !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 5px !important;
}

.pt-1,
.py-1 {
  padding-top: 5px !important;
}

.pr-1,
.px-1 {
  padding-right: 5px !important;
}

.pb-1,
.py-1 {
  padding-bottom: 5px !important;
}

.pl-1,
.px-1 {
  padding-left: 5px !important;
}

.p-2 {
  padding: 10px !important;
}

.pt-2,
.py-2 {
  padding-top: 10px !important;
}

.pr-2,
.px-2 {
  padding-right: 10px !important;
}

.pb-2,
.py-2 {
  padding-bottom: 10px !important;
}

.pl-2,
.px-2 {
  padding-left: 10px !important;
}

.p-3 {
  padding: 20px !important;
}

.pt-3,
.py-3 {
  padding-top: 20px !important;
}

.pr-3,
.px-3 {
  padding-right: 20px !important;
}

.pb-3,
.py-3 {
  padding-bottom: 20px !important;
}

.pl-3,
.px-3 {
  padding-left: 20px !important;
}

.p-4 {
  padding: 30px !important;
}

.pt-4,
.py-4 {
  padding-top: 30px !important;
}

.pr-4,
.px-4 {
  padding-right: 30px !important;
}

.pb-4,
.py-4 {
  padding-bottom: 30px !important;
}

.pl-4,
.px-4 {
  padding-left: 30px !important;
}

.p-5 {
  padding: 40px !important;
}

.pt-5,
.py-5 {
  padding-top: 40px !important;
}

.pr-5,
.px-5 {
  padding-right: 40px !important;
}

.pb-5,
.py-5 {
  padding-bottom: 40px !important;
}

.pl-5,
.px-5 {
  padding-left: 40px !important;
}

.p-6 {
  padding: 60px !important;
}

.pt-6,
.py-6 {
  padding-top: 60px !important;
}

.pr-6,
.px-6 {
  padding-right: 60px !important;
}

.pb-6,
.py-6 {
  padding-bottom: 60px !important;
}

.pl-6,
.px-6 {
  padding-left: 60px !important;
}

.p-7 {
  padding: 80px !important;
}

.pt-7,
.py-7 {
  padding-top: 80px !important;
}

.pr-7,
.px-7 {
  padding-right: 80px !important;
}

.pb-7,
.py-7 {
  padding-bottom: 80px !important;
}

.pl-7,
.px-7 {
  padding-left: 80px !important;
}

.p-8 {
  padding: 100px !important;
}

.pt-8,
.py-8 {
  padding-top: 100px !important;
}

.pr-8,
.px-8 {
  padding-right: 100px !important;
}

.pb-8,
.py-8 {
  padding-bottom: 100px !important;
}

.pl-8,
.px-8 {
  padding-left: 100px !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 5px !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 5px !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 5px !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 5px !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 5px !important;
  }
  .m-sm-2 {
    margin: 10px !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 10px !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 10px !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 10px !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 10px !important;
  }
  .m-sm-3 {
    margin: 20px !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 20px !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 20px !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 20px !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 20px !important;
  }
  .m-sm-4 {
    margin: 30px !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 30px !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 30px !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 30px !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 30px !important;
  }
  .m-sm-5 {
    margin: 40px !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 40px !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 40px !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 40px !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 40px !important;
  }
  .m-sm-6 {
    margin: 60px !important;
  }
  .mt-sm-6,
  .my-sm-6 {
    margin-top: 60px !important;
  }
  .mr-sm-6,
  .mx-sm-6 {
    margin-right: 60px !important;
  }
  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: 60px !important;
  }
  .ml-sm-6,
  .mx-sm-6 {
    margin-left: 60px !important;
  }
  .m-sm-7 {
    margin: 80px !important;
  }
  .mt-sm-7,
  .my-sm-7 {
    margin-top: 80px !important;
  }
  .mr-sm-7,
  .mx-sm-7 {
    margin-right: 80px !important;
  }
  .mb-sm-7,
  .my-sm-7 {
    margin-bottom: 80px !important;
  }
  .ml-sm-7,
  .mx-sm-7 {
    margin-left: 80px !important;
  }
  .m-sm-8 {
    margin: 100px !important;
  }
  .mt-sm-8,
  .my-sm-8 {
    margin-top: 100px !important;
  }
  .mr-sm-8,
  .mx-sm-8 {
    margin-right: 100px !important;
  }
  .mb-sm-8,
  .my-sm-8 {
    margin-bottom: 100px !important;
  }
  .ml-sm-8,
  .mx-sm-8 {
    margin-left: 100px !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 5px !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 5px !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 5px !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 5px !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 5px !important;
  }
  .p-sm-2 {
    padding: 10px !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 10px !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 10px !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 10px !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 10px !important;
  }
  .p-sm-3 {
    padding: 20px !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 20px !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 20px !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 20px !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 20px !important;
  }
  .p-sm-4 {
    padding: 30px !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 30px !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 30px !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 30px !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 30px !important;
  }
  .p-sm-5 {
    padding: 40px !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 40px !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 40px !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 40px !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 40px !important;
  }
  .p-sm-6 {
    padding: 60px !important;
  }
  .pt-sm-6,
  .py-sm-6 {
    padding-top: 60px !important;
  }
  .pr-sm-6,
  .px-sm-6 {
    padding-right: 60px !important;
  }
  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: 60px !important;
  }
  .pl-sm-6,
  .px-sm-6 {
    padding-left: 60px !important;
  }
  .p-sm-7 {
    padding: 80px !important;
  }
  .pt-sm-7,
  .py-sm-7 {
    padding-top: 80px !important;
  }
  .pr-sm-7,
  .px-sm-7 {
    padding-right: 80px !important;
  }
  .pb-sm-7,
  .py-sm-7 {
    padding-bottom: 80px !important;
  }
  .pl-sm-7,
  .px-sm-7 {
    padding-left: 80px !important;
  }
  .p-sm-8 {
    padding: 100px !important;
  }
  .pt-sm-8,
  .py-sm-8 {
    padding-top: 100px !important;
  }
  .pr-sm-8,
  .px-sm-8 {
    padding-right: 100px !important;
  }
  .pb-sm-8,
  .py-sm-8 {
    padding-bottom: 100px !important;
  }
  .pl-sm-8,
  .px-sm-8 {
    padding-left: 100px !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 5px !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 5px !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 5px !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 5px !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 5px !important;
  }
  .m-md-2 {
    margin: 10px !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 10px !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 10px !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 10px !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 10px !important;
  }
  .m-md-3 {
    margin: 20px !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 20px !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 20px !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 20px !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 20px !important;
  }
  .m-md-4 {
    margin: 30px !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 30px !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 30px !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 30px !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 30px !important;
  }
  .m-md-5 {
    margin: 40px !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 40px !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 40px !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 40px !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 40px !important;
  }
  .m-md-6 {
    margin: 60px !important;
  }
  .mt-md-6,
  .my-md-6 {
    margin-top: 60px !important;
  }
  .mr-md-6,
  .mx-md-6 {
    margin-right: 60px !important;
  }
  .mb-md-6,
  .my-md-6 {
    margin-bottom: 60px !important;
  }
  .ml-md-6,
  .mx-md-6 {
    margin-left: 60px !important;
  }
  .m-md-7 {
    margin: 80px !important;
  }
  .mt-md-7,
  .my-md-7 {
    margin-top: 80px !important;
  }
  .mr-md-7,
  .mx-md-7 {
    margin-right: 80px !important;
  }
  .mb-md-7,
  .my-md-7 {
    margin-bottom: 80px !important;
  }
  .ml-md-7,
  .mx-md-7 {
    margin-left: 80px !important;
  }
  .m-md-8 {
    margin: 100px !important;
  }
  .mt-md-8,
  .my-md-8 {
    margin-top: 100px !important;
  }
  .mr-md-8,
  .mx-md-8 {
    margin-right: 100px !important;
  }
  .mb-md-8,
  .my-md-8 {
    margin-bottom: 100px !important;
  }
  .ml-md-8,
  .mx-md-8 {
    margin-left: 100px !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 5px !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 5px !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 5px !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 5px !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 5px !important;
  }
  .p-md-2 {
    padding: 10px !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 10px !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 10px !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 10px !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 10px !important;
  }
  .p-md-3 {
    padding: 20px !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 20px !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 20px !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 20px !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 20px !important;
  }
  .p-md-4 {
    padding: 30px !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 30px !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 30px !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 30px !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 30px !important;
  }
  .p-md-5 {
    padding: 40px !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 40px !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 40px !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 40px !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 40px !important;
  }
  .p-md-6 {
    padding: 60px !important;
  }
  .pt-md-6,
  .py-md-6 {
    padding-top: 60px !important;
  }
  .pr-md-6,
  .px-md-6 {
    padding-right: 60px !important;
  }
  .pb-md-6,
  .py-md-6 {
    padding-bottom: 60px !important;
  }
  .pl-md-6,
  .px-md-6 {
    padding-left: 60px !important;
  }
  .p-md-7 {
    padding: 80px !important;
  }
  .pt-md-7,
  .py-md-7 {
    padding-top: 80px !important;
  }
  .pr-md-7,
  .px-md-7 {
    padding-right: 80px !important;
  }
  .pb-md-7,
  .py-md-7 {
    padding-bottom: 80px !important;
  }
  .pl-md-7,
  .px-md-7 {
    padding-left: 80px !important;
  }
  .p-md-8 {
    padding: 100px !important;
  }
  .pt-md-8,
  .py-md-8 {
    padding-top: 100px !important;
  }
  .pr-md-8,
  .px-md-8 {
    padding-right: 100px !important;
  }
  .pb-md-8,
  .py-md-8 {
    padding-bottom: 100px !important;
  }
  .pl-md-8,
  .px-md-8 {
    padding-left: 100px !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 5px !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 5px !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 5px !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 5px !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 5px !important;
  }
  .m-lg-2 {
    margin: 10px !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 10px !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 10px !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 10px !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 10px !important;
  }
  .m-lg-3 {
    margin: 20px !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 20px !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 20px !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 20px !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 20px !important;
  }
  .m-lg-4 {
    margin: 30px !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 30px !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 30px !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 30px !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 30px !important;
  }
  .m-lg-5 {
    margin: 40px !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 40px !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 40px !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 40px !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 40px !important;
  }
  .m-lg-6 {
    margin: 60px !important;
  }
  .mt-lg-6,
  .my-lg-6 {
    margin-top: 60px !important;
  }
  .mr-lg-6,
  .mx-lg-6 {
    margin-right: 60px !important;
  }
  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: 60px !important;
  }
  .ml-lg-6,
  .mx-lg-6 {
    margin-left: 60px !important;
  }
  .m-lg-7 {
    margin: 80px !important;
  }
  .mt-lg-7,
  .my-lg-7 {
    margin-top: 80px !important;
  }
  .mr-lg-7,
  .mx-lg-7 {
    margin-right: 80px !important;
  }
  .mb-lg-7,
  .my-lg-7 {
    margin-bottom: 80px !important;
  }
  .ml-lg-7,
  .mx-lg-7 {
    margin-left: 80px !important;
  }
  .m-lg-8 {
    margin: 100px !important;
  }
  .mt-lg-8,
  .my-lg-8 {
    margin-top: 100px !important;
  }
  .mr-lg-8,
  .mx-lg-8 {
    margin-right: 100px !important;
  }
  .mb-lg-8,
  .my-lg-8 {
    margin-bottom: 100px !important;
  }
  .ml-lg-8,
  .mx-lg-8 {
    margin-left: 100px !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 5px !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 5px !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 5px !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 5px !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 5px !important;
  }
  .p-lg-2 {
    padding: 10px !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 10px !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 10px !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 10px !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 10px !important;
  }
  .p-lg-3 {
    padding: 20px !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 20px !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 20px !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 20px !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 20px !important;
  }
  .p-lg-4 {
    padding: 30px !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 30px !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 30px !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 30px !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 30px !important;
  }
  .p-lg-5 {
    padding: 40px !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 40px !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 40px !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 40px !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 40px !important;
  }
  .p-lg-6 {
    padding: 60px !important;
  }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: 60px !important;
  }
  .pr-lg-6,
  .px-lg-6 {
    padding-right: 60px !important;
  }
  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: 60px !important;
  }
  .pl-lg-6,
  .px-lg-6 {
    padding-left: 60px !important;
  }
  .p-lg-7 {
    padding: 80px !important;
  }
  .pt-lg-7,
  .py-lg-7 {
    padding-top: 80px !important;
  }
  .pr-lg-7,
  .px-lg-7 {
    padding-right: 80px !important;
  }
  .pb-lg-7,
  .py-lg-7 {
    padding-bottom: 80px !important;
  }
  .pl-lg-7,
  .px-lg-7 {
    padding-left: 80px !important;
  }
  .p-lg-8 {
    padding: 100px !important;
  }
  .pt-lg-8,
  .py-lg-8 {
    padding-top: 100px !important;
  }
  .pr-lg-8,
  .px-lg-8 {
    padding-right: 100px !important;
  }
  .pb-lg-8,
  .py-lg-8 {
    padding-bottom: 100px !important;
  }
  .pl-lg-8,
  .px-lg-8 {
    padding-left: 100px !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 5px !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 5px !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 5px !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 5px !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 5px !important;
  }
  .m-xl-2 {
    margin: 10px !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 10px !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 10px !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 10px !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 10px !important;
  }
  .m-xl-3 {
    margin: 20px !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 20px !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 20px !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 20px !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 20px !important;
  }
  .m-xl-4 {
    margin: 30px !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 30px !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 30px !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 30px !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 30px !important;
  }
  .m-xl-5 {
    margin: 40px !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 40px !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 40px !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 40px !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 40px !important;
  }
  .m-xl-6 {
    margin: 60px !important;
  }
  .mt-xl-6,
  .my-xl-6 {
    margin-top: 60px !important;
  }
  .mr-xl-6,
  .mx-xl-6 {
    margin-right: 60px !important;
  }
  .mb-xl-6,
  .my-xl-6 {
    margin-bottom: 60px !important;
  }
  .ml-xl-6,
  .mx-xl-6 {
    margin-left: 60px !important;
  }
  .m-xl-7 {
    margin: 80px !important;
  }
  .mt-xl-7,
  .my-xl-7 {
    margin-top: 80px !important;
  }
  .mr-xl-7,
  .mx-xl-7 {
    margin-right: 80px !important;
  }
  .mb-xl-7,
  .my-xl-7 {
    margin-bottom: 80px !important;
  }
  .ml-xl-7,
  .mx-xl-7 {
    margin-left: 80px !important;
  }
  .m-xl-8 {
    margin: 100px !important;
  }
  .mt-xl-8,
  .my-xl-8 {
    margin-top: 100px !important;
  }
  .mr-xl-8,
  .mx-xl-8 {
    margin-right: 100px !important;
  }
  .mb-xl-8,
  .my-xl-8 {
    margin-bottom: 100px !important;
  }
  .ml-xl-8,
  .mx-xl-8 {
    margin-left: 100px !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 5px !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 5px !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 5px !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 5px !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 5px !important;
  }
  .p-xl-2 {
    padding: 10px !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 10px !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 10px !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 10px !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 10px !important;
  }
  .p-xl-3 {
    padding: 20px !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 20px !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 20px !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 20px !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 20px !important;
  }
  .p-xl-4 {
    padding: 30px !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 30px !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 30px !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 30px !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 30px !important;
  }
  .p-xl-5 {
    padding: 40px !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 40px !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 40px !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 40px !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 40px !important;
  }
  .p-xl-6 {
    padding: 60px !important;
  }
  .pt-xl-6,
  .py-xl-6 {
    padding-top: 60px !important;
  }
  .pr-xl-6,
  .px-xl-6 {
    padding-right: 60px !important;
  }
  .pb-xl-6,
  .py-xl-6 {
    padding-bottom: 60px !important;
  }
  .pl-xl-6,
  .px-xl-6 {
    padding-left: 60px !important;
  }
  .p-xl-7 {
    padding: 80px !important;
  }
  .pt-xl-7,
  .py-xl-7 {
    padding-top: 80px !important;
  }
  .pr-xl-7,
  .px-xl-7 {
    padding-right: 80px !important;
  }
  .pb-xl-7,
  .py-xl-7 {
    padding-bottom: 80px !important;
  }
  .pl-xl-7,
  .px-xl-7 {
    padding-left: 80px !important;
  }
  .p-xl-8 {
    padding: 100px !important;
  }
  .pt-xl-8,
  .py-xl-8 {
    padding-top: 100px !important;
  }
  .pr-xl-8,
  .px-xl-8 {
    padding-right: 100px !important;
  }
  .pb-xl-8,
  .py-xl-8 {
    padding-bottom: 100px !important;
  }
  .pl-xl-8,
  .px-xl-8 {
    padding-left: 100px !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
@keyframes shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
/** Elements that apply the animation **/
.shimmer-load:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.05), transparent);
  animation: shimmer 1.5s infinite;
}

.loading-spinner {
  position: relative;
  pointer-events: none;
}
.loading-spinner :before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(246, 238, 223, 0.7);
}
.loading-spinner:after {
  content: "";
  position: absolute;
  top: 22px;
  left: 15px;
  z-index: 1;
  width: 15px;
  height: 15px;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-top-color: #8A734A;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

.loading {
  opacity: 0.5 !important;
  pointer-events: none !important;
}

.toggle_category {
  position: relative;
  display: flex;
  align-items: center;
  outline: none;
}
.toggle_category > button {
  border: 0;
  background: transparent;
  color: #343332;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.04em;
  margin-top: -4px;
  padding: 4px 8px;
  cursor: pointer;
  position: relative;
  z-index: 300;
  outline: none;
}
.toggle_category.nav-account-dropdown > button {
  display: none;
}
.toggle_category #category_dropdown {
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 50;
  padding: 8px 0 0;
  min-width: 240px;
}
.toggle_category .category_dropdown__content {
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 5px;
  min-width: 250px;
}
@media (max-width: 400px) {
  .toggle_category .category_dropdown__content {
    min-width: 200px;
  }
}
.toggle_category .category_dropdown__content {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 0 #FFFFFF, 0 18px 30px -16px rgba(52, 51, 50, 0.28);
  overflow: hidden;
}
.toggle_category .category_dropdown__content ul {
  margin: 0;
  padding: 10px 0;
  list-style: none;
}
.toggle_category .category_dropdown__content ul li {
  margin: 0;
  padding: 0;
}
.toggle_category .category_dropdown__content ul li.nav-item--divider {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(207, 196, 187, 0.3);
  box-shadow: inset 0 1px 0 #FFFFFF;
}
.toggle_category .category_dropdown__content ul li a {
  display: block;
  padding: 10px 24px;
  margin: 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 16.5px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  color: #4A463E;
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease, padding-left 0.15s ease;
}
.toggle_category .category_dropdown__content ul li a:hover, .toggle_category .category_dropdown__content ul li a:focus {
  background: rgba(207, 196, 187, 0.18);
  color: #343332;
  text-decoration: none;
}
.toggle_category .category_dropdown__content ul li.active > a {
  color: #343332;
  background: rgba(207, 196, 187, 0.18);
}

/** Category **/
.change_category {
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 5px;
}
.change_category .embla {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  padding: 0 10px;
  width: auto;
}
@media (min-width: 992px) {
  .change_category .embla {
    padding: 0 40px;
  }
}
.change_category .embla .embla__container {
  display: flex;
  margin-bottom: 0;
}
.change_category .embla .embla__slide {
  margin-bottom: 10px;
}
.change_category .embla .embla__viewport {
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}
.change_category .embla .embla__viewport.can-scroll-next {
  -webkit-mask-image: linear-gradient(to left, transparent 0, black 50px, black 100%);
  mask-image: linear-gradient(to left, transparent 0, black 50px, black 100%);
}
.change_category .embla .embla__viewport.can-scroll-prev {
  -webkit-mask-image: linear-gradient(to right, transparent 0, black 50px, black 100%);
  mask-image: linear-gradient(to right, transparent 0, black 50px, black 100%);
}
.change_category .embla .embla__viewport {
  /* When both apply */
}
.change_category .embla .embla__viewport.can-scroll-prev.can-scroll-next {
  -webkit-mask-image: linear-gradient(to right, transparent 0, black 50px, black 100%), linear-gradient(to left, transparent 0, black 50px, black 100%);
  -webkit-mask-composite: intersect; /* Safari */
  mask-image: linear-gradient(to right, transparent 0, black 50px, black 100%), linear-gradient(to left, transparent 0, black 50px, black 100%);
  mask-composite: intersect;
}
.change_category .embla .embla__next,
.change_category .embla .embla__prev {
  position: absolute;
  cursor: pointer;
  outline: none;
  transition: transform 0.1s ease;
  display: none;
}
.change_category .embla .embla__next {
  right: 4px;
  top: 17px;
}
.change_category .embla .embla__next:hover {
  transform: translateX(1px);
}
.change_category .embla .embla__prev {
  top: 17px;
  left: 4px;
}
.change_category .embla .embla__prev:hover {
  transform: translateX(-1px);
}
.change_category .nav {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  justify-content: center;
}
.change_category .nav-item {
  margin: 5px 12.5px;
}
.change_category .nav-link {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #4A463E;
  display: block;
  padding: 12px 8px;
  transition: color 0.2s ease, border-color 0.2s ease;
  border-bottom: 1px solid transparent;
  white-space: nowrap;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
}
.change_category .nav-link:hover {
  color: #343332;
  border-color: rgba(52, 51, 50, 0.15);
}
.change_category .nav-link.active {
  color: #343332;
  border-color: #343332;
  font-weight: 600;
}

.change_category {
  border-top: 1px solid rgba(52, 51, 50, 0.15);
  border-bottom: 1px solid rgba(52, 51, 50, 0.15);
  padding-top: 16px;
  margin-bottom: 24px;
}
.change_category .embla__next svg,
.change_category .embla__prev svg {
  fill: #4A463E;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0 #999;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb {
  background: #222;
  opacity: 0.5;
  border-radius: 0;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:hover {
  background: #000;
}

::-moz-selection {
  background: #8A734A;
}

::selection {
  background: rgba(254, 191, 0, 0.4);
}

#add_payment_method #payment ul.payment_methods li > label,
.woocommerce-cart #payment ul.payment_methods li > label,
.woocommerce-checkout #payment ul.payment_methods li > label {
  width: calc(100% - 50px);
  font-weight: 600;
}

.woocommerce-privacy-policy-text p {
  font-size: 13px;
  padding: 15px 0;
}

/* My-account sidebar column width lives in _myaccount.scss so the
   identity block, nav sections and hairline treatment are owned in
   one place. This file used to set background + width here too; those
   rules moved. */
.woocommerce .col2-set,
.woocommerce-page .col2-set {
  margin: 0 -15px;
}

.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-1,
.woocommerce-page .col2-set .col-2 {
  flex: 0 0 50%;
  max-width: 50%;
}

@media (max-width: 776px) {
  .woocommerce .col2-set .col-1,
  .woocommerce .col2-set .col-2,
  .woocommerce-page .col2-set .col-1,
  .woocommerce-page .col2-set .col-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .woocommerce .col2-set,
  .woocommerce-page .col2-set {
    margin: 0;
  }
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
  padding: 0;
  border: 0;
}

.product-remove {
  width: 20px;
}

.product-thumbnail {
  width: 75px;
}

.product-thumbnail img {
  width: 75px;
  max-width: 75px;
}

.woocommerce-thankyou-order-details.order_details {
  display: flex;
  justify-content: center;
  margin-bottom: 0 !important;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
  float: none;
  width: 100%;
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
  background: #fff;
}

#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
  border-bottom-color: #fff;
}

#add_payment_method #payment ul.payment_methods .stripe-card-group,
.woocommerce-checkout #payment ul.payment_methods .stripe-card-group {
  width: 100%;
}

.wc-stripe-elements-field,
.wc-stripe-iban-element-field {
  width: 100%;
}

#add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row,
.woocommerce-checkout #payment div.form-row {
  padding: 0 15px;
  margin-bottom: 0 !important;
}

.wc-stripe-elements-field,
.wc-stripe-iban-element-field {
  padding: 10px;
  border-radius: 5px;
}

#stripe-payment-data > p {
  font-size: 14px;
}

.woocommerce-SavedPaymentMethods-saveNew {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  padding: 10px;
  border-radius: 5px;
}

.select2-container--default .select2-selection--single {
  border: 1px solid #ced4da;
  padding: 5px;
  border-radius: 4px;
  height: 41px;
  font-size: 16px;
  color: #495057;
}

#payment {
  padding-bottom: 20px;
}

.woocommerce-MyAccount-content #add_payment_method #payment {
  background: none;
}

.woocommerce-MyAccount-content #add_payment_method #payment > ul {
  padding: 0;
  padding-bottom: 15px;
  margin-bottom: 30px;
  border-bottom-color: #e5e5e5;
}

.woocommerce-MyAccount-content #add_payment_method #payment > ul > li {
  display: flex;
  flex-wrap: wrap;
}

.woocommerce-MyAccount-content #add_payment_method #payment > ul > li > input {
  margin-top: 10px;
}

.woocommerce-MyAccount-content #add_payment_method #payment > ul > li > label {
  flex: 1;
  text-transform: uppercase;
  font-weight: 600;
}

.woocommerce-MyAccount-content #add_payment_method #payment > ul > li > .woocommerce-PaymentBox {
  background: #f0f0f0;
  margin-left: 30px;
}

.woocommerce-MyAccount-content #add_payment_method #payment > ul > li > .woocommerce-PaymentBox:before {
  border-bottom-color: #f0f0f0 !important;
}

.woocommerce-MyAccount-content #add_payment_method #payment > .form-row {
  margin-top: 20px;
  padding: 0;
}

.woocommerce-message {
  border-top: 0 !important;
  position: relative;
}

.woocommerce-message::before {
  content: "\e017";
  color: #000;
}

.woocommerce-message a {
  position: absolute !important;
  right: 15px;
  top: 10px;
}

.product_description {
  font-weight: 300;
}

/**
 * My Account - museum-library restyle
 *
 * Two-column layout (sidebar + content) that sits on $paper. Both columns
 * wear hairline rules rather than filled cards; the identity block, nav
 * sections, stat grid and moodboards strip all share a common hairline
 * vocabulary so the surface reads as one cohesive paper sheet rather
 * than a page of stacked widgets.
 *
 * Hierarchy:
 *   Column widths + overrides for the old _woocommerce.scss treatment
 *   .account-nav          - sidebar identity + nav
 *     .account-nav__identity
 *     .account-nav__section (§ ACCOUNT, § LIBRARY)
 *   .account-overview     - main content (Overview page)
 *     .account-stats      - 3-stat grid
 *     .account-moodboards-preview
 *   Legacy .subscription_box + Woo button reset (used by sub-pages
 *   until their templates land in Phase 2)
 *
 * The old flat-grey navigation styles are gone; the only carry-overs
 * are the WC table buttons at the bottom so Orders / Subscriptions
 * sub-pages don't regress while their own templates ship.
 */
/* ---------------------------------------------------------------------------
   Container width. The my-account page renders inside page.php's
   Bootstrap .container, which caps at 1140px (core Bootstrap) or 1240px
   (style.scss override at ≥1350). We bump it to 1190px on the account
   surface only so the sidebar + content columns have a touch more room
   without affecting the rest of the site.
--------------------------------------------------------------------------- */
@media (min-width: 1200px) {
  .woocommerce-account .container {
    max-width: 1190px;
  }
}
@media (min-width: 1350px) {
  .woocommerce-account .container {
    max-width: 1190px;
  }
}
@media (min-width: 1500px) {
  .woocommerce-account .container {
    max-width: 1190px;
  }
}

/* ---------------------------------------------------------------------------
   Top blank-space kill. page.php wraps everything in <section class="py-5">
   which is Bootstrap 3rem (48px) top + bottom padding. On the account
   surface we want the sidebar card and page title to sit as close to the
   navbar as possible - so we override the top padding to a small value
   ($space-3 = 12px) just to keep a hairline of breathing room below the
   translucent navbar without the old "big space" feel. Applies to every
   account endpoint (Overview / Moodboards / Profile / Subscription /
   Billing) because the py-5 wrapper is the same for all of them.
--------------------------------------------------------------------------- */
.woocommerce-account > main > section.py-5,
.woocommerce-account main section.py-5,
body.woocommerce-account .py-5 {
  /* Bootstrap's .pt-5 base rule uses !important, so we have to match it
     to win the cascade. Reducing from 40-48px to $space-3 (12px) so
     the sidebar card and page title sit close to the navbar without a
     "big space" above them. */
  padding-top: 12px !important;
}

/* ---------------------------------------------------------------------------
   wpautop phantom-<p> kill. The /my-account/ page is a shortcoded WP page,
   so WC's account HTML runs through the_content filter chain. wpautop
   wraps whitespace and HTML comments between block-level elements in
   empty-ish <p> tags - 60-85px of phantom line-height per paragraph.
   None of our account / moodboards templates emit <p> elements as
   direct children of these containers, so zapping them is safe.
   Kept separate from the container-width rules so the intent is obvious.
--------------------------------------------------------------------------- */
.woocommerce-MyAccount-content > p,
.moodboards-page__inner > p,
.moodboards-edit__chrome > p,
.account-overview > p,
.account-moodboards-preview > p,
.account-moodboards-preview__grid > p,
.account-billing > p,
.account-billing__payment-section > p,
.account-billing__payment-wrapper > p,
.account-billing__invoices-section > p,
.account-billing__card > p:empty,
.account-billing__card-footer > p:empty,
.account-billing__meta-stack > p,
.account-subscription > p,
.account-subscription__plan-frame > p,
.account-subscription__plan-card > p,
.account-subscription__timeline > p,
.account-subscription__included > p,
.account-subscription__included-list > p,
.account-subscription__license > p:empty,
.account-subscription__license-ornament > p,
.account-subscription__license-actions > p,
.account-subscription__actions > p {
  display: none;
}

/* ---------------------------------------------------------------------------
   Top-of-column alignment. The requirement is that the page title sits
   inline with the top of the sidebar card on every account endpoint.
   Overview already obeys because .account-overview has no top margin,
   but the Moodboards endpoint kept drifting down ~24px because the
   woocommerce-notices-wrapper (and the moodboards-page root's default
   block margin) push the section down. This zeroes any residual top
   margin/padding on the root containers and their first-child rails,
   so the eyebrow + title sit flush with the sidebar identity block.
--------------------------------------------------------------------------- */
/* Endpoint roots that the account router paints into the content card -
   we want them to sit flush with the top of the card's padding, not add
   their own residual margin/padding on top of it. Note: we intentionally
   do NOT zero .woocommerce-MyAccount-content itself any more; the card
   now owns its own padding so top content lines up with the sidebar. */
.woocommerce-MyAccount-content > .woocommerce-notices-wrapper,
.woocommerce-MyAccount-content > .woocommerce-notices-wrapper:empty,
.woocommerce-MyAccount-content > .moodboards-page,
.woocommerce-MyAccount-content > .moodboards-page--in-account,
.moodboards-page--in-account,
.moodboards-page--in-account > .moodboards-page__inner,
.moodboards-page--in-account .moodboards-index,
.moodboards-page--in-account .moodboards-index__header,
.moodboards-page--in-account .moodboards-edit,
.moodboards-page--in-account .moodboards-edit__chrome,
.account-overview,
.account-billing,
.account-subscription {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.woocommerce-MyAccount-content > .woocommerce-notices-wrapper:empty {
  display: none;
}

/* ---------------------------------------------------------------------------
   Column sizing. The nav element carries both .woocommerce-MyAccount-navigation
   and .account-nav, so the container styling lives under .account-nav below.
   We only set width + content gutter here - everything else (bg / border /
   padding / radius) belongs to the .account-nav card.

   WC's default template CSS floats the nav left at 30% and the content
   right at 68%, leaving a ~2% visual gap that scales with container
   width. On a 1190px surface that's ~24px, and our old 24px padding-left
   on the content added on top, producing a visible "large gap" between
   columns. We explicitly set a fixed 20px gap here so the two columns
   sit cleanly adjacent regardless of viewport.
--------------------------------------------------------------------------- */
.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 250px;
}
@media (max-width: 776px) {
  .woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100%;
    margin-bottom: 28px;
  }
}
.woocommerce-account .woocommerce-MyAccount-content {
  background: #FAF6EC;
  border: 1px solid rgba(52, 51, 50, 0.15);
  border-radius: 2px;
  padding: 24px 24px 16px;
  margin-bottom: 32px;
}
@media (min-width: 777px) {
  .woocommerce-account .woocommerce-MyAccount-content {
    width: calc(100% - 270px);
    padding: 24px 24px 16px;
  }
}

/* ---------------------------------------------------------------------------
   Shared tokens for the account surface. Kept local so changes here
   don't reach beyond my-account.
--------------------------------------------------------------------------- */
/* ===========================================================================
   Sidebar - identity block + two nav sections
=========================================================================== */
.account-nav {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  color: #4A463E;
  background: #FAF6EC;
  border: 1px solid rgba(52, 51, 50, 0.15);
  border-radius: 2px;
  padding: 24px 24px 16px;
  margin-bottom: 32px;
  /* Identity -------------------------------------------------------------- */
}
.account-nav__identity {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 0 0 16px;
  border-bottom: 1px solid rgba(207, 196, 187, 0.3);
  margin-bottom: 12px;
}
.account-nav__avatar {
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #8A734A;
  color: #F6EEDF;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.04em;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}
.account-nav__ident-text {
  min-width: 0;
  flex: 1 1 auto;
}
.account-nav__name {
  margin: 0;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 17px;
  line-height: 1.2;
  color: #343332;
  letter-spacing: 0.01em;
}
.account-nav__tier {
  margin: 2px 0 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  color: #6E5926;
  text-transform: uppercase;
  letter-spacing: 0.14em;
}
.account-nav__email {
  margin: 4px 0 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  color: #8A8271;
  letter-spacing: 0.02em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.account-nav {
  /* Sections -------------------------------------------------------------- */
}
.account-nav__section {
  padding: 8px 0 4px;
}
.account-nav__section + .account-nav__section {
  border-top: 1px solid rgba(207, 196, 187, 0.3);
  margin-top: 2px;
  padding-top: 12px;
}
.account-nav__eyebrow {
  margin: 0 0 6px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  color: #8A8271;
  text-transform: uppercase;
  letter-spacing: 0.16em;
}
.account-nav {
  /* Main nav list --------------------------------------------------------- */
}
.account-nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  /* Small gap between items - rows stay internally tight (label + mono
     descriptor) but get a touch of air between neighbours so the five
     endpoints read as individual lines rather than one dense block. */
  gap: 4px;
}
.account-nav__list li {
  margin: 0;
  padding: 0;
}
.account-nav__list li a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  padding: 6px 12px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 15px;
  line-height: 1.25;
  color: #4A463E;
  text-transform: none;
  border-radius: 2px;
  transition: background 0.15s ease, color 0.15s ease;
}
.account-nav__list li a:hover {
  background: #F0EEE8;
  color: #343332;
}
.account-nav__list li {
  /* WooCommerce adds .is-active to the current endpoint's <li> */
}
.account-nav__list li.is-active a {
  background: #F0EEE8;
  color: #343332;
  font-weight: 500;
  /* Left rule indicator - thin brass accent */
  box-shadow: inset 2px 0 0 0 #6E5926;
}
.account-nav__list {
  /* § Library list - lighter weight, icon-led */
}
.account-nav__list--secondary li a {
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 5px 12px;
  font-size: 13px;
  color: #8A8271;
  letter-spacing: 0.02em;
}
.account-nav__list--secondary li a:hover {
  color: #343332;
}
.account-nav {
  /* Monospace descriptor line under each account nav label.
     Tiny, muted, no text-transform - purely scanning aid. */
}
.account-nav__desc {
  display: block;
  margin: 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  line-height: 1.3;
  color: #8A8271;
  letter-spacing: 0.02em;
  text-transform: none;
  font-weight: 400;
}
.account-nav__icon {
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  color: currentColor;
}

/* ===========================================================================
   Overview page
=========================================================================== */
.account-overview {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  color: #4A463E;
  /* Header block --------------------------------------------------------- */
}
.account-overview__header {
  padding-bottom: 22px;
  margin-bottom: 28px;
  border-bottom: 1px solid rgba(207, 196, 187, 0.3);
}
.account-overview__eyebrow {
  margin: 0 0 10px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  color: #8A8271;
  text-transform: uppercase;
  letter-spacing: 0.18em;
}
.account-overview__headline {
  margin: 0 0 8px;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 34px;
  line-height: 1.12;
  color: #343332;
  letter-spacing: -0.005em;
  font-weight: 500;
}
@media (max-width: 776px) {
  .account-overview__headline {
    font-size: 26px;
  }
}
.account-overview__subtitle {
  margin: 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 16px;
  color: #8A8271;
  font-style: italic;
}

/* ---------------------------------------------------------------------------
   Stat grid - three-up on desktop, stacks on mobile. Each stat is a
   bordered card on $paper-2, with the label in mono-caps, the value in
   Crimson, and a small sub-line in muted ink.
--------------------------------------------------------------------------- */
.account-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin: 0 0 40px;
  padding: 0;
  list-style: none;
}
@media (max-width: 776px) {
  .account-stats {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
.account-stats--4col {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1100px) {
  .account-stats--4col {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .account-stats--4col {
    grid-template-columns: 1fr;
  }
}

.account-stat {
  margin: 0;
  padding: 20px 22px;
  background: #FAF6EC;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 2px;
}
.account-stat__label {
  margin: 0 0 12px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  color: #8A8271;
  text-transform: uppercase;
  letter-spacing: 0.16em;
}
.account-stat__value {
  margin: 0 0 4px;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 24px;
  line-height: 1.15;
  color: #343332;
  font-weight: 500;
  letter-spacing: -0.005em;
}
.account-stat__sub {
  margin: 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 13px;
  color: #8A8271;
  font-style: italic;
}

/* ---------------------------------------------------------------------------
   Moodboards preview strip - eyebrow + "View all" on one row, then a
   4-up grid of cards below. Cards are hairline-only (no fill) to let
   the covers do the work.
--------------------------------------------------------------------------- */
.account-moodboards-preview__heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding-bottom: 10px;
  margin-bottom: 18px;
  border-bottom: 1px solid rgba(207, 196, 187, 0.3);
}
.account-moodboards-preview__eyebrow {
  margin: 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  color: #8A8271;
  text-transform: uppercase;
  letter-spacing: 0.18em;
}
.account-moodboards-preview__more {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  color: #6E5926;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.account-moodboards-preview__more:hover {
  color: #343332;
}
.account-moodboards-preview__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 992px) {
  .account-moodboards-preview__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .account-moodboards-preview__grid {
    grid-template-columns: 1fr;
  }
}
.account-moodboards-preview {
  /* Empty state ----------------------------------------------------------- */
}
.account-moodboards-preview__empty {
  padding: 40px 24px;
  text-align: center;
  border: 1px dashed rgba(52, 51, 50, 0.12);
  border-radius: 2px;
  background: #FAF6EC;
}
.account-moodboards-preview__empty-title {
  margin: 0 0 6px;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 18px;
  color: #343332;
  font-weight: 500;
}
.account-moodboards-preview__empty-sub {
  margin: 0 0 16px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 14px;
  color: #8A8271;
  font-style: italic;
}
.account-moodboards-preview__empty-cta {
  display: inline-block;
  padding: 8px 18px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #F6EEDF;
  background: #343332;
  border-radius: 2px;
}
.account-moodboards-preview__empty-cta:hover {
  background: #6E5926;
  color: #F6EEDF;
}

.account-moodboard-card {
  margin: 0;
  padding: 0;
}
.account-moodboard-card__link {
  display: block;
  color: inherit;
}
.account-moodboard-card__link:hover .account-moodboard-card__title {
  color: #6E5926;
}
.account-moodboard-card__link:hover .account-moodboard-card__cover {
  border-color: rgba(52, 51, 50, 0.12);
}
.account-moodboard-card__cover {
  position: relative;
  aspect-ratio: 1/1;
  background: #FAF6EC;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 2px;
  overflow: hidden;
  margin-bottom: 10px;
  transition: border-color 0.15s ease;
}
.account-moodboard-card__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.account-moodboard-card__cover-empty {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #FAF6EC 0%, #F0EEE8 100%);
}
.account-moodboard-card__title {
  margin: 0 0 2px;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 15px;
  line-height: 1.2;
  color: #343332;
  font-weight: 500;
}
.account-moodboard-card__meta {
  margin: 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  color: #8A8271;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.account-moodboard-card {
  /* ---- Starter "+ New moodboard" variant -----------------------------
     Mirrors the full moodboards index starter tile. Dashed outline,
     centred + glyph, click-target is the whole <a>. Lives inside the
     same preview grid so it shares sizing/rhythm with the real boards. */
}
.account-moodboard-card--new .account-moodboard-card__link {
  display: flex;
  flex-direction: column;
}
.account-moodboard-card--new .account-moodboard-card__cover {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px dashed rgba(52, 51, 50, 0.28);
  transition: border-color 0.15s ease, background 0.15s ease;
  flex-shrink: 0;
}
.account-moodboard-card--new .account-moodboard-card__plus {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: rgba(138, 115, 74, 0.12);
  color: #6E5926;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 26px;
  line-height: 1;
  font-weight: 400;
  transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease;
}
.account-moodboard-card--new .account-moodboard-card__link:hover .account-moodboard-card__cover, .account-moodboard-card--new .account-moodboard-card__link:focus-visible .account-moodboard-card__cover {
  border-color: #343332;
  background: rgba(138, 115, 74, 0.06);
}
.account-moodboard-card--new .account-moodboard-card__link:hover .account-moodboard-card__plus, .account-moodboard-card--new .account-moodboard-card__link:focus-visible .account-moodboard-card__plus {
  background: #6E5926;
  color: #F6EEDF;
  transform: scale(1.04);
}
.account-moodboard-card--new .account-moodboard-card__title {
  color: #343332;
}

/* ===========================================================================
   Legacy - sub-page carry-over until Phase 2
===========================================================================

   Kept so sub-pages (subscriptions, orders, edit-account, payment-methods)
   don't look broken while their templates are being redesigned. These
   rules shrink to almost nothing once Phase 2 lands.
--------------------------------------------------------------------------- */
/* ===========================================================================
   Billing page (Receipts + payment method)
=========================================================================== */
.account-billing {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  color: #4A463E;
  /* Header block --------------------------------------------------------- */
}
.account-billing__header {
  padding-bottom: 22px;
  margin-bottom: 28px;
  border-bottom: 1px solid rgba(207, 196, 187, 0.3);
}
.account-billing__eyebrow {
  margin: 0 0 10px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  color: #8A8271;
  text-transform: uppercase;
  letter-spacing: 0.18em;
}
.account-billing__headline {
  margin: 0 0 8px;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: clamp(32px, 3.6vw, 42px);
  line-height: 1.12;
  color: #343332;
  letter-spacing: -0.005em;
  font-weight: 600;
}
@media (max-width: 776px) {
  .account-billing__headline {
    font-size: 26px;
  }
}
.account-billing__subtitle {
  margin: 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 16px;
  color: #8A8271;
  font-style: italic;
}
.account-billing {
  /* Section titles ------------------------------------------------------- */
}
.account-billing__section-title {
  margin: 0 0 16px;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 22px;
  line-height: 1.2;
  color: #343332;
  letter-spacing: -0.005em;
  font-weight: 600;
}
.account-billing {
  /* Payment method section ----------------------------------------------- */
}
.account-billing__payment-section {
  margin-bottom: 40px;
  position: relative;
}
.account-billing__payment-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
}
@media (max-width: 776px) {
  .account-billing__payment-header {
    flex-direction: column;
    align-items: flex-start;
  }
}
.account-billing__payment-wrapper {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 32px;
  align-items: center;
}
@media (max-width: 776px) {
  .account-billing__payment-wrapper {
    grid-template-columns: 1fr;
    gap: 24px;
    align-items: start;
  }
}
.account-billing {
  /* Payment card visual (dark ink background) --------------------------- */
}
.account-billing__card {
  position: relative;
  width: 320px;
  height: 200px;
  background: #343332;
  border-radius: 3px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #F6EEDF;
  overflow: hidden;
}
@media (max-width: 776px) {
  .account-billing__card {
    width: 100%;
  }
}
.account-billing__card {
  /* Subtle grain/texture (optional: using a very faint background pattern) */
}
.account-billing__card::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle at 20% 50%, rgba(246, 238, 223, 0.02) 0%, transparent 50%);
  pointer-events: none;
}
.account-billing__card-brand {
  margin: 0;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 22px;
  font-style: italic;
  color: #F6EEDF;
  position: relative;
  z-index: 1;
}
.account-billing__card-number {
  margin: 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 18px;
  letter-spacing: 0.05em;
  color: #F6EEDF;
  position: relative;
  z-index: 1;
}
.account-billing__card-email {
  margin: 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 14px;
  color: #F6EEDF;
  position: relative;
  z-index: 1;
  word-break: break-all;
}
.account-billing__card-logo {
  margin: 0;
  width: 32px;
  height: 32px;
  color: #F6EEDF;
  position: relative;
  z-index: 1;
}
.account-billing__card-footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  z-index: 1;
}
.account-billing__card-holder, .account-billing__card-label {
  margin: 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #F6EEDF;
}
.account-billing__card-exp {
  margin: 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #F6EEDF;
}
.account-billing {
  /* Meta stack (next charge / added) ----------------------------------- */
}
.account-billing__meta-stack {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.account-billing__meta-item {
  display: flex;
  flex-direction: column;
}
.account-billing__meta-label {
  margin: 0 0 4px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  color: #8A8271;
  text-transform: uppercase;
  letter-spacing: 0.16em;
}
.account-billing__meta-value {
  margin: 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 16px;
  color: #4A463E;
  line-height: 1.4;
}
.account-billing {
  /* Update card pill link ----------------------------------------------- */
}
.account-billing__update-card {
  display: inline-block;
  padding: 10px 20px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #343332;
  border: 1px solid rgba(52, 51, 50, 0.15);
  border-radius: 999px;
  text-decoration: none;
  transition: all 0.15s ease;
}
.account-billing__update-card:hover {
  border-color: #343332;
  background: #FAF6EC;
}
.account-billing {
  /* Invoices & receipts section ---------------------------------------- */
}
.account-billing__invoices-section {
  margin-bottom: 0;
}
.account-billing__invoices-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  gap: 16px;
}
.account-billing__download-all {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #6E5926;
  text-decoration: none;
  flex-shrink: 0;
}
.account-billing__download-all:hover {
  color: #343332;
}
.account-billing {
  /* Table wrapper with card background -------------------------------- */
}
.account-billing__table-wrapper {
  background: #FAF6EC;
  border: 1px solid rgba(52, 51, 50, 0.15);
  border-radius: 3px;
  padding: 24px 32px;
  overflow-x: auto;
}
.account-billing {
  /* Table styling -------------------------------------------------------- */
}
.account-billing__table {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
}
.account-billing__table thead {
  border-bottom: 1px solid rgba(207, 196, 187, 0.3);
}
.account-billing__table th {
  padding: 12px 16px 16px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  color: #8A8271;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  text-align: left;
  font-weight: 600;
}
.account-billing__table tbody tr {
  border-bottom: 1px solid rgba(207, 196, 187, 0.3);
}
.account-billing__table tbody tr:last-child {
  border-bottom: none;
}
.account-billing__col-date {
  width: 15%;
}
.account-billing__col-description {
  width: 35%;
}
.account-billing__col-amount {
  width: 15%;
}
.account-billing__col-status {
  width: 15%;
}
.account-billing__col-actions {
  width: 20%;
}
.account-billing {
  /* Table rows and cells ------------------------------------------------ */
}
.account-billing__row:hover {
  background: rgba(138, 115, 74, 0.03);
}
.account-billing__cell {
  padding: 14px 16px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 15px;
  line-height: 1.4;
  vertical-align: middle;
}
.account-billing__cell--date {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 13px;
  color: #8A8271;
}
.account-billing__cell--description {
  color: #4A463E;
}
.account-billing__cell--amount {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  color: #4A463E;
}
.account-billing__cell--actions {
  font-size: 13px;
}
.account-billing {
  /* Status pills --------------------------------------------------------- */
}
.account-billing__pill {
  display: inline-block;
  padding: 6px 12px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border-radius: 2px;
  border: 1px solid rgba(52, 51, 50, 0.15);
}
.account-billing__pill--paid {
  color: #343332;
  border-color: rgba(52, 51, 50, 0.15);
  background: transparent;
}
.account-billing__pill--pending {
  color: #6E5926;
  border-color: rgba(110, 89, 38, 0.2);
  background: transparent;
}
.account-billing__pill--refunded {
  color: #B0402E;
  border-color: rgba(176, 64, 46, 0.2);
  background: transparent;
}
.account-billing__pill--failed {
  color: #B0402E;
  border-color: rgba(176, 64, 46, 0.2);
  background: transparent;
}
.account-billing {
  /* Action links in table ------------------------------------------------ */
}
.account-billing__action-link {
  color: #6E5926;
  text-decoration: underline;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  transition: color 0.15s ease;
}
.account-billing__action-link:hover {
  color: #343332;
}
.account-billing__action-sep {
  margin: 0 8px;
  color: #8A8271;
}
.account-billing {
  /* Empty state ---------------------------------------------------------- */
}
.account-billing__empty-state {
  padding: 24px 32px;
  text-align: center;
  background: #FAF6EC;
  border: 1px solid rgba(52, 51, 50, 0.15);
  border-radius: 3px;
}
.account-billing__empty-state p {
  margin: 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 15px;
  color: #8A8271;
  font-style: italic;
}

.woocommerce-account .subscription_box {
  background: #FAF6EC;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 2px;
  padding: 28px;
  margin-bottom: 24px;
}
@media (max-width: 776px) {
  .woocommerce-account .subscription_box {
    padding: 20px;
  }
}
.woocommerce-account .subscription_box h5 {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 22px;
  font-weight: 500;
  margin: 0 0 8px;
  line-height: 1.2;
  color: #343332;
}
.woocommerce-account .subscription_box .small_p {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 15px;
  color: #4A463E;
  margin-bottom: 20px;
  line-height: 1.5;
}
.woocommerce-account .subscription_box .small_p b {
  color: #343332;
  font-weight: 600;
}
.woocommerce-account .subscription_box .edit_account {
  margin: 0;
  padding: 0;
  list-style: none;
}
.woocommerce-account .subscription_box .edit_account li {
  margin: 0;
  padding: 0;
}
.woocommerce-account .subscription_box .edit_account .btn {
  display: inline-block;
  height: 36px;
  padding: 0 18px;
  line-height: 34px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  white-space: nowrap;
  margin: 0;
  border-radius: 2px;
  background: #343332;
  color: #F6EEDF;
  border: 1px solid #343332;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.woocommerce-account .subscription_box .edit_account .btn:hover, .woocommerce-account .subscription_box .edit_account .btn:focus-visible {
  background: #6E5926;
  border-color: #6E5926;
  color: #F6EEDF;
  outline: none;
}
.woocommerce-account a.button.cancel,
.woocommerce-account a.button.suspend,
.woocommerce-account a.button.change_payment_method,
.woocommerce-account a.button.subscription_renewal_early,
.woocommerce-account a.woocommerce-button.cancel,
.woocommerce-account a.woocommerce-button.suspend,
.woocommerce-account a.woocommerce-button.change_payment_method,
.woocommerce-account a.woocommerce-button.subscription_renewal_early,
.woocommerce-account a.wcs-switch-link,
.woocommerce-account form.cancel a,
.woocommerce-account form.cancel .button,
.woocommerce-account table.my_account_orders .button,
.woocommerce-account table.related-orders .button,
.woocommerce-account table.woocommerce-orders-table .button,
.woocommerce-account form.woocommerce-orders-table__cell-order-actions .button,
.woocommerce-account table.woocommerce-MyAccount-paymentMethods .button,
.woocommerce-account table.account-payment-methods-table .button {
  display: inline-block;
  height: 36px;
  padding: 0 18px;
  line-height: 34px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  white-space: nowrap;
  margin: 0;
  border-radius: 2px;
  background: #343332;
  color: #F6EEDF;
  border: 1px solid #343332;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.woocommerce-account a.button.cancel:hover, .woocommerce-account a.button.cancel:focus-visible,
.woocommerce-account a.button.suspend:hover,
.woocommerce-account a.button.suspend:focus-visible,
.woocommerce-account a.button.change_payment_method:hover,
.woocommerce-account a.button.change_payment_method:focus-visible,
.woocommerce-account a.button.subscription_renewal_early:hover,
.woocommerce-account a.button.subscription_renewal_early:focus-visible,
.woocommerce-account a.woocommerce-button.cancel:hover,
.woocommerce-account a.woocommerce-button.cancel:focus-visible,
.woocommerce-account a.woocommerce-button.suspend:hover,
.woocommerce-account a.woocommerce-button.suspend:focus-visible,
.woocommerce-account a.woocommerce-button.change_payment_method:hover,
.woocommerce-account a.woocommerce-button.change_payment_method:focus-visible,
.woocommerce-account a.woocommerce-button.subscription_renewal_early:hover,
.woocommerce-account a.woocommerce-button.subscription_renewal_early:focus-visible,
.woocommerce-account a.wcs-switch-link:hover,
.woocommerce-account a.wcs-switch-link:focus-visible,
.woocommerce-account form.cancel a:hover,
.woocommerce-account form.cancel a:focus-visible,
.woocommerce-account form.cancel .button:hover,
.woocommerce-account form.cancel .button:focus-visible,
.woocommerce-account table.my_account_orders .button:hover,
.woocommerce-account table.my_account_orders .button:focus-visible,
.woocommerce-account table.related-orders .button:hover,
.woocommerce-account table.related-orders .button:focus-visible,
.woocommerce-account table.woocommerce-orders-table .button:hover,
.woocommerce-account table.woocommerce-orders-table .button:focus-visible,
.woocommerce-account form.woocommerce-orders-table__cell-order-actions .button:hover,
.woocommerce-account form.woocommerce-orders-table__cell-order-actions .button:focus-visible,
.woocommerce-account table.woocommerce-MyAccount-paymentMethods .button:hover,
.woocommerce-account table.woocommerce-MyAccount-paymentMethods .button:focus-visible,
.woocommerce-account table.account-payment-methods-table .button:hover,
.woocommerce-account table.account-payment-methods-table .button:focus-visible {
  background: #6E5926;
  border-color: #6E5926;
  color: #F6EEDF;
  outline: none;
}
.woocommerce-account a.button.cancel,
.woocommerce-account a.button.suspend,
.woocommerce-account a.button.change_payment_method,
.woocommerce-account a.button.subscription_renewal_early,
.woocommerce-account a.woocommerce-button.cancel,
.woocommerce-account a.woocommerce-button.suspend,
.woocommerce-account a.woocommerce-button.change_payment_method,
.woocommerce-account a.woocommerce-button.subscription_renewal_early,
.woocommerce-account a.wcs-switch-link,
.woocommerce-account form.cancel a,
.woocommerce-account form.cancel .button,
.woocommerce-account table.my_account_orders .button,
.woocommerce-account table.related-orders .button,
.woocommerce-account table.woocommerce-orders-table .button,
.woocommerce-account form.woocommerce-orders-table__cell-order-actions .button,
.woocommerce-account table.woocommerce-MyAccount-paymentMethods .button,
.woocommerce-account table.account-payment-methods-table .button {
  background: transparent;
  color: #343332;
}
.woocommerce-account a.button.cancel:hover, .woocommerce-account a.button.cancel:focus-visible,
.woocommerce-account a.button.suspend:hover,
.woocommerce-account a.button.suspend:focus-visible,
.woocommerce-account a.button.change_payment_method:hover,
.woocommerce-account a.button.change_payment_method:focus-visible,
.woocommerce-account a.button.subscription_renewal_early:hover,
.woocommerce-account a.button.subscription_renewal_early:focus-visible,
.woocommerce-account a.woocommerce-button.cancel:hover,
.woocommerce-account a.woocommerce-button.cancel:focus-visible,
.woocommerce-account a.woocommerce-button.suspend:hover,
.woocommerce-account a.woocommerce-button.suspend:focus-visible,
.woocommerce-account a.woocommerce-button.change_payment_method:hover,
.woocommerce-account a.woocommerce-button.change_payment_method:focus-visible,
.woocommerce-account a.woocommerce-button.subscription_renewal_early:hover,
.woocommerce-account a.woocommerce-button.subscription_renewal_early:focus-visible,
.woocommerce-account a.wcs-switch-link:hover,
.woocommerce-account a.wcs-switch-link:focus-visible,
.woocommerce-account form.cancel a:hover,
.woocommerce-account form.cancel a:focus-visible,
.woocommerce-account form.cancel .button:hover,
.woocommerce-account form.cancel .button:focus-visible,
.woocommerce-account table.my_account_orders .button:hover,
.woocommerce-account table.my_account_orders .button:focus-visible,
.woocommerce-account table.related-orders .button:hover,
.woocommerce-account table.related-orders .button:focus-visible,
.woocommerce-account table.woocommerce-orders-table .button:hover,
.woocommerce-account table.woocommerce-orders-table .button:focus-visible,
.woocommerce-account form.woocommerce-orders-table__cell-order-actions .button:hover,
.woocommerce-account form.woocommerce-orders-table__cell-order-actions .button:focus-visible,
.woocommerce-account table.woocommerce-MyAccount-paymentMethods .button:hover,
.woocommerce-account table.woocommerce-MyAccount-paymentMethods .button:focus-visible,
.woocommerce-account table.account-payment-methods-table .button:hover,
.woocommerce-account table.account-payment-methods-table .button:focus-visible {
  background: #343332;
  color: #F6EEDF;
}
.woocommerce-account table.woocommerce-MyAccount-paymentMethods .button.delete,
.woocommerce-account table.account-payment-methods-table .button.delete {
  display: inline-block;
  height: 36px;
  padding: 0 18px;
  line-height: 34px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  white-space: nowrap;
  margin: 0;
  border-radius: 2px;
  background: #343332;
  color: #F6EEDF;
  border: 1px solid #343332;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.woocommerce-account table.woocommerce-MyAccount-paymentMethods .button.delete:hover, .woocommerce-account table.woocommerce-MyAccount-paymentMethods .button.delete:focus-visible,
.woocommerce-account table.account-payment-methods-table .button.delete:hover,
.woocommerce-account table.account-payment-methods-table .button.delete:focus-visible {
  background: #6E5926;
  border-color: #6E5926;
  color: #F6EEDF;
  outline: none;
}
.woocommerce-account table.woocommerce-MyAccount-paymentMethods .button.delete,
.woocommerce-account table.account-payment-methods-table .button.delete {
  background: transparent;
  color: #343332;
}
.woocommerce-account table.woocommerce-MyAccount-paymentMethods .button.delete:hover, .woocommerce-account table.woocommerce-MyAccount-paymentMethods .button.delete:focus-visible,
.woocommerce-account table.account-payment-methods-table .button.delete:hover,
.woocommerce-account table.account-payment-methods-table .button.delete:focus-visible {
  background: #343332;
  color: #F6EEDF;
}
.woocommerce-account table.woocommerce-MyAccount-paymentMethods .button.delete,
.woocommerce-account table.account-payment-methods-table .button.delete {
  color: #B0402E;
  border-color: rgba(176, 64, 46, 0.45);
}
.woocommerce-account table.woocommerce-MyAccount-paymentMethods .button.delete:hover, .woocommerce-account table.woocommerce-MyAccount-paymentMethods .button.delete:focus-visible,
.woocommerce-account table.account-payment-methods-table .button.delete:hover,
.woocommerce-account table.account-payment-methods-table .button.delete:focus-visible {
  background: #B0402E;
  border-color: #B0402E;
  color: #F6EEDF;
}
.woocommerce-account a.button.cl_switch_freq,
.woocommerce-account a.woocommerce-button.cl_switch_freq,
.woocommerce-account a.button.reactivate,
.woocommerce-account a.woocommerce-button.reactivate,
.woocommerce-account a.button.alt,
.woocommerce-account a.woocommerce-button.alt,
.woocommerce-account button.button.alt,
.woocommerce-account input[type=submit].button.alt,
.woocommerce-account form.woocommerce-EditAccountForm button.button,
.woocommerce-account button.button[name=save_account_details],
.woocommerce-account .account-payment__submit {
  display: inline-block;
  height: 36px;
  padding: 0 18px;
  line-height: 34px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  white-space: nowrap;
  margin: 0;
  border-radius: 2px;
  background: #343332;
  color: #F6EEDF;
  border: 1px solid #343332;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.woocommerce-account a.button.cl_switch_freq:hover, .woocommerce-account a.button.cl_switch_freq:focus-visible,
.woocommerce-account a.woocommerce-button.cl_switch_freq:hover,
.woocommerce-account a.woocommerce-button.cl_switch_freq:focus-visible,
.woocommerce-account a.button.reactivate:hover,
.woocommerce-account a.button.reactivate:focus-visible,
.woocommerce-account a.woocommerce-button.reactivate:hover,
.woocommerce-account a.woocommerce-button.reactivate:focus-visible,
.woocommerce-account a.button.alt:hover,
.woocommerce-account a.button.alt:focus-visible,
.woocommerce-account a.woocommerce-button.alt:hover,
.woocommerce-account a.woocommerce-button.alt:focus-visible,
.woocommerce-account button.button.alt:hover,
.woocommerce-account button.button.alt:focus-visible,
.woocommerce-account input[type=submit].button.alt:hover,
.woocommerce-account input[type=submit].button.alt:focus-visible,
.woocommerce-account form.woocommerce-EditAccountForm button.button:hover,
.woocommerce-account form.woocommerce-EditAccountForm button.button:focus-visible,
.woocommerce-account button.button[name=save_account_details]:hover,
.woocommerce-account button.button[name=save_account_details]:focus-visible,
.woocommerce-account .account-payment__submit:hover,
.woocommerce-account .account-payment__submit:focus-visible {
  background: #6E5926;
  border-color: #6E5926;
  color: #F6EEDF;
  outline: none;
}
.woocommerce-account a.button.cl_switch_freq,
.woocommerce-account a.woocommerce-button.cl_switch_freq,
.woocommerce-account a.button.reactivate,
.woocommerce-account a.woocommerce-button.reactivate,
.woocommerce-account a.button.alt,
.woocommerce-account a.woocommerce-button.alt,
.woocommerce-account button.button.alt,
.woocommerce-account input[type=submit].button.alt,
.woocommerce-account form.woocommerce-EditAccountForm button.button,
.woocommerce-account button.button[name=save_account_details],
.woocommerce-account .account-payment__submit {
  background: #343332 !important;
  color: #F6EEDF !important;
  border-color: #343332 !important;
}
.woocommerce-account a.button.cl_switch_freq:hover, .woocommerce-account a.button.cl_switch_freq:focus-visible,
.woocommerce-account a.woocommerce-button.cl_switch_freq:hover,
.woocommerce-account a.woocommerce-button.cl_switch_freq:focus-visible,
.woocommerce-account a.button.reactivate:hover,
.woocommerce-account a.button.reactivate:focus-visible,
.woocommerce-account a.woocommerce-button.reactivate:hover,
.woocommerce-account a.woocommerce-button.reactivate:focus-visible,
.woocommerce-account a.button.alt:hover,
.woocommerce-account a.button.alt:focus-visible,
.woocommerce-account a.woocommerce-button.alt:hover,
.woocommerce-account a.woocommerce-button.alt:focus-visible,
.woocommerce-account button.button.alt:hover,
.woocommerce-account button.button.alt:focus-visible,
.woocommerce-account input[type=submit].button.alt:hover,
.woocommerce-account input[type=submit].button.alt:focus-visible,
.woocommerce-account form.woocommerce-EditAccountForm button.button:hover,
.woocommerce-account form.woocommerce-EditAccountForm button.button:focus-visible,
.woocommerce-account button.button[name=save_account_details]:hover,
.woocommerce-account button.button[name=save_account_details]:focus-visible,
.woocommerce-account .account-payment__submit:hover,
.woocommerce-account .account-payment__submit:focus-visible {
  background: #6E5926 !important;
  border-color: #6E5926 !important;
  color: #F6EEDF !important;
}

/* =============================================================================
   SUBSCRIPTION SWITCHER MODAL
   -----------------------------------------------------------------------------
   Branded "change billing frequency" modal that replaces WCS's default
   "Upgrade or Downgrade" link. Renders into wp_footer via PHP, then
   JS toggles [hidden] to show/hide.
============================================================================= */
body.cl-modal-open {
  overflow: hidden;
}

.cl-switch-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.cl-switch-modal[hidden] {
  display: none;
}

.cl-switch-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(52, 51, 50, 0.55);
  cursor: pointer;
}

.cl-switch-modal__panel {
  position: relative;
  z-index: 1;
  background: #F6EEDF;
  border: 1px solid rgba(27, 24, 18, 0.16);
  border-radius: 4px;
  padding: clamp(28px, 4vw, 48px);
  max-width: 720px;
  width: 100%;
  max-height: calc(100vh - 40px);
  overflow-y: auto;
  box-shadow: 0 20px 60px rgba(52, 51, 50, 0.25);
}

.cl-switch-modal__close {
  position: absolute;
  top: 14px;
  right: 18px;
  background: none;
  border: none;
  font-size: 28px;
  line-height: 1;
  color: #8A8271;
  cursor: pointer;
  padding: 4px 10px;
}
.cl-switch-modal__close:hover {
  color: #343332;
}

.cl-switch-modal__eyebrow {
  margin: 0 0 8px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #6E5926;
}

.cl-switch-modal__title {
  margin: 0 0 28px;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: clamp(24px, 3vw, 32px);
  line-height: 1.15;
  color: #343332;
}

.cl-switch-modal__cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 20px;
}
@media (max-width: 600px) {
  .cl-switch-modal__cards {
    grid-template-columns: 1fr;
  }
}

.cl-switch-card {
  background: #FDFBF5;
  border: 1px solid rgba(27, 24, 18, 0.16);
  border-radius: 3px;
  padding: 20px 22px;
}
.cl-switch-card__eyebrow {
  margin: 0 0 6px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #8A8271;
}
.cl-switch-card__title {
  margin: 0 0 8px;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 22px;
  color: #343332;
}
.cl-switch-card__price {
  margin: 0 0 4px;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 26px;
  color: #343332;
  font-weight: 600;
}
.cl-switch-card__meta, .cl-switch-card__saving {
  margin: 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 13px;
  color: #8A8271;
}
.cl-switch-card__saving {
  margin-top: 6px;
  color: #6E5926;
  font-style: italic;
}
.cl-switch-card__cta {
  display: block;
  margin-top: 18px;
  text-align: center;
  text-decoration: none;
}
.cl-switch-card__cta.is-loading {
  opacity: 0.7;
  pointer-events: none;
  cursor: wait;
}
.cl-switch-card--current {
  opacity: 0.85;
}
.cl-switch-card--target {
  border-color: #6E5926;
  border-width: 2px;
}

.cl-switch-modal__note {
  margin: 0 0 18px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 13px;
  color: #4A463E;
  font-style: italic;
  text-align: center;
}

.cl-switch-modal__tier-note {
  margin: 0;
  padding-top: 16px;
  border-top: 1px solid rgba(207, 196, 187, 0.3);
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 12px;
  color: #8A8271;
  text-align: center;
}
.cl-switch-modal__tier-note a {
  color: #6E5926;
  text-decoration: underline;
  text-decoration-color: #8A734A;
  text-underline-offset: 2px;
}
.cl-switch-modal__tier-note a:hover {
  color: #343332;
}

/* =============================================================================
   PAUSE / PUT-ON-HOLD MODAL
   -----------------------------------------------------------------------------
   Member-facing branded modal that replaces WCS's bare "Suspend"
   action with a 1/2/3 month picker. Architecture mirrors
   .cl-switch-modal above. Renders into wp_footer via
   Century_Subscription_Pause::render_modal so wpautop doesn't mangle
   the markup on the my-account shortcoded page.
============================================================================= */
.cl-pause-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.cl-pause-modal[hidden] {
  display: none;
}

.cl-pause-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(52, 51, 50, 0.55);
  cursor: pointer;
}

.cl-pause-modal__panel {
  position: relative;
  z-index: 1;
  background: #F6EEDF;
  border: 1px solid rgba(27, 24, 18, 0.16);
  border-radius: 4px;
  padding: clamp(28px, 4vw, 48px);
  max-width: 540px;
  width: 100%;
  max-height: calc(100vh - 40px);
  overflow-y: auto;
  box-shadow: 0 20px 60px rgba(52, 51, 50, 0.25);
}

.cl-pause-modal__close {
  position: absolute;
  top: 14px;
  right: 18px;
  background: none;
  border: none;
  font-size: 28px;
  line-height: 1;
  color: #8A8271;
  cursor: pointer;
  padding: 4px 10px;
}
.cl-pause-modal__close:hover {
  color: #343332;
}

.cl-pause-modal__eyebrow {
  margin: 0 0 8px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #6E5926;
}

.cl-pause-modal__title {
  margin: 0 0 16px;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: clamp(24px, 3vw, 30px);
  line-height: 1.15;
  color: #343332;
  font-weight: 600;
}

.cl-pause-modal__intro {
  margin: 0 0 24px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 15px;
  line-height: 1.5;
  color: #4A463E;
}

.cl-pause-modal__options {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0 0 24px;
}

.cl-pause-option {
  display: grid;
  grid-template-columns: 22px auto 1fr;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  background: #FDFBF5;
  border: 1px solid rgba(52, 51, 50, 0.15);
  border-radius: 3px;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.cl-pause-option:hover {
  border-color: rgba(52, 51, 50, 0.35);
}
.cl-pause-option:has(input:checked) {
  border-color: #6E5926;
  background: #FAF6EC;
  box-shadow: 0 0 0 1px rgba(110, 89, 38, 0.25);
}
.cl-pause-option input[type=radio] {
  margin: 0;
  accent-color: #6E5926;
  width: 18px;
  height: 18px;
}
.cl-pause-option__chip {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 18px;
  color: #343332;
  font-weight: 600;
}
.cl-pause-option__until {
  justify-self: end;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #8A8271;
}

.cl-pause-modal__cta {
  display: block;
  width: 100%;
  height: 46px;
  margin: 0;
  padding: 0 22px;
  border: 1px solid #343332;
  background: #343332;
  color: #F6EEDF;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  border-radius: 2px;
  cursor: pointer;
  text-decoration: none;
  line-height: 44px;
  text-align: center;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.cl-pause-modal__cta:hover, .cl-pause-modal__cta:focus-visible {
  background: #6E5926;
  border-color: #6E5926;
  color: #F6EEDF;
  outline: none;
}
.cl-pause-modal__cta.is-loading {
  opacity: 0.7;
  pointer-events: none;
  cursor: wait;
}

.cl-pause-modal__fineprint {
  margin: 16px 0 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 12px;
  color: #8A8271;
  font-style: italic;
  text-align: center;
}

/* =============================================================================
   ACCOUNT - Downloads (My Account → Downloads)
   -----------------------------------------------------------------------------
   Editorial header → optional quota strip (capped tiers only) → grid of
   download cards (thumbnail + title + date + re-download CTA) → pager.
   Reuses the same vocabulary as the Overview page (eyebrow, display
   headline, subtitle) so the surface feels like part of one publication.
============================================================================= */
.account-downloads__header {
  margin-bottom: 28px;
}
.account-downloads__eyebrow {
  margin: 0 0 8px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  color: #8A8271;
  text-transform: uppercase;
  letter-spacing: 0.18em;
}
.account-downloads__headline {
  margin: 0 0 8px;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: clamp(28px, 3.4vw, 38px);
  line-height: 1.1;
  color: #343332;
}
.account-downloads__subtitle {
  margin: 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 16px;
  color: #4A463E;
  max-width: 640px;
}
.account-downloads__quota {
  background: rgba(138, 115, 74, 0.1);
  border: 1px solid rgba(110, 89, 38, 0.4);
  border-radius: 3px;
  padding: 14px 18px;
  margin-bottom: 24px;
  display: flex;
  align-items: baseline;
  gap: 14px;
  flex-wrap: wrap;
}
.account-downloads__quota-label {
  margin: 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #6E5926;
}
.account-downloads__quota-figure {
  margin: 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 16px;
  color: #343332;
}
.account-downloads__quota-figure strong {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 22px;
  color: #343332;
  margin: 0 2px;
}
.account-downloads__quota-figure span {
  color: #8A8271;
}
.account-downloads__grid {
  list-style: none;
  margin: 0 0 32px;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
@media (max-width: 900px) {
  .account-downloads__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 520px) {
  .account-downloads__grid {
    grid-template-columns: 1fr;
  }
}
.account-downloads__empty {
  background: #FAF6EC;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 3px;
  padding: 48px 24px;
  text-align: center;
}
.account-downloads__empty p {
  margin: 0 0 14px;
  color: #4A463E;
}
.account-downloads__empty p:last-child {
  margin: 0;
}
.account-downloads__pager {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin-top: 24px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.account-downloads__pager-btn {
  color: #343332;
  text-decoration: underline;
  text-decoration-color: #8A734A;
  text-underline-offset: 3px;
}
.account-downloads__pager-btn:hover {
  color: #6E5926;
}
.account-downloads__pager-btn.is-disabled {
  color: #8A8271;
  text-decoration: none;
  cursor: default;
}
.account-downloads__pager-info {
  color: #8A8271;
}

.account-download-card {
  background: #FDFBF5;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  margin: 0;
}
.account-download-card__cover {
  display: block;
  aspect-ratio: 4/3;
  overflow: hidden;
  background: #FAF6EC;
  border-bottom: 1px solid rgba(207, 196, 187, 0.3);
}
.account-download-card__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.account-download-card__cover--empty {
  background: #FAF6EC;
}
.account-download-card__body {
  padding: 14px 16px 12px;
  flex: 1;
}
.account-download-card__title {
  margin: 0 0 6px;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 16px;
  line-height: 1.3;
  color: #343332;
}
.account-download-card__title a {
  color: inherit;
  text-decoration: none;
}
.account-download-card__title a:hover {
  color: #6E5926;
  text-decoration: underline;
  text-decoration-color: #8A734A;
  text-underline-offset: 2px;
}
.account-download-card__meta {
  margin: 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #8A8271;
}
.account-download-card__redl {
  display: block;
  margin: 0 16px 14px;
  padding: 9px 0;
  text-align: center;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #F6EEDF;
  background: #343332;
  border-radius: 2px;
  text-decoration: none;
  transition: background 0.18s ease;
}
.account-download-card__redl:hover {
  background: #6E5926;
  color: #F6EEDF;
}

/* ===========================================================================
   Subscription page (Current plan + timeline + what's included)
=========================================================================== */
.account-subscription {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  color: #4A463E;
  /* Header block --------------------------------------------------------- */
}
.account-subscription__header {
  padding-bottom: 22px;
  margin-bottom: 28px;
  border-bottom: 1px solid rgba(207, 196, 187, 0.3);
}
.account-subscription__eyebrow {
  margin: 0 0 10px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  color: #8A8271;
  text-transform: uppercase;
  letter-spacing: 0.18em;
}
.account-subscription__headline {
  margin: 0 0 8px;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: clamp(32px, 3.6vw, 42px);
  line-height: 1.12;
  color: #343332;
  letter-spacing: -0.005em;
  font-weight: 600;
}
@media (max-width: 776px) {
  .account-subscription__headline {
    font-size: 26px;
  }
}
.account-subscription__subtitle {
  margin: 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 16px;
  color: #8A8271;
  font-style: italic;
}
.account-subscription {
  /* Plan frame: outer hairline-bordered container that wraps the
     nested plan card, the timeline, and the actions row into a single
     cohesive module. Mirrors the museum-exhibit card-within-a-card
     vocabulary from the mockup. */
}
.account-subscription__plan-frame {
  border: 1px solid rgba(52, 51, 50, 0.15);
  border-radius: 3px;
  padding: 24px;
  margin-bottom: 32px;
}
@media (max-width: 776px) {
  .account-subscription__plan-frame {
    padding: 16px;
  }
}
.account-subscription {
  /* Current plan card (nested inside the frame, lighter background) ---- */
}
.account-subscription__plan-card {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 32px;
  align-items: flex-start;
  background: #F6EEDF;
  border: 1px solid rgba(52, 51, 50, 0.15);
  border-radius: 2px;
  padding: 24px 32px;
  margin-bottom: 24px;
}
@media (max-width: 776px) {
  .account-subscription__plan-card {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 16px;
  }
}
.account-subscription__plan-left {
  display: flex;
  flex-direction: column;
}
.account-subscription__plan-chip {
  margin: 0 0 12px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  color: #8A8271;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.account-subscription__plan-chip-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #8A734A;
  flex: 0 0 auto;
}
.account-subscription {
  /* Chip status variants. The base rule above paints the dot brass for
     the default (active) state. Paused/ending overrides recolour both the
     label and the dot so the chip reads at a glance without needing the
     user to parse the words. */
}
.account-subscription__plan-chip--paused {
  color: #6E5926;
}
.account-subscription__plan-chip--paused .account-subscription__plan-chip-dot {
  background: #6E5926;
}
.account-subscription__plan-chip--ending {
  color: #B0402E;
}
.account-subscription__plan-chip--ending .account-subscription__plan-chip-dot {
  background: #B0402E;
}
.account-subscription__plan-chip--trial {
  color: #8A8271;
}
.account-subscription__plan-chip--trial .account-subscription__plan-chip-dot {
  background: #8A8271;
}
.account-subscription {
  /* Declined-renewal hold: action-needed, not a calm pause. Cochineal +
     a softly pulsing dot so it reads as "do something" at a glance. */
}
.account-subscription__plan-chip--failed {
  color: #B0402E;
}
.account-subscription__plan-chip--failed .account-subscription__plan-chip-dot {
  background: #B0402E;
  animation: cl-chip-pulse 1.8s ease-in-out infinite;
}
.account-subscription__plan-title {
  margin: 0 0 10px;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: clamp(24px, 2.8vw, 28px);
  line-height: 1.15;
  color: #343332;
  letter-spacing: -0.005em;
  font-weight: 600;
}
.account-subscription__plan-features {
  margin: 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 15px;
  color: #8A8271;
  line-height: 1.4;
}
.account-subscription__plan-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  min-width: 120px;
}
.account-subscription {
  /* Price composition: small superscript $ + large integer amount.
     Keeps the currency symbol from dominating the big number. */
}
.account-subscription__plan-price {
  margin: 0 0 4px;
  color: #343332;
  letter-spacing: -0.01em;
  font-weight: 600;
  display: inline-flex;
  align-items: flex-start;
  line-height: 1;
}
.account-subscription__plan-currency {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1;
  margin-top: 4px;
  color: #343332;
}
.account-subscription__plan-amount {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: clamp(40px, 4.8vw, 52px);
  line-height: 1;
  color: #343332;
}
.account-subscription__plan-label {
  margin: 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  color: #8A8271;
  text-transform: uppercase;
  letter-spacing: 0.16em;
}
.account-subscription {
  /* Timeline with bullet dots: dots align to the label baseline, with
     a stacked label (body) + value (mono) to their right. Dots are
     filled-dark for past events; the "next renewal" dot is brass so
     the upcoming event stands out without shouting. */
}
.account-subscription__timeline {
  list-style: none;
  margin: 0 0 0;
  padding: 4px 8px 0;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.account-subscription__timeline-row {
  display: grid;
  grid-template-columns: 14px 1fr;
  gap: 14px;
  align-items: start;
}
.account-subscription__timeline-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #343332;
  margin-top: 7px;
  justify-self: center;
  flex: 0 0 auto;
}
.account-subscription__timeline-dot--next {
  background: #8A734A;
}
.account-subscription__timeline-stack {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.account-subscription__timeline-label {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 15px;
  color: #343332;
  line-height: 1.3;
}
.account-subscription__timeline-value {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  color: #8A8271;
  line-height: 1.45;
  letter-spacing: 0.02em;
}
.account-subscription {
  /* What's included card ------------------------------------------------- */
}
.account-subscription__included {
  background: #FAF6EC;
  border: 1px solid rgba(52, 51, 50, 0.15);
  border-radius: 3px;
  padding: 24px 32px;
  margin-bottom: 20px;
}
.account-subscription__included-heading {
  margin: 0 0 20px;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 22px;
  line-height: 1.2;
  color: #343332;
  letter-spacing: -0.005em;
  font-weight: 600;
}
.account-subscription {
  /* Two-column grid of benefits. The 2-col layout reads across rows
     (first row = items 1 & 2, second row = 3 & 4, etc). Collapses to a
     single column on narrow viewports. */
}
.account-subscription__included-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 14px;
  column-gap: 32px;
}
@media (max-width: 640px) {
  .account-subscription__included-list {
    grid-template-columns: 1fr;
  }
}
.account-subscription__included-item {
  display: grid;
  grid-template-columns: 16px 1fr;
  column-gap: 10px;
  align-items: start;
  margin: 0;
  padding: 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 15px;
  color: #4A463E;
  line-height: 1.45;
}
.account-subscription__included-check {
  display: inline-block;
  width: 16px;
  margin-top: 2px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  line-height: 1;
  color: #8A734A;
  font-weight: 600;
  text-align: left;
}
.account-subscription__included-label {
  display: block;
}
.account-subscription {
  /* ----------------------------------------------------------------
     License, in plain English
     Same panel treatment as the included card; centered content with
     an ornamental hairline + diamond divider at the top.
     ---------------------------------------------------------------- */
}
.account-subscription__license {
  background: #FAF6EC;
  border: 1px solid rgba(52, 51, 50, 0.15);
  border-radius: 3px;
  padding: 32px 32px 24px;
  margin-bottom: 32px;
  text-align: center;
}
.account-subscription__license-ornament {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin: 0 auto 16px;
  max-width: 160px;
  color: #8A734A;
}
.account-subscription__license-rule {
  flex: 1 1 auto;
  height: 1px;
  background: currentColor;
  opacity: 0.55;
  display: block;
}
.account-subscription__license-mark {
  flex: 0 0 auto;
  font-size: 14px;
  line-height: 1;
  color: #8A734A;
}
.account-subscription__license-heading {
  margin: 0 0 12px;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 26px;
  line-height: 1.2;
  color: #343332;
  letter-spacing: -0.005em;
  font-weight: 600;
}
.account-subscription__license-body {
  max-width: 520px;
  margin: 0 auto 24px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 15px;
  line-height: 1.6;
  color: #4A463E;
}
.account-subscription__license-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 12px 24px;
}
.account-subscription__license-link {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #4A463E;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: color 0.15s ease;
}
.account-subscription__license-link span {
  color: #8A734A;
  transition: transform 0.15s ease;
}
.account-subscription__license-link:hover {
  color: #343332;
}
.account-subscription__license-link:hover span {
  transform: translateX(2px);
}
.account-subscription {
  /* Actions row inside the plan frame. Hairline top separator visually
     divides the timeline from the actions.

     The card defers to the stock /my-account/view-subscription/ page
     for everything (Cancel, Suspend, Change Payment, Renew Now,
     billing history) — we only ship a single "Manage subscription"
     CTA on the right. Resume is the one exception: for on-hold subs
     we surface it inline so members don't need an extra click. */
}
.account-subscription__actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin: 24px 0 0;
  padding: 16px 12px 0;
  border-top: 1px solid rgba(207, 196, 187, 0.3);
}
.account-subscription__action-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.account-subscription__action-btn {
  display: inline-block;
  height: 36px;
  padding: 0 18px;
  line-height: 34px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  white-space: nowrap;
  margin: 0;
  border-radius: 2px;
  background: #343332;
  color: #F6EEDF;
  border: 1px solid #343332;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.account-subscription__action-btn:hover, .account-subscription__action-btn:focus-visible {
  background: #6E5926;
  border-color: #6E5926;
  color: #F6EEDF;
  outline: none;
}
.account-subscription__action-btn {
  background: transparent;
  color: #343332;
}
.account-subscription__action-btn:hover, .account-subscription__action-btn:focus-visible {
  background: #343332;
  color: #F6EEDF;
}
.account-subscription {
  /* Manage subscription CTA — links to /my-account/view-subscription/{id}.
     Styled as a muted uppercase link with a trailing arrow so it reads
     like a clear "go here for more" affordance without competing with
     the filled Resume chip when both are present. */
}
.account-subscription__manage-link {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #8A8271;
  text-decoration: underline;
  transition: color 0.15s ease;
}
.account-subscription__manage-link span {
  margin-left: 4px;
}
.account-subscription__manage-link:hover, .account-subscription__manage-link:focus-visible {
  color: #343332;
  outline: none;
}
.account-subscription {
  /* Kept only for back-compat with older markup; current template no
     longer renders .account-subscription__cancel-link. Safe to drop
     after one deploy cycle. */
}
.account-subscription__cancel-link {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #8A8271;
  text-decoration: underline;
}
.account-subscription__cancel-link:hover {
  color: #343332;
}
.account-subscription {
  /* Resume action — appears only on on-hold subs. Styled as a filled
     chip on the right of the actions row (alongside Cancel), with the
     View details link pushed to the far left. */
}
.account-subscription__resume-link {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #F6EEDF;
  background: #343332;
  padding: 10px 18px;
  border: 1px solid #343332;
  border-radius: 2px;
  text-decoration: none;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.account-subscription__resume-link:hover, .account-subscription__resume-link:focus-visible {
  background: #6E5926;
  border-color: #6E5926;
  color: #F6EEDF;
  text-decoration: none;
  outline: none;
}
.account-subscription {
  /* Empty state ---------------------------------------------------------- */
}
.account-subscription__empty-state {
  padding: 24px 32px;
  text-align: center;
  background: #FAF6EC;
  border: 1px solid rgba(52, 51, 50, 0.15);
  border-radius: 3px;
}
.account-subscription__empty-message {
  margin: 0 0 16px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 15px;
  color: #8A8271;
  font-style: italic;
}
.account-subscription__empty-cta {
  display: inline-block;
  padding: 10px 20px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #343332;
  border: 1px solid rgba(52, 51, 50, 0.15);
  border-radius: 999px;
  text-decoration: none;
  transition: all 0.15s ease;
}
.account-subscription__empty-cta:hover {
  border-color: #343332;
  background: #FAF6EC;
}

/* ---------------------------------------------------------------------------
   Payment method block on the Subscription page (v1.13: merged in from the
   retired Billing page). The dark card visual itself reuses
   .account-billing__card; the rules below are the surrounding chrome: the
   "Change card" CTA (the only control that re-points the subscription), the
   "also on file" list (manage/remove other saved cards), the clarifying note,
   and spacing for the relocated invoices table (which keeps its
   .account-billing__table styling untouched).
--------------------------------------------------------------------------- */
.account-subscription__payment {
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid rgba(207, 196, 187, 0.3);
}
.account-subscription__payment-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}
@media (max-width: 776px) {
  .account-subscription__payment-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}
.account-subscription__payment-title {
  margin: 0;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 22px;
  line-height: 1.2;
  color: #343332;
  letter-spacing: -0.005em;
  font-weight: 600;
}
.account-subscription__change-card {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #343332;
  text-decoration: none;
  border: 1px solid rgba(52, 51, 50, 0.15);
  border-radius: 2px;
  padding: 9px 16px;
  white-space: nowrap;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}
.account-subscription__change-card span {
  color: #8A734A;
  margin-left: 4px;
}
.account-subscription__change-card:hover, .account-subscription__change-card:focus-visible {
  border-color: #343332;
  background: #FDFBF5;
  color: #343332;
  outline: none;
  text-decoration: none;
}
.account-subscription {
  /* Reused dark card sits flush-left here (no billing two-column grid). */
}
.account-subscription__payment-card {
  margin: 0 0 12px;
}
.account-subscription__payment-billing-note {
  margin: 0 0 16px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 14px;
  color: #8A8271;
  font-style: italic;
}
.account-subscription__payment-note {
  margin: 16px 0 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 13px;
  line-height: 1.5;
  color: #8A8271;
}
.account-subscription__payment-note a {
  color: #6E5926;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.account-subscription__payment-note a:hover {
  color: #343332;
}
.account-subscription__payment-note strong {
  color: #4A463E;
  font-weight: 600;
}
.account-subscription {
  /* Relocated invoices block - inherits .account-billing table styling. */
}
.account-subscription__invoices {
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid rgba(207, 196, 187, 0.3);
}
.account-subscription {
  /* Declined-renewal alert treatment on the payment block: cochineal
     hairline frame + faint wash so the whole section reads as needing
     attention, not a routine panel. */
}
.account-subscription__payment--alert {
  margin-top: 32px;
  padding: 24px;
  border: 1px solid rgba(176, 64, 46, 0.4);
  border-radius: 4px;
  background: rgba(176, 64, 46, 0.04);
}
.account-subscription {
  /* Primary (filled) variant of the change / pay CTA. Used for the
     pay-now action on a failed renewal so it reads as the main thing to
     do rather than a quiet outline link. */
}
.account-subscription__change-card--primary {
  background: #B0402E;
  border-color: #B0402E;
  color: #F6EEDF;
}
.account-subscription__change-card--primary span {
  color: #F6EEDF;
}
.account-subscription__change-card--primary:hover, .account-subscription__change-card--primary:focus-visible {
  background: #343332;
  border-color: #343332;
  color: #F6EEDF;
}
.account-subscription {
  /* Multi-subscription heads-up note (rare). */
}
.account-subscription__multi-note {
  margin: 0 0 24px;
  padding: 12px 16px;
  background: #FAF6EC;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 3px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 14px;
  color: #4A463E;
}
.account-subscription__multi-note a {
  color: #6E5926;
  text-decoration: underline;
}
.account-subscription__multi-note a:hover {
  color: #343332;
}

@keyframes cl-chip-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.35;
  }
}
/* ---------------------------------------------------------------------------
   Payment-needs-attention banner. Shown at the top of the Overview (and
   reusable elsewhere) when a renewal was declined. Cochineal, prominent,
   self-clearing once the subscription is active again.
--------------------------------------------------------------------------- */
.cl-payment-alert {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 24px;
  padding: 18px 22px;
  background: rgba(176, 64, 46, 0.06);
  border: 1px solid rgba(176, 64, 46, 0.5);
  border-left: 4px solid #B0402E;
  border-radius: 4px;
}
.cl-payment-alert__title {
  margin: 0 0 4px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #B0402E;
}
.cl-payment-alert__text {
  margin: 0;
  max-width: 60ch;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 14px;
  line-height: 1.5;
  color: #4A463E;
}
.cl-payment-alert__cta {
  display: inline-block;
  height: 36px;
  padding: 0 18px;
  line-height: 34px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  white-space: nowrap;
  margin: 0;
  border-radius: 2px;
  background: #343332;
  color: #F6EEDF;
  border: 1px solid #343332;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.cl-payment-alert__cta:hover, .cl-payment-alert__cta:focus-visible {
  background: #6E5926;
  border-color: #6E5926;
  color: #F6EEDF;
  outline: none;
}
.cl-payment-alert__cta {
  flex: 0 0 auto;
  height: auto;
  padding: 12px 20px;
  line-height: 1.2;
  background: #B0402E;
  border-color: #B0402E;
}
.cl-payment-alert__cta span {
  color: #F6EEDF;
}
.cl-payment-alert__cta:hover, .cl-payment-alert__cta:focus-visible {
  background: #343332;
  border-color: #343332;
  color: #F6EEDF;
}

/* ---------------------------------------------------------------------------
   Manage saved payment methods: the secondary link on the Subscription page,
   plus the native WooCommerce saved-methods table restyled to match the
   account surface (rendered by woocommerce/myaccount/payment-methods.php).
--------------------------------------------------------------------------- */
.account-subscription__manage-methods {
  margin: 16px 0 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}
.account-subscription__manage-methods a {
  color: #8A8271;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.account-subscription__manage-methods a:hover, .account-subscription__manage-methods a:focus-visible {
  color: #343332;
  outline: none;
}

.account-payment-methods-table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 24px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
}
.account-payment-methods-table thead th {
  text-align: left;
  padding: 0 12px 8px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #8A8271;
  border-bottom: 1px solid rgba(207, 196, 187, 0.3);
}
.account-payment-methods-table td {
  padding: 14px 12px;
  border-bottom: 1px solid rgba(207, 196, 187, 0.3);
  font-size: 15px;
  color: #4A463E;
  vertical-align: middle;
}
.account-payment-methods-table tr.default-payment-method td {
  color: #343332;
  font-weight: 600;
}
.account-payment-methods-table {
  /* Action buttons (Delete / Make default) are branded centrally via the
     .woocommerce-account button-hierarchy block so they match every other
     my-account button. See account-action-button-ghost + the destructive
     .button.delete variant there. */
}

.account-payment__methods-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid rgba(207, 196, 187, 0.3);
}

.account-payment__back-link,
.account-payment__add-link {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  text-decoration: none;
  transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}
.account-payment__back-link span,
.account-payment__add-link span {
  color: #8A734A;
}

.account-payment__back-link {
  color: #8A8271;
}
.account-payment__back-link:hover, .account-payment__back-link:focus-visible {
  color: #343332;
  outline: none;
}

.account-payment__add-link {
  color: #343332;
  border: 1px solid rgba(52, 51, 50, 0.15);
  border-radius: 2px;
  padding: 9px 16px;
}
.account-payment__add-link:hover, .account-payment__add-link:focus-visible {
  border-color: #343332;
  background: #FDFBF5;
  outline: none;
}

/* ---------------------------------------------------------------------------
   Payment block redesign: intro paragraph, a row of cards (current method +
   a dashed "+" add-new card that runs the WCS change-payment flow), a
   pay-now button for the failed state, and a Manage button. The current-card
   visual reuses .account-billing__card; the eyebrow overrides its old brand
   line so the top reads "Current payment method".
--------------------------------------------------------------------------- */
.account-subscription__payment-intro {
  margin: 0 0 16px;
  max-width: 640px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 15px;
  line-height: 1.55;
  color: #4A463E;
}
.account-subscription__payment-intro strong {
  color: #343332;
  font-weight: 600;
}
.account-subscription__cards {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 20px;
}
.account-subscription__card-eyebrow {
  margin: 0;
  position: relative;
  z-index: 1;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(246, 238, 223, 0.6);
}
.account-subscription__add-card {
  box-sizing: border-box;
  width: 320px;
  height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border: 1.5px dashed rgba(52, 51, 50, 0.15);
  border-radius: 3px;
  background: transparent;
  color: #8A8271;
  text-decoration: none;
  transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}
@media (max-width: 776px) {
  .account-subscription__add-card {
    width: 100%;
  }
}
.account-subscription__add-card:hover, .account-subscription__add-card:focus-visible {
  border-color: #6E5926;
  color: #343332;
  background: rgba(138, 115, 74, 0.04);
  outline: none;
}
.account-subscription__add-card-plus {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 1.5px solid currentColor;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 26px;
  line-height: 1;
}
.account-subscription__add-card-label {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.account-subscription__pay-now {
  display: inline-block;
  height: 36px;
  padding: 0 18px;
  line-height: 34px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  white-space: nowrap;
  margin: 0;
  border-radius: 2px;
  background: #343332;
  color: #F6EEDF;
  border: 1px solid #343332;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.account-subscription__pay-now:hover, .account-subscription__pay-now:focus-visible {
  background: #6E5926;
  border-color: #6E5926;
  color: #F6EEDF;
  outline: none;
}
.account-subscription__pay-now {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: auto;
  padding: 12px 22px;
  margin: 0 0 16px;
  line-height: 1.2;
  background: #B0402E;
  border-color: #B0402E;
}
.account-subscription__pay-now span {
  color: #F6EEDF;
}
.account-subscription__pay-now:hover, .account-subscription__pay-now:focus-visible {
  background: #343332;
  border-color: #343332;
  color: #F6EEDF;
}
.account-subscription__payment-actions {
  margin-top: 16px;
}
.account-subscription__manage-btn {
  display: inline-block;
  height: 36px;
  padding: 0 18px;
  line-height: 34px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  white-space: nowrap;
  margin: 0;
  border-radius: 2px;
  background: #343332;
  color: #F6EEDF;
  border: 1px solid #343332;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.account-subscription__manage-btn:hover, .account-subscription__manage-btn:focus-visible {
  background: #6E5926;
  border-color: #6E5926;
  color: #F6EEDF;
  outline: none;
}
.account-subscription__manage-btn {
  background: transparent;
  color: #343332;
}
.account-subscription__manage-btn:hover, .account-subscription__manage-btn:focus-visible {
  background: #343332;
  color: #F6EEDF;
}

/* Neutralise the global FILLED cl_switch_freq button within the overview
   actions row. The global rule (.woocommerce-account a.button.cl_switch_freq)
   uses !important, so we out-specify it (extra class) and use !important too,
   making "Upgrade to Annual" read as a ghost alongside the other actions. */
.woocommerce-account .account-subscription__action-buttons a.button.cl_switch_freq {
  background: transparent !important;
  color: #343332 !important;
  border-color: #343332 !important;
}

.woocommerce-account .account-subscription__action-buttons a.button.cl_switch_freq:hover,
.woocommerce-account .account-subscription__action-buttons a.button.cl_switch_freq:focus-visible {
  background: #343332 !important;
  color: #F6EEDF !important;
  border-color: #343332 !important;
}

/* =============================================================================
   ADD PAYMENT METHOD + CHANGE PAYMENT (order-pay)
   -----------------------------------------------------------------------------
   Two surfaces, same family:
     1. /my-account/add-payment-method/  → wrapped in .account-payment shell
        (template at woocommerce/myaccount/form-add-payment-method.php).
     2. /checkout/order-pay/{ID}/?change_payment_method=1  → WCS reuses the
        WC core form-pay.php template, which we DON'T override (touching
        checkout is risky); we just restyle it with body.woocommerce-order-pay
        scoping so the gateway radios + button match the rest of the My
        Account surface.

   Both pages render the same WC PaymentMethod radio list + Stripe/PayPal
   gateway boxes; the rules below target both via shared selectors so
   they read as one consistent design language.
============================================================================= */
/* ---------------------------------------------------------------------------
   1. /my-account/add-payment-method/ shell (our .account-payment template)
--------------------------------------------------------------------------- */
.account-payment {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  color: #4A463E;
}
.account-payment__header {
  padding-bottom: 22px;
  margin-bottom: 28px;
  border-bottom: 1px solid rgba(207, 196, 187, 0.3);
}
.account-payment__eyebrow {
  margin: 0 0 10px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  color: #8A8271;
  text-transform: uppercase;
  letter-spacing: 0.18em;
}
.account-payment__headline {
  margin: 0 0 8px;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: clamp(28px, 3.4vw, 38px);
  line-height: 1.12;
  color: #343332;
  letter-spacing: -0.005em;
  font-weight: 600;
}
@media (max-width: 776px) {
  .account-payment__headline {
    font-size: 26px;
  }
}
.account-payment__subtitle {
  margin: 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 15px;
  color: #8A8271;
  font-style: italic;
}
.account-payment__empty {
  background: #FAF6EC;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 3px;
  padding: 32px 24px;
  text-align: center;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 15px;
  color: #4A463E;
}
.account-payment__empty a {
  color: #6E5926;
  text-decoration: underline;
  text-decoration-color: #8A734A;
  text-underline-offset: 2px;
}
.account-payment__empty a:hover {
  color: #343332;
}
.account-payment {
  /* The form is shaped like a specimen mount — paper-light interior with
     a hairline rule, sitting on the page paper background. */
}
.account-payment__form {
  background: #FDFBF5;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 3px;
  padding: 24px 32px;
}
@media (max-width: 776px) {
  .account-payment__form {
    padding: 16px;
  }
}
.account-payment__gateways {
  padding: 0;
  margin: 0;
}
.account-payment__methods {
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.account-payment__method {
  background: #F6EEDF;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 3px;
  padding: 16px 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  cursor: pointer;
  /* v1.8.6: clip any Stripe Link / PayPal element that overflows
     its column. The Stripe Link Authentication Element renders
     with its own white background and slightly wider footprint
     than our paper-3 box, which made it look like the white
     panel was bursting out. overflow:hidden contains it visually. */
  overflow: hidden;
  /* Selected state: brass border, subtle shadow. JS toggles a
     .has-active class on the parent or relies on input:checked - we
     use :has() so we don't need any extra JS. */
}
.account-payment__method:has(input:checked) {
  border-color: #6E5926;
  box-shadow: 0 0 0 1px rgba(110, 89, 38, 0.25);
}
.account-payment__method:hover {
  border-color: rgba(52, 51, 50, 0.35);
}
.account-payment__radio {
  flex: 0 0 auto;
  margin: 0;
  accent-color: #6E5926;
  width: 16px;
  height: 16px;
}
.account-payment__label {
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 17px;
  color: #343332;
  text-transform: none; /* override _woocommerce.scss uppercase */
  font-weight: 600;
  letter-spacing: 0;
  cursor: pointer;
}
.account-payment__label-text {
  display: inline-block;
}
.account-payment__label-icon {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.account-payment__label-icon img {
  max-height: 22px;
  width: auto;
  vertical-align: middle;
}
.account-payment {
  /* Inline gateway box (Stripe card fields, PayPal note, etc).
     v1.8.6: dropped the paper-3 fill (Stripe Link's white bg
     contrasted harshly). v1.8.7: restored horizontal padding so
     Stripe's Link Authentication Element has breathing room from
     the method row's brass border, matching the inset other elements
     get. Top+sides padded; bottom zero so the box meets the method
     row's own bottom padding cleanly. */
}
.account-payment__box {
  flex: 1 0 100%;
  margin: 12px 0 0;
  padding: 16px 16px 0;
  background: transparent;
  border-radius: 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 14px;
  color: #4A463E;
}
.account-payment__box::before {
  display: none !important;
}
.account-payment__box { /* kill default WC arrow */
  /* Form fields inside the gateway box */
}
.account-payment__box input[type=text],
.account-payment__box input[type=email],
.account-payment__box input[type=tel],
.account-payment__box input[type=number],
.account-payment__box .wc-stripe-elements-field,
.account-payment__box .wc-stripe-iban-element-field {
  border: 1px solid rgba(207, 196, 187, 0.3);
  background: #F6EEDF;
  border-radius: 2px;
  padding: 10px 12px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 15px;
  color: #343332;
}
.account-payment__box p {
  margin: 0 0 12px;
}
.account-payment__box p:last-child {
  margin: 0;
}
.account-payment__actions {
  display: flex;
  justify-content: flex-end;
  margin: 0;
  padding: 0;
}
.account-payment {
  /* Brand-aligned submit button — matches account-action-button so it
     reads as part of the family. */
}
.account-payment__submit {
  display: inline-block;
  height: 36px;
  padding: 0 18px;
  line-height: 34px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  white-space: nowrap;
  margin: 0;
  border-radius: 2px;
  background: #343332;
  color: #F6EEDF;
  border: 1px solid #343332;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.account-payment__submit:hover, .account-payment__submit:focus-visible {
  background: #6E5926;
  border-color: #6E5926;
  color: #F6EEDF;
  outline: none;
}
.account-payment__submit {
  height: 42px;
  line-height: 40px;
  padding: 0 28px;
  font-size: 12px;
}

/* ---------------------------------------------------------------------------
   2. /checkout/order-pay/{ID}/ surface (WCS change-payment + regular pay).
   We don't override form-pay.php here; we just restyle the WC defaults
   so the page reads as Century Library rather than a raw Stripe form.
--------------------------------------------------------------------------- */
body.woocommerce-order-pay {
  background: #F6EEDF;
  /* v1.7.6: bounded-card treatment.
     Order-pay is architecturally a checkout-flow page, not an account
     endpoint, so we don't try to shoehorn it into the My Account
     two-column layout. Instead it gets a centred, hairline-bordered
     card on the paper background that visually echoes the My Account
     content card without pretending to be one.

     Earlier attempts (v1.7.4) tried to wrap form-pay.php in a fake
     account-chrome shell; gave it up because WCS routing doesn't
     play nicely with that structure and the visual win wasn't worth
     the structural fragility. */
}
body.woocommerce-order-pay .woocommerce {
  max-width: 720px;
  margin: 32px auto 48px;
  padding: 0 16px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  color: #4A463E;
}
body.woocommerce-order-pay {
  /* Back-to-billing button — only renders on the WCS Change Payment
     variant of order-pay (added via before_woocommerce_pay hook in
     functions.php). Sits ABOVE the form so it reads as a clear
     escape hatch back to the My Account area, not buried mid-form
     copy like the v1.6.5 inline link. */
}
body.woocommerce-order-pay .cl-order-pay-back {
  max-width: 720px;
  margin: 24px auto 0;
  padding: 0 16px;
}
body.woocommerce-order-pay .cl-order-pay-back__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #343332;
  background: transparent;
  border: 1px solid rgba(52, 51, 50, 0.15);
  border-radius: 2px;
  text-decoration: none;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}
body.woocommerce-order-pay .cl-order-pay-back__btn:hover, body.woocommerce-order-pay .cl-order-pay-back__btn:focus-visible {
  border-color: #343332;
  background: #FDFBF5;
  color: #343332;
  outline: none;
  text-decoration: none;
}
body.woocommerce-order-pay .cl-order-pay-back__arrow {
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  color: #6E5926;
}
body.woocommerce-order-pay {
  /* Editorial header above the form — pseudo-elements on the
     .woocommerce wrapper. Same treatment whether the user came in
     via change-payment or a regular failed-renewal recovery flow. */
}
body.woocommerce-order-pay .woocommerce::before {
  content: "Update payment method.";
  display: block;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: clamp(28px, 3.4vw, 38px);
  line-height: 1.12;
  color: #343332;
  letter-spacing: -0.005em;
  font-weight: 600;
  margin-bottom: 8px;
}
body.woocommerce-order-pay .woocommerce::after {
  content: "Stored securely with our payment provider.";
  display: block;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 15px;
  color: #8A8271;
  font-style: italic;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(207, 196, 187, 0.3);
}
body.woocommerce-order-pay {
  /* The form itself — give it the bounded-card treatment so it sits
     visually like a piece of stationery on the paper background. */
}
body.woocommerce-order-pay #order_review {
  background: #FDFBF5;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 3px;
  padding: 24px 32px;
}
@media (max-width: 776px) {
  body.woocommerce-order-pay #order_review {
    padding: 16px;
  }
}
body.woocommerce-order-pay {
  /* Order summary table */
}
body.woocommerce-order-pay .shop_table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 24px;
  background: transparent;
}
body.woocommerce-order-pay .shop_table th, body.woocommerce-order-pay .shop_table td {
  padding: 10px 12px;
  border: none;
  border-bottom: 1px solid rgba(207, 196, 187, 0.3);
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 14px;
  color: #4A463E;
  text-align: left;
  background: transparent;
}
body.woocommerce-order-pay .shop_table thead th {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #8A8271;
  padding-bottom: 6px;
}
body.woocommerce-order-pay .shop_table .product-name {
  color: #343332;
  font-weight: 600;
}
body.woocommerce-order-pay .shop_table .product-quantity, body.woocommerce-order-pay .shop_table .product-total, body.woocommerce-order-pay .shop_table .product-subtotal {
  text-align: right;
}
body.woocommerce-order-pay .shop_table tfoot th, body.woocommerce-order-pay .shop_table tfoot td {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 16px;
  color: #343332;
  padding-top: 12px;
}
body.woocommerce-order-pay {
  /* Payment method radio list — same vocabulary as .account-payment__methods. */
}
body.woocommerce-order-pay #payment {
  background: transparent;
  padding: 0;
}
body.woocommerce-order-pay #payment .wc_payment_methods,
body.woocommerce-order-pay #payment .payment_methods {
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  border: none;
  background: transparent;
}
body.woocommerce-order-pay #payment li.wc_payment_method,
body.woocommerce-order-pay #payment li.payment_method {
  background: #F6EEDF;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 3px;
  padding: 16px 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  overflow: hidden;
}
body.woocommerce-order-pay #payment li.wc_payment_method:has(input:checked),
body.woocommerce-order-pay #payment li.payment_method:has(input:checked) {
  border-color: #6E5926;
  box-shadow: 0 0 0 1px rgba(110, 89, 38, 0.25);
}
body.woocommerce-order-pay #payment li.wc_payment_method input[type=radio],
body.woocommerce-order-pay #payment li.payment_method input[type=radio] {
  flex: 0 0 auto;
  margin: 0;
  accent-color: #6E5926;
  width: 16px;
  height: 16px;
}
body.woocommerce-order-pay #payment li.wc_payment_method > label,
body.woocommerce-order-pay #payment li.payment_method > label {
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 17px;
  color: #343332;
  text-transform: none;
  font-weight: 600;
  letter-spacing: 0;
}
body.woocommerce-order-pay #payment li.wc_payment_method > label img,
body.woocommerce-order-pay #payment li.payment_method > label img {
  max-height: 22px;
  width: auto;
  vertical-align: middle;
}
body.woocommerce-order-pay #payment li.wc_payment_method .payment_box,
body.woocommerce-order-pay #payment li.payment_method .payment_box {
  flex: 1 0 100%;
  margin: 12px 0 0;
  padding: 16px 16px 0;
  background: transparent;
  border-radius: 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 14px;
  color: #4A463E;
}
body.woocommerce-order-pay #payment li.wc_payment_method .payment_box::before,
body.woocommerce-order-pay #payment li.payment_method .payment_box::before {
  display: none !important;
}
body.woocommerce-order-pay #payment li.wc_payment_method .payment_box input[type=text],
body.woocommerce-order-pay #payment li.wc_payment_method .payment_box input[type=email],
body.woocommerce-order-pay #payment li.wc_payment_method .payment_box input[type=tel],
body.woocommerce-order-pay #payment li.wc_payment_method .payment_box input[type=number],
body.woocommerce-order-pay #payment li.wc_payment_method .payment_box .wc-stripe-elements-field,
body.woocommerce-order-pay #payment li.wc_payment_method .payment_box .wc-stripe-iban-element-field,
body.woocommerce-order-pay #payment li.payment_method .payment_box input[type=text],
body.woocommerce-order-pay #payment li.payment_method .payment_box input[type=email],
body.woocommerce-order-pay #payment li.payment_method .payment_box input[type=tel],
body.woocommerce-order-pay #payment li.payment_method .payment_box input[type=number],
body.woocommerce-order-pay #payment li.payment_method .payment_box .wc-stripe-elements-field,
body.woocommerce-order-pay #payment li.payment_method .payment_box .wc-stripe-iban-element-field {
  border: 1px solid rgba(207, 196, 187, 0.3);
  background: #F6EEDF;
  border-radius: 2px;
  padding: 10px 12px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 15px;
  color: #343332;
}
body.woocommerce-order-pay #payment li.wc_payment_method .payment_box p,
body.woocommerce-order-pay #payment li.payment_method .payment_box p {
  margin: 0 0 12px;
}
body.woocommerce-order-pay #payment li.wc_payment_method .payment_box p:last-child,
body.woocommerce-order-pay #payment li.payment_method .payment_box p:last-child {
  margin: 0;
}
body.woocommerce-order-pay #payment {
  /* Submit button — match account-action-button. The base mixin
     lives in this file, so we can call it directly. */
}
body.woocommerce-order-pay #payment .form-row {
  padding: 0;
  margin: 0;
  text-align: right;
}
body.woocommerce-order-pay #payment #place_order {
  display: inline-block;
  height: 36px;
  padding: 0 18px;
  line-height: 34px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  white-space: nowrap;
  margin: 0;
  border-radius: 2px;
  background: #343332;
  color: #F6EEDF;
  border: 1px solid #343332;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
body.woocommerce-order-pay #payment #place_order:hover, body.woocommerce-order-pay #payment #place_order:focus-visible {
  background: #6E5926;
  border-color: #6E5926;
  color: #F6EEDF;
  outline: none;
}
body.woocommerce-order-pay #payment #place_order {
  height: 42px;
  line-height: 40px;
  padding: 0 28px;
  font-size: 12px;
  background: #343332 !important; /* override Stripe / WC alt yellow */
  color: #F6EEDF !important;
  border-color: #343332 !important;
}
body.woocommerce-order-pay #payment #place_order:hover, body.woocommerce-order-pay #payment #place_order:focus-visible {
  background: #6E5926 !important;
  border-color: #6E5926 !important;
  color: #F6EEDF !important;
}

/* v1.7.4 .cl-order-pay-account-shell block removed in v1.7.6 — we
   abandoned the my-account chrome wrap for order-pay (kept fighting
   WCS's expected DOM structure) and went with a simpler bounded-card
   treatment instead. See body.woocommerce-order-pay above for the
   current treatment. */
/* ===========================================================================
   LETTERPRESS RESKIN (2026-08-18, Tom: "default page styling needs work...
   including the my-account section"). Append-only override layer: the
   structure above is sound, so this repaints SURFACES to the letterpress
   vocabulary - tiled grounds, hairline + white-lip panels, serif nav,
   no naked underlines. If my-account ever gets its own comp, fold these
   into the blocks above and delete this section.
=========================================================================== */
body.woocommerce-account {
  background: #FAF6EC url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-light.jpg") repeat;
  background-size: 620px;
}

/* The two column panels + the stat cards: mount treatment. */
.account-nav,
.woocommerce-account .woocommerce-MyAccount-content,
.account-stat {
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 5px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 0 #FFFFFF;
}

/* Sidebar: serif labels, quiet sans descriptions, no underlines. */
.account-nav a {
  text-decoration: none;
}
.account-nav a:hover {
  text-decoration: none;
}

.account-nav .account-nav__label {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 16.5px;
  letter-spacing: 0;
  text-transform: none;
  color: #4A463E;
}

.account-nav li.is-active .account-nav__label,
.account-nav .woocommerce-MyAccount-navigation-link.is-active .account-nav__label,
.account-nav a:hover .account-nav__label {
  color: #343332;
}

.account-nav .account-nav__desc {
  text-decoration: none;
  color: #8A8271;
}

/* Content-side links lose the bare underline; brass carries the
   affordance instead (matches the rest of the letterpress set). */
.woocommerce-account .woocommerce-MyAccount-content a {
  text-decoration: none;
  color: #8A734A;
}
.woocommerce-account .woocommerce-MyAccount-content a:hover {
  color: #343332;
  text-decoration: none;
}

/* Eyebrows go brass. */
.account-nav__eyebrow,
.account-overview__eyebrow {
  color: #8A734A;
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}
.nav-link.disabled {
  color: #6c757d;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.inner_top_bg {
  position: relative;
  height: 300px;
  padding-top: 100px;
  background-size: cover;
}
@media (max-width: 1300px) {
  .inner_top_bg {
    height: 350px;
  }
}
@media (max-width: 576px) {
  .inner_top_bg {
    height: 300px;
  }
}
.inner_top_bg .header-image,
.inner_top_bg .header-image img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.inner_top_bg .inner_top {
  margin: auto;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - 50px);
}
.inner_top_bg .inner_top h1 {
  font-size: 28px;
  text-transform: none;
  background: #FDFBF5;
  padding: 20px 30px;
  margin-bottom: 0;
  color: #343332;
  border-radius: 5px;
  font-weight: 400;
}

.top-search-wrapper {
  width: 90%;
  max-width: 770px;
  text-align: center;
  overflow: hidden;
}
.top-search-wrapper .top_search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border: 1px solid #eee;
  position: relative;
  z-index: 1;
  padding: 0 20px;
  border-radius: 5px;
  height: 60px;
}
.top-search-wrapper .top_search__clear {
  position: absolute;
  left: 10px;
  cursor: pointer;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0;
  transition: all 0.2s ease;
}
.top-search-wrapper .top_search__clear.show {
  pointer-events: auto;
  opacity: 1;
}
.top-search-wrapper .top_search__clear svg {
  width: 15px;
  height: 15px;
  fill: #6d6d6d;
}
.top-search-wrapper .search-suggestion {
  position: relative;
  transition: all 0.25s ease-in-out;
}
.top-search-wrapper .search-suggestion.hidden {
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
}
.top-search-wrapper .search-suggestion__close {
  fill: #6d6d6d;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.top-search-wrapper .search-suggestion__build-tags {
  position: absolute;
  visibility: hidden;
}
.top-search-wrapper .search-suggestion__tags, .top-search-wrapper .search-suggestion__build-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.top-search-wrapper .search-suggestion__tags-container.hidden, .top-search-wrapper .search-suggestion__no-results.hidden {
  opacity: 0;
  pointer-events: none;
  height: 0;
}
.top-search-wrapper .search-suggestion__tag {
  background: #ededed;
  border-radius: 2px;
  padding: 3px 8px;
  color: black;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  margin: 0;
  transition: all 0.35s ease;
}
.top-search-wrapper .search-suggestion__tag:hover {
  background: #dcdcdc;
}
.top-search-wrapper .search-suggestion__tag.active {
  background: #8A734A;
  color: white;
}
.top-search-wrapper .search-suggestion__tag.hidden {
  opacity: 0;
  pointer-events: none;
  width: 25px !important;
}
.top-search-wrapper .search-suggestion__tag.placeholder {
  color: transparent;
  overflow: hidden;
}
.top-search-wrapper .search-suggestion__content {
  background: white;
  position: relative;
  box-shadow: 2px 1px 8px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  z-index: 3;
  pointer-events: auto;
}
.top-search-wrapper .search-suggestion__content:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 24px;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
}
.top-search-wrapper input {
  outline: none;
  border: none;
  box-shadow: none;
  font-size: 18px;
}
.top-search-wrapper input:focus {
  box-shadow: none;
}
.top-search-wrapper input::placeholder {
  color: #6d6d6d;
}
.top-search-wrapper button {
  background: #fff;
  border: none;
  box-shadow: none;
  padding: 10px;
  transition: 0.2s all;
}
.top-search-wrapper button:focus, .top-search-wrapper button:hover {
  outline: none;
  border: none;
  box-shadow: none;
  background: #fff !important;
  transform: scale(1.1);
}

/** Filters like trending, all/free/premium, etc **/
.filter-select {
  position: relative;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(52, 51, 50, 0.15);
  border-radius: 2px;
  background: #FDFBF5;
  transition: border-color 0.2s ease;
}
.filter-select select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  border: none;
  outline: none;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #343332;
  cursor: pointer;
  line-height: 1;
  padding: 8px 30px 8px 13px;
}
.filter-select::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-right: 1px solid #8A8271;
  border-bottom: 1px solid #8A8271;
  transform: translateY(-65%) rotate(45deg);
  pointer-events: none;
  transition: border-color 0.2s ease;
}
.filter-select:hover, .filter-select:focus-within {
  border-color: #343332;
}
.filter-select:hover::after, .filter-select:focus-within::after {
  border-color: #6E5926;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  outline: 0;
  background: rgba(0, 0, 0, 0.9);
  padding-top: 120px;
  overflow: auto;
}
@media (max-width: 992px) {
  .modal {
    padding-top: 80px;
  }
}
@media (max-width: 575px) {
  .modal {
    padding-top: 56px;
  }
}
.modal[data-clone-template] {
  display: none !important;
}
.modal.fade {
  opacity: 0;
  transition: opacity 0.28s ease;
}
.modal.fade .modal-dialog {
  transition: transform 0.32s cubic-bezier(0.2, 0.7, 0.2, 1);
  transform: translateY(16px);
}
.modal.show {
  opacity: 1;
}
.modal.show .modal-dialog {
  transform: translate(0, 0);
}
.modal .modal-dialog {
  position: relative;
  width: auto;
  margin: 0 auto;
  pointer-events: none;
  width: 80%;
  max-width: 1500px;
}
@media (max-width: 992px) {
  .modal .modal-dialog {
    width: 90%;
  }
}
.modal__top {
  display: flex;
  justify-content: space-between;
  align-items: start;
  width: 100%;
  margin-bottom: 10px;
}
@media (max-width: 450px) {
  .modal__top .btn {
    font-size: 13px;
    border: none !important;
    height: 30px;
    padding: 9px 15px;
  }
}
.modal__download-btn {
  position: relative;
}
.modal__download-btn .btn {
  white-space: nowrap;
  text-align: center;
}
.modal__download-btn .no-allowance .btn {
  pointer-events: none;
  color: #444;
}
.modal .close {
  font-weight: 700;
  line-height: 1;
  text-shadow: 0 1px 0 #fff;
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  transition: color 0.25s ease;
  z-index: 100;
  opacity: 1;
  color: rgba(0, 0, 0, 0.25);
  cursor: pointer;
  outline: none;
  box-shadow: none;
  top: 10px;
  left: 20px;
  font-size: 36px;
  position: fixed;
}
.modal .close:hover {
  color: #8A734A;
}
.modal .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
  border: none;
  border-radius: 5px;
  padding: 20px;
}
.modal .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.modal .modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}
.modal .popup_image {
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
}

.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.download {
  position: absolute;
  z-index: 12;
  bottom: 10px;
  right: 10px;
}
.download .tooltip-container {
  position: relative;
}
.download__icon {
  font-size: 20px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.download__icon svg {
  fill: white;
  width: 22px;
  height: 22px;
  transition: all 0.5s ease;
}
.download__icon:not(.no-allowance):hover svg {
  fill: #e5ac00;
  transform: scale(1.05);
}

.picture_select__overlay {
  position: absolute;
  transition: opacity 0.25s ease, visibility 0.25s ease;
  opacity: 0;
  visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1;
  top: 0;
  left: 0;
}

.picture_select picture img,
.picture_select img {
  width: 100%;
}

.picture_select.product_download .downloads {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.picture_select.product_download .downloads button {
  margin: 10px 0;
}

.picture_select.product_download:hover .downloads {
  opacity: 1;
}

.product-inner__tags,
.product-inner__tags ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
.product-inner__tags li,
.product-inner__tags ul li {
  margin: 0 10px 17.5px 0;
}
.product-inner__tags li a,
.product-inner__tags ul li a {
  font-size: 12px;
  padding: 8px 10px;
  background: #eaeaea;
  border-radius: 3px;
  color: #000;
  text-transform: uppercase;
  transition: 0.25s background ease;
}
.product-inner__tags li a.active,
.product-inner__tags ul li a.active {
  background: #8A734A;
  color: #fff;
  font-weight: 600;
}
.product-inner__tags li a:hover,
.product-inner__tags ul li a:hover {
  background: #e1d9d9;
}

.archive-content .results-container__main,
.product_list .results-container__main {
  padding-left: 16px;
  padding-right: 16px;
}

.results-list {
  display: grid;
  gap: 0 24px;
  align-items: start;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  grid-auto-rows: 4px;
  grid-auto-flow: dense;
  margin-bottom: 32px;
  transition: 300ms;
}
.results-list.inner-grid {
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
.results-list .grid_item {
  transition: all 0.3s ease;
  grid-row-end: span var(--row-span, 75);
  width: 100%;
  min-height: 0; /* Allow rows to collapse */
  padding: 0;
  margin: 0;
}
.results-list .grid_item.placeholder {
  grid-row-end: span var(--row-span, 100);
}
.results-list .grid_item.placeholder img {
  height: 375px;
  object-fit: cover;
  object-position: top left;
  width: 100%;
}
.results-list .grid_item.hidden {
  display: none;
}
.results-list .grid_item .product_item {
  overflow: hidden;
  cursor: pointer;
  display: block;
  position: relative;
  background: #FDFBF5;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 0;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.results-list .grid_item .product_item:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(52, 51, 50, 0.12);
}
.results-list .grid_item .product_item .picture_select__overlay {
  display: none;
}
.results-list .grid_item .product_item .grid-image {
  width: 100%;
  display: block;
  transition: all 0.2s ease;
  transform: scale(1);
  background: #FDFBF5;
  filter: saturate(0.96);
}
@media (max-width: 1200px) {
  .results-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .results-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .results-list {
    grid-template-columns: 1fr;
  }
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.results-container {
  position: relative;
}
.results-container.loading {
  opacity: 0.35;
}
.results-container.loading .grid_item {
  position: relative;
  overflow: hidden;
  filter: blur(0.5px);
}
.results-container.loading .grid_item:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.05), transparent);
  animation: shimmer 1.5s infinite;
}
.results-container .results-list__load-more {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 24px 0 32px;
}
.results-container .results-list__load-more.hidden {
  display: none;
}
.results-container .results-list__load-more .load-more-btn {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: #343332;
  background: transparent;
  border: 1px solid #343332;
  border-radius: 0;
  padding: 14px 36px;
  cursor: pointer;
  appearance: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.results-container .results-list__load-more .load-more-btn:hover, .results-container .results-list__load-more .load-more-btn:focus-visible {
  background-color: #343332;
  color: #F6EEDF;
  outline: none;
}
.results-container .results-list__load-more .load-more-btn:active {
  transform: translateY(1px);
}
.results-container .results-list__load-more .load-more-btn.hidden {
  display: none;
}
.results-container .results-list__load-more .spinner-icon {
  opacity: 1;
  transition: opacity 0.25s ease;
}
.results-container .results-list__load-more .spinner-icon.hidden {
  opacity: 0;
  visibility: hidden;
  display: none;
}
.results-container .results-list__load-more .spinner-icon svg {
  fill: rgba(52, 51, 50, 0.4);
  width: 24px;
  height: 24px;
  animation: spin 1s linear infinite;
}

.specimen-mount {
  display: flex;
  flex-direction: column;
  background: #FDFBF5;
  border: 1px solid #343332;
  border-radius: 0;
  overflow: hidden;
  position: relative;
  transition: transform 0.2s ease, border-color 0.2s ease;
}
.specimen-mount__image {
  display: block;
  width: 100%;
  height: auto;
  background: #FDFBF5;
  filter: saturate(0.96);
}
.specimen-mount:hover {
  transform: translateY(-2px);
  border-color: #343332;
}
.specimen-mount__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  color: #4A463E;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  border-top: 1px solid rgba(52, 51, 50, 0.15);
}
.specimen-mount__meta-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.specimen-mount__date {
  color: #343332;
}
.specimen-mount__type {
  color: rgba(74, 70, 62, 0.7);
}
.specimen-mount__download {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #343332;
  background: transparent;
  border: 0;
  cursor: pointer;
  transition: color 0.2s ease;
  text-decoration: none;
  position: relative;
  z-index: 2;
}
.specimen-mount__download:hover, .specimen-mount__download:focus, .specimen-mount__download:focus-visible {
  color: #6E5926;
  text-decoration: none;
}
.specimen-mount__download.no-allowance {
  color: rgba(52, 51, 50, 0.3);
  cursor: not-allowed;
}
.specimen-mount__download.no-allowance:hover, .specimen-mount__download.no-allowance:focus {
  color: rgba(52, 51, 50, 0.3);
}
.specimen-mount__download svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  pointer-events: none;
}
.specimen-mount__title {
  padding: 16px;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 28px;
  font-weight: 600;
  color: #343332;
  line-height: 1.3;
  margin: 0;
}
.specimen-mount__count {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 16px 16px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  color: #4A463E;
  text-transform: uppercase;
  letter-spacing: 0.16em;
}
.specimen-mount__count svg {
  width: 12px;
  height: 12px;
  fill: currentColor;
}

.section-label {
  display: block;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  font-weight: 500;
  color: #343332;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  margin: 0 0 16px;
}

.hero {
  padding: clamp(36px, 5vw, 64px) 0 clamp(28px, 3.5vw, 48px);
  position: relative;
  overflow: hidden;
}
.hero::before {
  content: "";
  position: absolute;
  left: clamp(20px, 4vw, 64px);
  right: clamp(20px, 4vw, 64px);
  top: 0;
  height: 1px;
  background: rgba(207, 196, 187, 0.3);
}

.eyebrow {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #8A8271;
  margin: 0 0 16px;
}

.hero-em {
  font-style: italic;
  color: #6E5926;
}

.top-search-wrapper {
  position: relative;
  width: 100%;
}

.hero-search {
  display: flex;
  align-items: stretch;
  background: #FAF6EC;
  border: 1px solid #343332;
  border-radius: 2px;
  overflow: hidden;
  margin-bottom: 12px;
}
.hero-search .search-ico {
  width: 22px;
  height: 22px;
  margin: 0 10px 0 18px;
  align-self: center;
  color: #8A8271;
  flex-shrink: 0;
}
.hero-search input {
  flex: 1 1 0;
  min-width: 0;
  border: none;
  outline: none;
  background: transparent;
  padding: 18px 6px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 18px;
  color: #343332;
}
.hero-search input::placeholder {
  color: #8A8271;
  font-style: italic;
}
.hero-search .hero-filter-select {
  flex: 0 1 auto;
  min-width: 0;
}
.hero-search .hero-filter-select select {
  padding: 0 26px 0 12px;
  letter-spacing: 0.08em;
}
.hero-search .hero-filter-select::after {
  right: 10px;
}
.hero-search .btn-primary,
.hero-search .btn-search {
  background: #343332;
  color: #F6EEDF;
  border: none;
  border-radius: 0;
  padding: 0 22px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  cursor: pointer;
  transition: color 0.2s ease;
  flex-shrink: 0;
  transform: none;
  box-shadow: none;
}
.hero-search .btn-primary:hover, .hero-search .btn-primary:focus, .hero-search .btn-primary:focus-visible, .hero-search .btn-primary:active,
.hero-search .btn-search:hover,
.hero-search .btn-search:focus,
.hero-search .btn-search:focus-visible,
.hero-search .btn-search:active {
  background: #343332 !important;
  color: #6E5926 !important;
  border: none !important;
  box-shadow: none !important;
  transform: none !important;
  outline: none;
}
.hero-search .top_search__clear {
  display: none;
}

.hero-suggestions {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  letter-spacing: 0.04em;
  color: #8A8271;
  margin-bottom: 48px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 6px;
  align-items: baseline;
}
.hero-suggestions .sugg-label {
  text-transform: uppercase;
  letter-spacing: 0.14em;
  margin-right: 4px;
}
.hero-suggestions a {
  color: #343332;
  border-bottom: 1px dotted #8A8271;
  padding-bottom: 1px;
  text-decoration: none;
}
.hero-suggestions a:hover {
  color: #6E5926;
  border-color: #6E5926;
}
.hero-suggestions .sugg-dot {
  color: #8A8271;
  opacity: 0.5;
}

.hero-feature-img,
.ph {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: repeating-linear-gradient(135deg, #FAF6EC, #FAF6EC 14px, #F0EEE8 14px, #F0EEE8 28px);
}
.hero-feature-img .ph-label,
.ph .ph-label {
  position: absolute;
  left: 10px;
  top: 10px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 9px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #4A463E;
  background: #F6EEDF;
  padding: 2px 5px;
  border: 1px solid rgba(207, 196, 187, 0.3);
}

.pricing-toggle {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin: 8px auto 32px;
  padding: 4px;
  border: 1px solid #343332;
  border-radius: 999px;
  background: #F6EEDF;
}

.pricing-toggle__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 18px;
  border: 0;
  background: transparent;
  border-radius: 999px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #4A463E;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
.pricing-toggle__btn:hover {
  color: #343332;
}
.pricing-toggle__btn.is-active {
  background: #343332;
  color: #F6EEDF;
}

.pricing {
  padding: clamp(48px, 6vw, 80px) 0;
  background: #FAF6EC;
  border-top: 1px solid rgba(207, 196, 187, 0.3);
  border-bottom: 1px solid rgba(207, 196, 187, 0.3);
  text-align: center;
}
.pricing .price-card {
  max-width: 520px;
  margin: 0 auto;
  padding: 48px 48px 40px;
  background: #F6EEDF;
  border: 1px solid #343332;
  text-align: center;
}
.pricing .price-ornament {
  color: #6E5926;
  display: flex;
  justify-content: center;
  margin-bottom: 28px;
}
.pricing .price-name {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #4A463E;
  margin-bottom: 18px;
}
.pricing .price-amount {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 4px;
  margin-bottom: 6px;
}
.pricing .price-currency {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 28px;
  color: #8A8271;
  align-self: flex-start;
  padding-top: 16px;
}
.pricing .price-big {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 88px;
  line-height: 1;
  letter-spacing: -0.02em;
  font-weight: 600;
  color: #343332;
}
.pricing .price-unit {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #8A8271;
}
.pricing .price-sub {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 16px;
  color: #4A463E;
  font-style: italic;
  margin-bottom: 28px;
}
.pricing .price-features {
  list-style: none;
  padding: 24px 0 0;
  margin: 0;
  border-top: 1px solid rgba(207, 196, 187, 0.3);
  text-align: left;
  display: grid;
  gap: 12px;
}
.pricing .price-features li {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 17px;
  color: #343332;
  margin: 0;
}
.pricing .price-features .tick {
  color: #6E5926;
  flex-shrink: 0;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
}
.pricing .btn-primary {
  background: #343332;
  color: #F6EEDF;
  border: none;
  padding: 16px 28px;
  border-radius: 2px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-top: 28px;
  display: inline-block;
  text-decoration: none;
}
.pricing .btn-primary:hover {
  background: #6E5926;
  color: #F6EEDF;
}
.pricing.pricing--two-col .pricing-cards {
  display: grid;
  grid-template-columns: 6fr 4fr;
  gap: 24px;
  max-width: 980px;
  margin: 0 auto;
  align-items: stretch;
  padding: 0 16px;
}
@media (max-width: 768px) {
  .pricing.pricing--two-col .pricing-cards {
    grid-template-columns: 1fr;
    max-width: 520px;
  }
}
.pricing.pricing--two-col .price-card {
  max-width: none;
  margin: 0;
  position: relative;
  display: flex;
  flex-direction: column;
}
.pricing.pricing--two-col .price-card .price-features {
  flex: 1 0 auto;
}
.pricing.pricing--two-col .price-card--featured {
  border-color: #6E5926;
  border-width: 2px;
}
.pricing.pricing--two-col .price-card--featured .price-card__ribbon {
  display: inline-block;
  align-self: center;
  background: #6E5926;
  color: #F6EEDF;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 6px 14px;
  border-radius: 999px;
  white-space: nowrap;
  margin-bottom: 12px;
}
.pricing.pricing--two-col .price-card--featured .price-big {
  font-size: clamp(56px, 8vw, 80px);
}
.pricing.pricing--two-col .price-card--featured .price-currency {
  font-size: 32px;
  padding-top: 18px;
}
.pricing.pricing--two-col .price-card--featured .price-features li {
  font-weight: 600;
  color: #343332;
}
.pricing.pricing--two-col .price-card--featured .price-features .tick {
  color: #6E5926;
}
.pricing.pricing--two-col .price-card--featured .btn-primary {
  background: #343332;
}
.pricing.pricing--two-col .price-card--featured .btn-primary:hover {
  background: #6E5926;
}
.pricing.pricing--two-col .price-card--muted {
  border-color: rgba(207, 196, 187, 0.3);
}
.pricing.pricing--two-col .price-card--muted .price-big {
  font-size: clamp(40px, 5vw, 56px);
}
.pricing.pricing--two-col .price-card--muted .price-currency {
  font-size: 22px;
  padding-top: 12px;
}
.pricing.pricing--two-col .price-card--muted .price-features li,
.pricing.pricing--two-col .price-card--muted .price-features li strong,
.pricing.pricing--two-col .price-card--muted .price-name {
  font-weight: 400;
  color: #4A463E;
}
.pricing.pricing--two-col .price-card--muted .price-features .tick {
  color: #8A8271;
}
.pricing.pricing--two-col .price-card--muted .btn-primary {
  background: transparent;
  color: #343332;
  border: 1px solid #343332;
}
.pricing.pricing--two-col .price-card--muted .btn-primary:hover {
  background: #343332;
  color: #F6EEDF;
}
@media (max-width: 768px) {
  .pricing.pricing--two-col .price-card {
    width: 100%;
  }
}
.pricing.pricing--two-col .pricing-cards__assurance {
  max-width: 980px;
  margin: 24px auto 0;
  text-align: center;
}
.pricing.pricing--two-col .pricing-cards__support {
  max-width: 980px;
  margin: 12px auto 0;
  text-align: center;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  letter-spacing: 0.08em;
  color: #8A8271;
}
.pricing.pricing--two-col .pricing-cards__support a {
  color: #343332;
  text-decoration: underline;
  text-decoration-color: #8A734A;
  text-underline-offset: 3px;
  margin: 0 4px;
}
.pricing.pricing--two-col .pricing-cards__support a:hover {
  color: #6E5926;
}
.pricing.pricing--two-col .pricing-cards__support-sep {
  color: rgba(27, 24, 18, 0.16);
  margin: 0 6px;
}
.pricing.pricing--two-col .price-license {
  background: rgba(138, 115, 74, 0.14);
  border: 1px solid rgba(110, 89, 38, 0.5);
  border-radius: 2px;
  padding: 12px 16px;
  margin: 0 0 16px;
  text-align: center;
}
.pricing.pricing--two-col .price-license__eyebrow {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #6E5926;
  margin: 0 0 4px;
}
.pricing.pricing--two-col .price-license__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 20px;
  line-height: 1.2;
  color: #343332;
  font-weight: 600;
  margin: 0 0 4px;
}
.pricing.pricing--two-col .price-license__sub {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 13px;
  color: #4A463E;
  margin: 0;
  font-style: italic;
}
.pricing.pricing--two-col .price-card__switch-hint {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 13px;
  font-style: italic;
  color: #8A8271;
  margin: 16px 0 8px;
  text-align: center;
}
.pricing.pricing--two-col .price-card__switch-hint a {
  color: #6E5926;
  font-style: normal;
  text-decoration: underline;
  text-decoration-color: #8A734A;
  text-underline-offset: 3px;
  margin-left: 4px;
  cursor: pointer;
  transition: color 0.15s ease;
}
.pricing.pricing--two-col .price-card__switch-hint a:hover {
  color: #343332;
  text-decoration-color: #6E5926;
}

@media (max-width: 640px) {
  .hero-feature {
    display: none;
  }
  .hero-title {
    font-size: 32px;
    line-height: 1.05;
  }
  .hero-sub {
    font-size: 19px;
  }
  .hero-search {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: stretch;
    width: 100%;
  }
  .hero-search .search-ico {
    display: none;
  }
  .hero-search .top_search__clear {
    display: none;
  }
  .hero-search input {
    grid-row: 1;
    grid-column: 1/-1;
    padding: 14px 58px 14px 16px;
    font-size: 16px;
  }
  .hero-search .btn-primary,
  .hero-search .btn-search {
    grid-row: 1;
    grid-column: 1/-1;
    justify-self: end;
    align-self: stretch;
    width: 52px;
    padding: 0;
    color: transparent;
    font-size: 0;
    background-color: transparent;
    border: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%231a1915' d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/></svg>");
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    cursor: pointer;
  }
  .hero-search .btn-primary:hover, .hero-search .btn-primary:focus-visible,
  .hero-search .btn-search:hover,
  .hero-search .btn-search:focus-visible {
    background-color: #343332;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23FBF8EC' d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/></svg>");
  }
  .hero-search > :nth-child(4) {
    grid-row: 2;
    grid-column: 1;
    border-top: 1px solid rgba(52, 51, 50, 0.12);
    border-right: 1px solid rgba(52, 51, 50, 0.12);
  }
  .hero-search > :nth-child(5) {
    grid-row: 2;
    grid-column: 2;
    border-top: 1px solid rgba(52, 51, 50, 0.12);
  }
  .hero-search .hero-filter-select {
    flex: none;
  }
  .hero-search .hero-filter-select select {
    padding: 14px 28px 14px 14px;
    width: 100%;
    font-size: 12px;
  }
  .hero-suggestions {
    font-size: 11px;
  }
  .hero-suggestions a {
    word-break: keep-all;
  }
}
.site-footer {
  background: #343332;
  color: #F6EEDF;
  padding: 128px 16px 32px;
  margin-top: 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
}
.site-footer a {
  color: #F6EEDF;
  text-decoration: none;
  border-bottom: 1px solid rgba(246, 238, 223, 0.25);
  transition: border-color 0.2s ease, color 0.2s ease;
}
.site-footer a:hover {
  color: #6E5926;
  border-bottom-color: #6E5926;
  text-decoration: none;
}

.site-footer__inner {
  max-width: 1240px;
  margin: 0 auto;
}

.site-footer__top {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 64px;
  padding-bottom: 64px;
}
@media (max-width: 1024px) {
  .site-footer__top {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }
}
@media (max-width: 640px) {
  .site-footer__top {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

.site-footer__brand .site-footer__wordmark {
  display: inline-block;
  margin: 0 0 16px;
  border-bottom: 0;
  line-height: 0;
  transition: opacity 0.2s ease;
}
.site-footer__brand .site-footer__wordmark:hover, .site-footer__brand .site-footer__wordmark:focus-visible {
  opacity: 0.8;
  border-bottom: 0;
}
.site-footer__brand .site-footer__logo {
  display: block;
  height: 20px;
  width: auto;
  filter: invert(1) brightness(1.15);
}
@media (max-width: 768px) {
  .site-footer__brand .site-footer__logo {
    height: 16px;
  }
}
.site-footer__brand .site-footer__tagline {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 15px;
  font-style: italic;
  color: rgba(246, 238, 223, 0.75);
  line-height: 1.55;
  max-width: 320px;
  margin: 0;
}
.site-footer__brand .site-footer__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin: 16px 0 0;
  padding: 0;
}
.site-footer__brand .site-footer__stat {
  display: flex;
  flex-direction: column-reverse;
  gap: 4px;
}
.site-footer__brand .site-footer__stat dt {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  font-weight: 500;
  color: rgba(246, 238, 223, 0.55);
  text-transform: uppercase;
  letter-spacing: 0.16em;
  margin: 0;
}
.site-footer__brand .site-footer__stat dd {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 17px;
  font-weight: 500;
  color: #F6EEDF;
  line-height: 1.1;
  margin: 0;
  font-variant-numeric: tabular-nums;
}

.site-footer__col {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.site-footer__col-label {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  font-weight: 500;
  color: rgba(246, 238, 223, 0.55);
  text-transform: uppercase;
  letter-spacing: 0.16em;
  margin: 0 0 8px;
}

.site-footer__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.site-footer__list li {
  margin: 0;
  padding: 0;
  font-size: 15px;
  color: #F6EEDF;
  line-height: 1.55;
}
.site-footer__list li a {
  font-size: 15px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
}

.site-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  padding-top: 32px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  color: rgba(246, 238, 223, 0.55);
  text-transform: uppercase;
  letter-spacing: 0.16em;
}
@media (max-width: 640px) {
  .site-footer__bottom {
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
  }
}

.site-footer__colophon em {
  font-style: italic;
  color: rgba(246, 238, 223, 0.75);
}

.site-footer__legal {
  display: flex;
  gap: 16px;
}
.site-footer__legal a {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  color: rgba(246, 238, 223, 0.55);
  text-transform: uppercase;
  letter-spacing: 0.16em;
  border-bottom: 0;
}
.site-footer__legal a:hover {
  color: #6E5926;
  border-bottom: 0;
}

.archive-hero {
  padding: clamp(36px, 5vw, 64px) 0 clamp(16px, 2vw, 24px);
  position: relative;
}
.archive-hero::before {
  content: "";
  position: absolute;
  left: clamp(20px, 4vw, 64px);
  right: clamp(20px, 4vw, 64px);
  top: 0;
  height: 1px;
  background: rgba(207, 196, 187, 0.3);
}

.archive-hero__inner {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 clamp(20px, 4vw, 64px);
  display: flex;
  flex-direction: column;
  gap: clamp(12px, 1.4vw, 18px);
}

.archive-hero__copy {
  min-width: 0;
}
.archive-hero__copy .archive-hero__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: clamp(38px, 4.6vw, 64px);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.012em;
  margin: 8px 0 18px;
  color: #343332;
}
.archive-hero__copy .archive-hero__title .hero-em {
  font-style: italic;
  color: #6E5926;
}

.archive-hero__sub {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: clamp(16px, 1.2vw, 18px);
  line-height: 1.55;
  color: #4A463E;
  max-width: 64ch;
  margin: 0 0 14px;
}

.archive-hero__stats {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}
.archive-hero__stats li {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 0 clamp(18px, 2vw, 28px);
  border-left: 1px solid rgba(207, 196, 187, 0.3);
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  line-height: 1.2;
}
.archive-hero__stats li:first-child {
  padding-left: 0;
  border-left: 0;
}
.archive-hero__stats strong {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-style: italic;
  font-weight: 600;
  font-size: clamp(20px, 1.8vw, 24px);
  color: #343332;
  letter-spacing: -0.005em;
}
.archive-hero__stats .ah-caption {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #8A8271;
}

.archive-hero__search-wrapper {
  max-width: 860px;
  margin: 0;
  width: 100%;
}

.archive-hero__search {
  align-items: stretch;
}

.archive-hero__search-select {
  display: flex;
  align-items: stretch;
  border-left: 1px solid rgba(52, 51, 50, 0.18);
  background: transparent;
  position: relative;
}
.archive-hero__search-select select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  border: none;
  outline: none;
  padding: 0 32px 0 16px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #343332;
  cursor: pointer;
  line-height: 1;
}
.archive-hero__search-select::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-right: 1px solid #8A8271;
  border-bottom: 1px solid #8A8271;
  transform: translateY(-65%) rotate(45deg);
  pointer-events: none;
  transition: border-color 0.2s ease;
}
.archive-hero__search-select:hover::after, .archive-hero__search-select:focus-within::after {
  border-color: #6E5926;
}

.archive-hero__suggestions {
  margin-bottom: 4px !important;
}

.archive-content {
  padding-top: 0;
}

@media (max-width: 720px) {
  .archive-hero__copy .archive-hero__title {
    font-size: 32px;
  }
  .archive-hero__stats li {
    padding: 0;
    border-left: 0;
    flex: 1 1 100%;
    margin-bottom: 10px;
  }
  .archive-hero__search {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: stretch;
    flex-wrap: unset;
    width: 100%;
  }
  .archive-hero__search .search-ico {
    display: none;
  }
  .archive-hero__search .top_search__clear {
    display: none;
  }
  .archive-hero__search input {
    grid-row: 1;
    grid-column: 1/-1;
    padding: 14px 58px 14px 16px;
    font-size: 16px;
  }
  .archive-hero__search .btn-primary,
  .archive-hero__search .btn-search {
    grid-row: 1;
    grid-column: 1/-1;
    justify-self: end;
    align-self: stretch;
    width: 52px;
    padding: 0;
    color: transparent;
    font-size: 0;
    background-color: transparent;
    border: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%231a1915' d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/></svg>");
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    cursor: pointer;
  }
  .archive-hero__search .btn-primary:hover, .archive-hero__search .btn-primary:focus-visible,
  .archive-hero__search .btn-search:hover,
  .archive-hero__search .btn-search:focus-visible {
    background-color: #343332;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23FBF8EC' d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/></svg>");
  }
  .archive-hero__search > :nth-child(4) {
    grid-row: 2;
    grid-column: 1;
    border-left: none;
    border-top: 1px solid rgba(52, 51, 50, 0.18);
    border-right: 1px solid rgba(52, 51, 50, 0.18);
  }
  .archive-hero__search > :nth-child(5) {
    grid-row: 2;
    grid-column: 2;
    border-left: none;
    border-top: 1px solid rgba(52, 51, 50, 0.18);
  }
  .archive-hero__search .archive-hero__search-select {
    flex: none;
  }
  .archive-hero__search .archive-hero__search-select select {
    padding: 14px 28px 14px 14px;
    width: 100%;
    font-size: 12px;
  }
}
/* =============================================================================
   SUBSCRIPTION PRODUCT PAGE
   -----------------------------------------------------------------------------
   Renders for variable-subscription products (Personal / Commercial) via
   template-parts/product/subscription.php. Two modes share the same shell:

     - Browse mode  (visitor lands directly on /product/personal-membership/)
     - Switch mode  (member arrives via the modal "Change billing frequency"
                     CTA — URL contains switch-subscription, item, _wcsnonce)

   The plan cards are side-by-side on desktop (Monthly | Annual), stacking
   to a single column under 720px. Annual is featured with a "Best value"
   chip + brass border to mirror the unlock-the-library 60/40 visual
   weighting we use elsewhere when promoting yearly plans.
============================================================================= */
.cl-sub-page {
  background: #F6EEDF;
  padding: 48px 0 64px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  color: #4A463E;
}
@media (max-width: 776px) {
  .cl-sub-page {
    padding: 24px 0 32px;
  }
}
.cl-sub-page .container {
  max-width: 980px;
}
.cl-sub-page__header {
  text-align: center;
  margin: 0 auto 32px;
  max-width: 640px;
}
.cl-sub-page__eyebrow {
  margin: 0 0 10px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #6E5926;
}
.cl-sub-page__headline {
  margin: 0 0 12px;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: clamp(36px, 4.4vw, 52px);
  line-height: 1.1;
  color: #343332;
  letter-spacing: -0.005em;
  font-weight: 600;
}
.cl-sub-page__subtitle {
  margin: 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 17px;
  color: #4A463E;
  line-height: 1.5;
}
.cl-sub-page__subtitle strong {
  color: #343332;
  font-weight: 600;
}
.cl-sub-page__plans {
  display: grid;
  gap: 20px;
  margin: 0 0 24px;
}
.cl-sub-page__plans--2up {
  grid-template-columns: 1fr 1fr;
}
.cl-sub-page__plans--1up {
  grid-template-columns: 1fr;
  max-width: 460px;
  margin-left: auto;
  margin-right: auto;
}
.cl-sub-page__plans--3up {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 720px) {
  .cl-sub-page__plans--2up, .cl-sub-page__plans--3up {
    grid-template-columns: 1fr;
  }
}
.cl-sub-page__empty {
  background: #FAF6EC;
  border: 1px solid rgba(52, 51, 50, 0.15);
  border-radius: 3px;
  padding: 32px;
  text-align: center;
  font-size: 15px;
  color: #4A463E;
}
.cl-sub-page__fineprint {
  margin: 24px auto 0;
  max-width: 540px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 13px;
  font-style: italic;
  color: #8A8271;
  text-align: center;
  line-height: 1.5;
}
.cl-sub-page__back {
  margin: 24px 0 0;
  text-align: center;
}
.cl-sub-page__back a {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #8A8271;
  text-decoration: underline;
  text-decoration-color: rgba(138, 130, 113, 0.4);
  text-underline-offset: 3px;
}
.cl-sub-page__back a:hover {
  color: #343332;
}
.cl-sub-page__tier-note {
  margin: 32px auto 0;
  max-width: 540px;
  padding-top: 24px;
  border-top: 1px solid rgba(207, 196, 187, 0.3);
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 13px;
  color: #8A8271;
  text-align: center;
  line-height: 1.6;
}
.cl-sub-page__tier-note a {
  color: #6E5926;
  text-decoration: underline;
  text-decoration-color: #8A734A;
  text-underline-offset: 2px;
}
.cl-sub-page__tier-note a:hover {
  color: #343332;
}

.cl-sub-card {
  position: relative;
  background: #FDFBF5;
  border: 1px solid rgba(52, 51, 50, 0.15);
  border-radius: 4px;
  padding: 32px 24px 24px;
  display: flex;
  flex-direction: column;
  text-align: center;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}
.cl-sub-card--annual {
  border-color: #6E5926;
  border-width: 2px;
  background: #FAF6EC;
}
.cl-sub-card--current {
  border-color: rgba(52, 51, 50, 0.15);
  background: #F6EEDF;
  opacity: 0.85;
}
.cl-sub-card--preselected:not(.cl-sub-card--current) {
  box-shadow: 0 0 0 3px rgba(138, 115, 74, 0.18);
}
.cl-sub-card__chip {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  padding: 4px 12px;
  background: #343332;
  color: #F6EEDF;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  border-radius: 999px;
  white-space: nowrap;
}
.cl-sub-card__chip--best {
  background: #6E5926;
}
.cl-sub-card__chip--current {
  background: #8A8271;
}
.cl-sub-card__name {
  margin: 0 0 12px;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 26px;
  line-height: 1.2;
  color: #343332;
  letter-spacing: -0.005em;
  font-weight: 600;
}
.cl-sub-card__price {
  margin: 0 0 6px;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  line-height: 1;
  color: #343332;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 6px;
}
.cl-sub-card__amount {
  font-size: clamp(36px, 4.4vw, 48px);
  font-weight: 600;
  letter-spacing: -0.01em;
}
.cl-sub-card__period {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  color: #8A8271;
  text-transform: lowercase;
  letter-spacing: 0.08em;
}
.cl-sub-card__per-month {
  margin: 0 0 4px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 13px;
  color: #8A8271;
  font-style: italic;
}
.cl-sub-card__saving {
  margin: 0 0 16px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 14px;
  color: #6E5926;
  font-style: italic;
}
.cl-sub-card__form {
  margin: 16px 0 0;
}
.cl-sub-card__cta {
  display: inline-block;
  width: 100%;
  height: 46px;
  padding: 0 22px;
  border: 1px solid #343332;
  background: #343332;
  color: #F6EEDF;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  border-radius: 2px;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
  line-height: 44px;
}
.cl-sub-card__cta:hover, .cl-sub-card__cta:focus-visible {
  background: #6E5926;
  border-color: #6E5926;
  color: #F6EEDF;
  outline: none;
  text-decoration: none;
}
.cl-sub-card__cta--disabled, .cl-sub-card__cta:disabled {
  background: transparent;
  border-color: rgba(52, 51, 50, 0.15);
  color: #8A8271;
  cursor: not-allowed;
}
.cl-sub-card__cta--disabled:hover, .cl-sub-card__cta:disabled:hover {
  background: transparent;
  border-color: rgba(52, 51, 50, 0.15);
  color: #8A8271;
}
.cl-sub-card--annual .cl-sub-card__cta {
  background: #6E5926;
  border-color: #6E5926;
}
.cl-sub-card--annual .cl-sub-card__cta:hover, .cl-sub-card--annual .cl-sub-card__cta:focus-visible {
  background: #343332;
  border-color: #343332;
}
.cl-sub-card__warning {
  margin: 12px 0 0;
  padding: 12px 14px;
  background: rgba(176, 64, 46, 0.08);
  border: 1px solid rgba(176, 64, 46, 0.32);
  border-radius: 3px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 13px;
  line-height: 1.45;
  color: #4A463E;
  text-align: left;
}
.cl-sub-card__warning strong {
  color: #B0402E;
  font-weight: 600;
}

.ct-submit {
  margin-top: 12px;
}
.ct-submit .ct-submit__inner {
  display: block;
}
.ct-submit .ct-add {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 5px 12px;
  background: transparent;
  border: 1px dashed rgba(138, 115, 74, 0.7);
  border-radius: 999px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #6E5926;
  text-decoration: none;
  cursor: pointer;
  transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}
.ct-submit .ct-add:hover, .ct-submit .ct-add:focus-visible {
  border-color: #6E5926;
  color: #343332;
  background: rgba(138, 115, 74, 0.08);
}
.ct-submit .ct-add[aria-expanded=true] {
  border-style: solid;
  border-color: #343332;
  color: #343332;
}
.ct-submit .ct-add__plus {
  font-size: 13px;
  line-height: 1;
  font-weight: 600;
}
.ct-submit .ct-form {
  margin-top: 14px;
  max-width: 520px;
}
.ct-submit .ct-form__row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.ct-submit .ct-form__input {
  flex: 1 1 240px;
  min-width: 0;
  padding: 9px 13px;
  background: rgb(97.787661406%, 95.8211382114%, 92.1339072214%);
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 8px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 17px;
  color: #343332;
  transition: border-color 0.2s ease;
}
.ct-submit .ct-form__input:focus {
  outline: none;
  border-color: #8A734A;
}
.ct-submit .ct-form__input::placeholder {
  color: rgba(138, 130, 113, 0.6);
  font-style: italic;
}
.ct-submit .ct-form__submit {
  padding: 9px 18px;
  background: #343332;
  border: 1px solid #343332;
  border-radius: 8px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #F6EEDF;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.ct-submit .ct-form__submit:hover:not(:disabled) {
  background: #6E5926;
  border-color: #6E5926;
}
.ct-submit .ct-form__submit:disabled {
  opacity: 0.55;
  cursor: default;
}
.ct-submit .ct-form__cancel {
  padding: 9px 12px;
  background: transparent;
  border: none;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #8A8271;
  cursor: pointer;
}
.ct-submit .ct-form__cancel:hover {
  color: #343332;
}
.ct-submit .ct-form__msg {
  margin: 10px 0 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 16px;
  min-height: 1.2em;
}
.ct-submit .ct-form__msg.is-success {
  color: #2f7d32;
}
.ct-submit .ct-form__msg.is-error {
  color: #b0402f;
}
.ct-submit .ct-form__note {
  margin: 6px 0 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8A8271;
}
.ct-submit .ct-guest {
  margin-top: 12px;
}
.ct-submit .ct-guest__msg {
  margin: 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 16px;
  color: #4A463E;
}
.ct-submit .ct-guest__link {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: #6E5926;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}
.ct-submit .ct-guest__link:hover, .ct-submit .ct-guest__link:focus-visible {
  color: #343332;
}

.moodboard-save {
  position: absolute;
  z-index: 10;
  top: 12px;
  right: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: #F6EEDF;
  background: rgba(52, 51, 50, 0.55);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border: 1px solid rgba(246, 238, 223, 0.35);
  border-radius: 999px;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.moodboard-save:hover, .moodboard-save:focus-visible {
  background: #343332;
  color: #F6EEDF;
  border-color: rgba(246, 238, 223, 0.6);
  transform: scale(1.05);
  text-decoration: none;
}
.moodboard-save:focus-visible {
  outline: 2px solid #8A734A;
  outline-offset: 2px;
}
.moodboard-save.is-saved {
  background: #8A734A;
  color: #F6EEDF;
  border-color: rgba(52, 51, 50, 0.25);
}
.moodboard-save.is-saved:hover {
  background: #6E5926;
}
.moodboard-save .moodboard-save__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.moodboard-save .moodboard-save__icon--check {
  display: none;
}
.moodboard-save.is-saved .moodboard-save__icon--plus {
  display: none;
}
.moodboard-save.is-saved .moodboard-save__icon--check {
  display: inline-flex;
}
.moodboard-save .moodboard-save__label {
  display: none;
}

.moodboard-save.moodboard-save--labeled {
  position: static;
  width: auto;
  height: auto;
  padding: 10px 18px;
  background: #F6EEDF;
  color: #343332;
  border: 1px solid rgba(52, 51, 50, 0.35);
  border-radius: 3px;
  backdrop-filter: none;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.moodboard-save.moodboard-save--labeled:hover, .moodboard-save.moodboard-save--labeled:focus-visible {
  background: #FAF6EC;
  color: #343332;
  border-color: #343332;
  transform: none;
}
.moodboard-save.moodboard-save--labeled.is-saved {
  background: #8A734A;
  color: #F6EEDF;
  border-color: #6E5926;
}
.moodboard-save.moodboard-save--labeled.is-saved:hover, .moodboard-save.moodboard-save--labeled.is-saved:focus-visible {
  background: #6E5926;
  color: #F6EEDF;
  border-color: #343332;
}
.moodboard-save.moodboard-save--labeled .moodboard-save__icon {
  display: none;
}
.moodboard-save.moodboard-save--labeled .moodboard-save__label {
  display: inline-flex;
  align-items: center;
}
.moodboard-save.moodboard-save--labeled .moodboard-save__label--active {
  display: none;
}
.moodboard-save.moodboard-save--labeled.is-saved .moodboard-save__label--default {
  display: none;
}
.moodboard-save.moodboard-save--labeled.is-saved .moodboard-save__label--active {
  display: inline-flex;
}
@media (max-width: 450px) {
  .moodboard-save.moodboard-save--labeled {
    padding: 8px 14px;
    font-size: 13px;
  }
  .moodboard-save.moodboard-save--labeled .moodboard-save__label span {
    display: none;
  }
}

.modal.moodboard-picker {
  padding: 0;
  background: rgba(52, 51, 50, 0.72);
}
.modal.moodboard-picker .modal-dialog {
  width: 100%;
  max-width: 560px;
  margin: 16px auto;
  min-height: calc(100% - 16px * 2);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.modal.moodboard-picker .moodboard-picker__panel {
  width: 100%;
  background: #F6EEDF;
  padding: 32px 32px 24px;
  border-radius: 3px;
}
.modal.moodboard-picker .moodboard-picker__header,
.modal.moodboard-picker .moodboard-picker__eyebrow,
.modal.moodboard-picker .moodboard-picker__title {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}
.modal.moodboard-picker .close {
  position: absolute;
  top: 16px;
  right: 18px;
  z-index: 2;
  color: #F6EEDF;
  opacity: 0.9;
  font-size: 32px;
  line-height: 1;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.modal.moodboard-picker .close:hover, .modal.moodboard-picker .close:focus-visible {
  opacity: 1;
}

.moodboard-picker__panel {
  pointer-events: auto;
  background: #F6EEDF;
  border: 1px solid rgba(52, 51, 50, 0.15);
  border-radius: 3px;
  padding: 32px 32px 24px;
  box-shadow: 0 30px 60px -30px rgba(52, 51, 50, 0.45);
}

.moodboard-picker__header {
  margin-bottom: 24px;
  padding: 0;
  text-align: left;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.moodboard-picker__eyebrow {
  display: block;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #8A8271;
  background: transparent;
  margin-bottom: 6px;
}

.moodboard-picker__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 26px;
  line-height: 1.3;
  color: #343332;
  background: transparent;
  margin: 0;
  font-style: italic;
  font-weight: 600;
}

.moodboard-picker__status {
  margin-bottom: 16px;
  padding: 10px 14px;
  border-radius: 3px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 14px;
}
.moodboard-picker__status--ok {
  background: rgba(138, 115, 74, 0.12);
  color: #6E5926;
  border: 1px solid rgba(110, 89, 38, 0.2);
}
.moodboard-picker__status--error {
  background: rgba(176, 64, 46, 0.1);
  color: #B0402E;
  border: 1px solid rgba(176, 64, 46, 0.25);
}

.moodboard-picker__list {
  list-style: none;
  padding: 0;
  margin: 0 0 16px;
  max-height: 340px;
  overflow-y: auto;
}

.moodboard-picker__row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  margin-bottom: 6px;
  border: 1px solid rgba(52, 51, 50, 0.15);
  background: #FAF6EC;
  border-radius: 3px;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease, transform 0.12s ease;
}
.moodboard-picker__row:hover {
  border-color: rgba(52, 51, 50, 0.35);
  background: rgb(98.4558823529%, 97.2205882353%, 94.1323529412%);
  transform: translateY(-1px);
}
.moodboard-picker__row.is-member {
  border-color: #6E5926;
  background: rgba(138, 115, 74, 0.08);
}
.moodboard-picker__row.is-loading {
  opacity: 0.55;
  pointer-events: none;
}
.moodboard-picker__row--skeleton {
  cursor: default;
  pointer-events: none;
  height: 64px;
  background: linear-gradient(90deg, #FAF6EC 0%, #F0EEE8 50%, #FAF6EC 100%);
  background-size: 200% 100%;
  animation: moodboard-picker-shimmer 1.2s ease infinite;
}

@keyframes moodboard-picker-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.moodboard-picker__row--child {
  margin-left: 24px;
  margin-top: -2px;
  border-left: 2px solid #8A734A;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background: rgba(138, 115, 74, 0.04);
}
.moodboard-picker__row--child .moodboard-picker__thumb {
  flex-basis: 38px;
  width: 38px;
  height: 38px;
}
.moodboard-picker__row--child .moodboard-picker__name {
  font-size: 16px;
}

.moodboard-picker__thumb {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  border-radius: 2px;
  overflow: hidden;
  background: #F0EEE8;
  display: flex;
  align-items: center;
  justify-content: center;
}
.moodboard-picker__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.moodboard-picker__thumb--letter {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 22px;
  color: #8A8271;
  font-style: italic;
}

.moodboard-picker__meta {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.moodboard-picker__name {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 17px;
  color: #343332;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.moodboard-picker__sub {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #8A8271;
}

.moodboard-picker__pip {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8A8271;
  border: 1px solid rgba(52, 51, 50, 0.15);
  background: #F6EEDF;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.moodboard-picker__row:hover .moodboard-picker__pip {
  color: #343332;
  border-color: rgba(52, 51, 50, 0.4);
}
.moodboard-picker__row.is-member .moodboard-picker__pip {
  background: #6E5926;
  color: #F6EEDF;
  border-color: #6E5926;
}

.moodboard-picker__empty {
  padding: 16px;
  margin-bottom: 16px;
  border: 1px dashed rgba(52, 51, 50, 0.15);
  border-radius: 3px;
  color: #8A8271;
  text-align: center;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 15px;
  font-style: italic;
}

.moodboard-picker__create {
  border-top: 1px solid rgba(52, 51, 50, 0.15);
  padding-top: 16px;
}

.moodboard-picker__create-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: transparent;
  border: 1px dashed rgba(52, 51, 50, 0.25);
  border-radius: 3px;
  color: #343332;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.moodboard-picker__create-toggle:hover, .moodboard-picker__create-toggle:focus-visible {
  background: #FAF6EC;
  border-color: #343332;
}
.moodboard-picker.is-creating .moodboard-picker__create-toggle {
  display: none;
}

.moodboard-picker__plus {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: #6E5926;
  color: #F6EEDF;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

.moodboard-picker__create-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.moodboard-picker__label {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.moodboard-picker__label > span {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #8A8271;
}
.moodboard-picker__label > span em {
  font-style: normal;
  text-transform: none;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  letter-spacing: 0;
}
.moodboard-picker__label input,
.moodboard-picker__label textarea {
  width: 100%;
  padding: 10px 12px;
  background: #FAF6EC;
  border: 1px solid rgba(52, 51, 50, 0.15);
  border-radius: 2px;
  color: #343332;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 16px;
  line-height: 1.45;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.moodboard-picker__label input:focus,
.moodboard-picker__label textarea:focus {
  outline: none;
  border-color: #343332;
  background: #F6EEDF;
}
.moodboard-picker__label textarea {
  resize: vertical;
  min-height: 64px;
}

.moodboard-picker__visibility {
  border: 0;
  padding: 0;
  margin: 0;
}
.moodboard-picker__visibility legend {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #8A8271;
  margin-bottom: 6px;
}

.moodboard-picker__radio {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 15px;
  color: #4A463E;
  cursor: pointer;
}
.moodboard-picker__radio input {
  accent-color: #6E5926;
}

.moodboard-picker__form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 8px;
}

.modal.moodboard-picker .moodboard-picker__cancel,
.modal.moodboard-picker button.moodboard-picker__cancel {
  background: transparent;
  border: 0;
  box-shadow: none;
  color: #8A8271;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.02em;
  padding: 10px 14px;
  border-radius: 3px;
  cursor: pointer;
  transition: color 0.15s ease, background 0.15s ease;
}
.modal.moodboard-picker .moodboard-picker__cancel:hover, .modal.moodboard-picker .moodboard-picker__cancel:focus-visible,
.modal.moodboard-picker button.moodboard-picker__cancel:hover,
.modal.moodboard-picker button.moodboard-picker__cancel:focus-visible {
  color: #343332;
  background: rgba(52, 51, 50, 0.04);
  text-decoration: none;
}
.modal.moodboard-picker .moodboard-picker__submit,
.modal.moodboard-picker button.moodboard-picker__submit {
  background: #343332;
  border: 1px solid #343332;
  box-shadow: none;
  color: #F6EEDF;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.02em;
  padding: 10px 18px;
  border-radius: 3px;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.modal.moodboard-picker .moodboard-picker__submit:hover:not(:disabled), .modal.moodboard-picker .moodboard-picker__submit:focus-visible,
.modal.moodboard-picker button.moodboard-picker__submit:hover:not(:disabled),
.modal.moodboard-picker button.moodboard-picker__submit:focus-visible {
  background: #6E5926;
  border-color: #6E5926;
  color: #F6EEDF;
}
.modal.moodboard-picker .moodboard-picker__submit:disabled,
.modal.moodboard-picker button.moodboard-picker__submit:disabled {
  opacity: 0.6;
  cursor: progress;
}

.moodboards-page {
  background: #F6EEDF;
  padding: 48px 0 64px;
}
.moodboards-page__inner {
  padding: 0 24px;
}
.moodboards-page__eyebrow {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #8A8271;
  margin: 0 0 8px;
}
.moodboards-page__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: clamp(36px, 4.2vw, 56px);
  line-height: 1.1;
  color: #343332;
  margin: 0 0 12px;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.moodboards-page__subcopy {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 20px;
  line-height: 1.55;
  color: #4A463E;
  margin: 0;
  max-width: 58ch;
}
.moodboards-page__primary-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #343332;
  color: #F6EEDF;
  border: 1px solid #343332;
  border-radius: 3px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.02em;
  padding: 10px 18px;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.moodboards-page__primary-btn span[aria-hidden=true] {
  font-size: 18px;
  line-height: 1;
  margin-top: -2px;
}
.moodboards-page__primary-btn:hover, .moodboards-page__primary-btn:focus-visible {
  background: #6E5926;
  border-color: #6E5926;
  color: #F6EEDF;
}
.moodboards-page__toast {
  position: fixed;
  left: 50%;
  bottom: 32px;
  transform: translateX(-50%);
  z-index: 50;
  background: #343332;
  color: #F6EEDF;
  padding: 10px 18px;
  border-radius: 3px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 14px;
  box-shadow: 0 16px 32px -16px rgba(52, 51, 50, 0.4);
}
.moodboards-page__toast--error {
  background: #B0402E;
}

.moodboards-page--in-account {
  padding: 0;
  background: transparent;
}
.moodboards-page--in-account .moodboards-page__inner {
  padding: 0;
}
.moodboards-page--in-account .moodboards-index,
.moodboards-page--in-account .moodboards-edit__chrome {
  max-width: none;
}
.moodboards-page--in-account .moodboards-index__header {
  margin-bottom: 32px;
}
.moodboards-page--in-account .moodboards-index__grid {
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(16px, 2vw, 24px);
}
@media (max-width: 1000px) {
  .moodboards-page--in-account .moodboards-index__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 640px) {
  .moodboards-page--in-account .moodboards-index__grid {
    grid-template-columns: 1fr;
  }
}
.moodboards-page--in-account .moodboards-page__title {
  font-size: clamp(30px, 3.2vw, 42px);
}

.moodboards-index {
  max-width: 1100px;
  margin: 0 auto;
}
.moodboards-index__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 48px;
}
.moodboards-index__actions {
  flex-shrink: 0;
  margin-top: 12px;
}
.moodboards-index__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(16px, 2vw, 24px);
}
@media (max-width: 1000px) {
  .moodboards-index__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 640px) {
  .moodboards-index__grid {
    grid-template-columns: 1fr;
  }
}
.moodboards-index__skeleton .moodboard-card--skeleton {
  aspect-ratio: 1/1.15;
  background: linear-gradient(90deg, #FAF6EC 0%, #F0EEE8 50%, #FAF6EC 100%);
  background-size: 200% 100%;
  animation: moodboard-card-shimmer 1.4s ease-in-out infinite;
  border-radius: 3px;
}
.moodboards-index__empty {
  text-align: center;
  padding: 64px 24px;
  background: #FAF6EC;
  border: 1px dashed rgba(27, 24, 18, 0.16);
  border-radius: 3px;
}
.moodboards-index__empty-illus {
  color: #8A8271;
  margin-bottom: 16px;
  display: inline-flex;
}
.moodboards-index__empty h2 {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 28px;
  color: #343332;
  margin: 0 0 12px;
  font-weight: 600;
}
.moodboards-index__empty p {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 17px;
  color: #4A463E;
  max-width: 48ch;
  margin: 0 auto 24px;
  line-height: 1.55;
}
.moodboards-index__empty p strong {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 14px;
  background: #343332;
  color: #F6EEDF;
  padding: 0 5px;
  border-radius: 3px;
  font-weight: 600;
  position: relative;
  top: -1px;
}

@keyframes moodboard-card-shimmer {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: -100% 0;
  }
}
.moodboard-card {
  display: flex;
  flex-direction: column;
  background: #FAF6EC;
  border: 1px solid rgba(52, 51, 50, 0.15);
  border-radius: 3px;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.moodboard-card:hover, .moodboard-card:focus-within {
  transform: translateY(-2px);
  border-color: rgba(52, 51, 50, 0.35);
  box-shadow: 0 18px 36px -24px rgba(52, 51, 50, 0.35);
}
.moodboard-card--new {
  all: unset;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  background: #F6EEDF;
  border: 1px dashed rgba(52, 51, 50, 0.28);
  border-radius: 3px;
  overflow: hidden;
  color: #4A463E;
  transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}
.moodboard-card--new:hover, .moodboard-card--new:focus-visible {
  transform: translateY(-2px);
  border-color: #343332;
  background: #FAF6EC;
  color: #343332;
}
.moodboard-card--new:focus-visible {
  outline: 2px solid #6E5926;
  outline-offset: 2px;
}
.moodboard-card__cover--new {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  background: transparent;
  border-bottom: 1px dashed rgba(52, 51, 50, 0.18);
}
.moodboard-card__new-plus {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 999px;
  color: #6E5926;
  background: rgba(138, 115, 74, 0.12);
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.moodboard-card--new:hover .moodboard-card__new-plus, .moodboard-card--new:focus-visible .moodboard-card__new-plus {
  background: #6E5926;
  color: #F6EEDF;
  transform: scale(1.05);
}
.moodboard-card__body--new {
  gap: 6px;
  align-items: flex-start;
  text-align: left;
}
.moodboard-card__meta--new {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #8A8271;
}
.moodboard-card__cover {
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  padding: 0;
  margin: 0;
  color: inherit;
  font: inherit;
  text-align: left;
  position: relative;
  display: grid;
  aspect-ratio: 1/1;
  background: #F0EEE8;
  overflow: hidden;
}
.moodboard-card__cover--open {
  cursor: pointer;
}
.moodboard-card__cover--open:focus-visible {
  outline: 2px solid #6E5926;
  outline-offset: 2px;
}
.moodboard-card__cover--1 {
  grid-template-columns: 1fr;
}
.moodboard-card__cover--2 {
  grid-template-columns: 1fr 1fr;
  gap: 2px;
}
.moodboard-card__cover--3 {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 2px;
}
.moodboard-card__cover--3 .moodboard-card__cover-tile:first-child {
  grid-row: 1/span 2;
}
.moodboard-card__cover--4 {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 2px;
}
.moodboard-card__cover-tile {
  display: block;
  background-size: cover;
  background-position: center;
  background-color: #F0EEE8;
}
.moodboard-card__cover-empty {
  align-self: center;
  justify-self: center;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #8A8271;
}
.moodboard-card__ribbon {
  position: absolute;
  top: 12px;
  left: 12px;
  background: #6E5926;
  color: #F6EEDF;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  padding: 4px 8px;
  border-radius: 2px;
  font-weight: 600;
  z-index: 2;
}
.moodboard-card__body {
  padding: 12px 16px 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.moodboard-card__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 22px;
  font-weight: 600;
  color: #343332;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  letter-spacing: -0.005em;
}
.moodboard-card__meta {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 13px;
  color: #8A8271;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2px 4px;
  margin: 0;
}
.moodboard-card__meta-assets {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #4A463E;
}
.moodboard-card__meta-dot {
  color: rgba(27, 24, 18, 0.16);
  margin: 0 2px;
}
.moodboard-card__meta-updated {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #8A8271;
}
.moodboard-card__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
}
.moodboard-card__action {
  all: unset;
  cursor: pointer;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #4A463E;
  background: transparent;
  border: 1px solid rgba(27, 24, 18, 0.16);
  padding: 6px 12px;
  border-radius: 2px;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.moodboard-card__action:hover, .moodboard-card__action:focus-visible {
  background: #343332;
  color: #F6EEDF;
  border-color: #343332;
}
.moodboard-card__action:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.moodboard-card__action--edit {
  text-transform: uppercase;
  font-size: 11px;
  flex: 1;
  text-align: center;
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.moodboard-card__action--visibility {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #4A463E;
}
.moodboard-card__action--visibility svg {
  display: block;
}
.moodboard-card__action--visibility.is-private {
  color: #8A8271;
  background: #FAF6EC;
}
.moodboard-card__action--visibility:hover:not(:disabled), .moodboard-card__action--visibility:focus-visible:not(:disabled) {
  background: #343332;
  color: #F6EEDF;
  border-color: #343332;
}
.moodboard-card__action--visibility:disabled {
  background: #FAF6EC;
  color: #8A8271;
}
.moodboard-card__chip {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 2px;
  border: 1px solid transparent;
}
.moodboard-card__chip--public {
  color: #4A463E;
  background: #F6EEDF;
  border-color: rgba(27, 24, 18, 0.16);
}
.moodboard-card__chip--private {
  color: #F6EEDF;
  background: #343332;
  border-color: #343332;
}
.moodboard-card__chip--saved {
  color: #F6EEDF;
  background: #6E5926;
  border-color: #6E5926;
}

.moodboards-edit__chrome {
  max-width: 1100px;
  margin: 0 auto;
}
.moodboards-edit__backnav {
  margin-bottom: 24px;
}
.moodboards-edit__back {
  all: unset;
  cursor: pointer;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #8A8271;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 2px;
}
.moodboards-edit__back:hover, .moodboards-edit__back:focus-visible {
  color: #343332;
  background: #FAF6EC;
}
.moodboards-edit__back span[aria-hidden=true] {
  font-size: 16px;
}
.moodboards-edit__header {
  position: relative;
  margin-bottom: 32px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(207, 196, 187, 0.3);
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "heading actions" "meta meta" "description description";
  column-gap: 16px;
  row-gap: 12px;
  align-items: start;
}
.moodboards-edit__heading {
  grid-area: heading;
  min-width: 0;
}
.moodboards-edit__featured-ribbon {
  display: inline-block;
  background: #6E5926;
  color: #F6EEDF;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 2px;
  font-weight: 600;
  margin-bottom: 12px;
}
.moodboards-edit__title {
  margin: 0;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: clamp(30px, 3.6vw, 40px);
  line-height: 1.1;
  color: #343332;
  font-weight: 600;
  letter-spacing: -0.01em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}
.moodboards-edit__meta-row {
  grid-area: meta;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
  color: #8A8271;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 13px;
  margin: 0;
}
.moodboards-edit__count, .moodboards-edit__updated {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  color: #8A8271;
}
.moodboards-edit__dot {
  color: rgba(27, 24, 18, 0.16);
}
.moodboards-edit__visibility-chip {
  display: inline-flex;
  align-items: center;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 2px;
  border: 1px solid rgba(27, 24, 18, 0.16);
  color: #4A463E;
  background: #F6EEDF;
}
.moodboards-edit__visibility-chip.is-private {
  color: #F6EEDF;
  background: #343332;
  border-color: #343332;
}
.moodboards-edit__description {
  grid-area: description;
  margin: 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 17px;
  line-height: 1.55;
  color: #4A463E;
  max-width: 68ch;
  white-space: pre-wrap;
}
.moodboards-edit__items {
  margin-bottom: 64px;
}
.moodboards-edit__empty {
  padding: 32px;
  text-align: center;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 17px;
  color: #4A463E;
  background: #FAF6EC;
  border: 1px dashed rgba(27, 24, 18, 0.16);
  border-radius: 3px;
}
.moodboards-edit__empty a {
  color: #343332;
  border-bottom: 1px solid rgba(27, 24, 18, 0.16);
}
.moodboards-edit__empty strong {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 13px;
  background: #343332;
  color: #F6EEDF;
  padding: 1px 5px;
  border-radius: 3px;
}
.moodboards-edit__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 12px;
}
.moodboards-edit__grid-host {
  position: relative;
}
.moodboards-edit__grid-host .results-container {
  margin-top: 0;
}
.moodboards-edit__grid-host .results-list {
  margin-bottom: 0;
}
.moodboards-edit__header-actions {
  grid-area: actions;
  justify-self: end;
  align-self: center;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.moodboards-edit__edit-btn {
  all: unset;
  cursor: pointer;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #4A463E;
  background: transparent;
  border: 1px solid rgba(27, 24, 18, 0.16);
  padding: 6px 14px;
  border-radius: 2px;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.moodboards-edit__edit-btn:hover, .moodboards-edit__edit-btn:focus-visible {
  background: #343332;
  border-color: #343332;
  color: #F6EEDF;
}
.moodboards-edit__edit-btn:focus-visible {
  outline: 2px solid #8A734A;
  outline-offset: 2px;
}
.moodboards-edit__delete-btn {
  all: unset;
  cursor: pointer;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #8A8271;
  background: transparent;
  border: 1px solid rgba(27, 24, 18, 0.16);
  padding: 6px 12px;
  border-radius: 2px;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.moodboards-edit__delete-btn:hover, .moodboards-edit__delete-btn:focus-visible {
  background: #B0402E;
  border-color: #B0402E;
  color: #F6EEDF;
}
.moodboards-edit.is-loading {
  opacity: 0.6;
  pointer-events: none;
}

.moodboard-item {
  position: relative;
  aspect-ratio: 1/1;
  background: #F0EEE8;
  border: 1px solid rgba(52, 51, 50, 0.15);
  border-radius: 2px;
  overflow: hidden;
  transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.2s ease;
  cursor: grab;
}
.moodboard-item:hover {
  box-shadow: 0 10px 20px -14px rgba(52, 51, 50, 0.35);
}
.moodboard-item.is-dragging {
  opacity: 0.4;
  cursor: grabbing;
}
.moodboard-item.is-drop-target {
  outline: 2px dashed #6E5926;
  outline-offset: -2px;
}
.moodboard-item.is-removing {
  opacity: 0.3;
  transform: scale(0.95);
}
.moodboard-item__link {
  display: block;
  width: 100%;
  height: 100%;
}
.moodboard-item__thumb {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.moodboard-item__actions {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  gap: 4px;
  opacity: 0;
  transition: opacity 0.15s ease;
}
.moodboard-item:hover .moodboard-item__actions, .moodboard-item:focus-within .moodboard-item__actions {
  opacity: 1;
}
.moodboard-item__action {
  all: unset;
  cursor: pointer;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(52, 51, 50, 0.75);
  color: #F6EEDF;
  border-radius: 50%;
  transition: background 0.15s ease, color 0.15s ease;
}
.moodboard-item__action:hover, .moodboard-item__action:focus-visible {
  background: #343332;
}
.moodboard-item__action--feature.is-active {
  background: #6E5926;
  color: #F6EEDF;
}
.moodboard-item__action--feature.is-active svg path {
  fill: #F6EEDF;
}

body.moodboards-page-locked {
  overflow: hidden;
}

.moodboards-page__new-dialog {
  position: fixed;
  inset: 0;
  z-index: 60;
  background: rgba(52, 51, 50, 0.68);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  animation: moodboards-dialog-fade 0.15s ease;
}

@keyframes moodboards-dialog-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.moodboards-page__new-form {
  background: #F6EEDF;
  border: 1px solid rgba(52, 51, 50, 0.15);
  border-radius: 3px;
  box-shadow: 0 30px 60px -30px rgba(52, 51, 50, 0.45);
  padding: 32px;
  max-width: 440px;
  width: 100%;
}
.moodboards-page__new-form h2 {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 28px;
  font-weight: 600;
  color: #343332;
  margin: 0 0 16px;
}

.moodboards-page__new-label {
  display: block;
  margin-bottom: 16px;
}
.moodboards-page__new-label > span {
  display: block;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #8A8271;
  margin-bottom: 6px;
}
.moodboards-page__new-label > input,
.moodboards-page__new-label > textarea {
  width: 100%;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 17px;
  color: #343332;
  background: #F6EEDF;
  border: 1px solid rgba(27, 24, 18, 0.16);
  border-radius: 2px;
  padding: 10px 12px;
  line-height: 1.55;
}
.moodboards-page__new-label > input:focus,
.moodboards-page__new-label > textarea:focus {
  outline: none;
  border-color: #343332;
}
.moodboards-page__new-label > textarea {
  resize: vertical;
  min-height: 72px;
}
.moodboards-page__new-label em {
  font-style: normal;
  text-transform: none;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  letter-spacing: 0;
  color: #8A8271;
}

.moodboards-page__new-visibility {
  border: 0;
  padding: 0;
  margin: 0 0 24px;
}
.moodboards-page__new-visibility legend {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #8A8271;
  margin-bottom: 6px;
  padding: 0;
}

.moodboards-page__new-radio {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-right: 16px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 14px;
  color: #4A463E;
  cursor: pointer;
}

.moodboards-page__new-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.moodboards-page__new-cancel,
.moodboards-page__new-submit {
  all: unset;
  cursor: pointer;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.02em;
  padding: 10px 16px;
  border-radius: 3px;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
  border: 1px solid transparent;
}

.moodboards-page__new-cancel {
  color: #8A8271;
}
.moodboards-page__new-cancel:hover, .moodboards-page__new-cancel:focus-visible {
  color: #343332;
  background: rgba(52, 51, 50, 0.04);
}

.moodboards-page__new-submit {
  background: #343332;
  color: #F6EEDF;
  border-color: #343332;
}
.moodboards-page__new-submit:hover:not(:disabled), .moodboards-page__new-submit:focus-visible {
  background: #6E5926;
  border-color: #6E5926;
}
.moodboards-page__new-submit:disabled {
  opacity: 0.6;
  cursor: progress;
}

.moodboards-page__edit-dialog .moodboards-page__new-form {
  max-width: 520px;
}

@media (max-width: 776px) {
  .moodboards-page {
    padding: 32px 0 48px;
  }
  .moodboards-index__header {
    flex-direction: column;
    align-items: flex-start;
  }
  .moodboards-index__grid {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  }
  .moodboards-edit__grid {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  }
  .moodboards-edit__meta-row {
    font-size: 12px;
  }
  .moodboards-edit__header {
    grid-template-columns: 1fr;
    grid-template-areas: "heading" "actions" "meta" "description";
  }
  .moodboards-edit__header-actions {
    justify-self: start;
  }
}
.moodboards-landing {
  background: #F6EEDF;
}
.moodboards-landing__inner {
  width: 100%;
}

.moodboards-page--standalone .moodboards-index,
.moodboards-page--standalone .moodboards-edit__chrome {
  max-width: 1280px;
  margin: 0 auto;
}
.moodboards-page--standalone .moodboards-index__grid {
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(16px, 2vw, 24px);
}
@media (max-width: 1200px) {
  .moodboards-page--standalone .moodboards-index__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 900px) {
  .moodboards-page--standalone .moodboards-index__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 560px) {
  .moodboards-page--standalone .moodboards-index__grid {
    grid-template-columns: 1fr;
  }
}

.moodboard-card--folder .moodboard-card__cover::after {
  content: "Folder";
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #F6EEDF;
  background: rgba(52, 51, 50, 0.7);
  padding: 3px 7px;
  border-radius: 2px;
  font-weight: 600;
}

.moodboard-card--loose {
  border-style: dashed;
}

.moodboards-index__folder-back {
  all: unset;
  cursor: pointer;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #8A8271;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 2px;
  margin-bottom: 8px;
}
.moodboards-index__folder-back:hover, .moodboards-index__folder-back:focus-visible {
  color: #343332;
  background: #FAF6EC;
}
.moodboards-index__folder-back span[aria-hidden=true] {
  font-size: 16px;
}

.moodboards-index__folder-actions {
  display: inline-flex;
  gap: 8px;
  margin-top: 12px;
}

.moodboards-index__folder-action {
  all: unset;
  cursor: pointer;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #4A463E;
  border: 1px solid rgba(27, 24, 18, 0.16);
  padding: 6px 12px;
  border-radius: 2px;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.moodboards-index__folder-action:hover, .moodboards-index__folder-action:focus-visible {
  background: #343332;
  color: #F6EEDF;
  border-color: #343332;
}
.moodboards-index__folder-action--danger:hover, .moodboards-index__folder-action--danger:focus-visible {
  background: #B0402E;
  border-color: #B0402E;
}

.moodboards-page__new-label select {
  width: 100%;
  padding: 10px 12px;
  background: #F6EEDF;
  border: 1px solid rgba(27, 24, 18, 0.16);
  border-radius: 2px;
  color: #343332;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 17px;
  line-height: 1.55;
}
.moodboards-page__new-label select:focus {
  outline: none;
  border-color: #343332;
}
.moodboards-page__new-label select:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.moodboards-page__new-help {
  display: block;
  margin-top: 6px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 13px;
  font-style: italic;
  color: #8A8271;
}

.moodboards-edit__select-btn {
  all: unset;
  cursor: pointer;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #4A463E;
  background: transparent;
  border: 1px solid rgba(27, 24, 18, 0.16);
  padding: 6px 14px;
  border-radius: 2px;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.moodboards-edit__select-btn:hover, .moodboards-edit__select-btn:focus-visible {
  background: #343332;
  border-color: #343332;
  color: #F6EEDF;
}
.moodboards-edit__select-btn:focus-visible {
  outline: 2px solid #8A734A;
  outline-offset: 2px;
}

.moodboards-select-bar {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 12px 16px;
  margin-bottom: 16px;
  background: #343332;
  color: #F6EEDF;
  border-radius: 3px;
  box-shadow: 0 12px 28px -18px rgba(52, 51, 50, 0.6);
}
.moodboards-select-bar__count {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.moodboards-select-bar__actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.moodboards-select-bar__btn {
  all: unset;
  cursor: pointer;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.02em;
  padding: 8px 14px;
  border-radius: 2px;
  border: 1px solid rgba(246, 238, 223, 0.4);
  color: #F6EEDF;
  transition: background 0.15s ease, border-color 0.15s ease, opacity 0.15s ease;
}
.moodboards-select-bar__btn:hover:not(:disabled), .moodboards-select-bar__btn:focus-visible:not(:disabled) {
  background: rgba(246, 238, 223, 0.12);
}
.moodboards-select-bar__btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.moodboards-select-bar__btn--danger {
  background: #B0402E;
  border-color: #B0402E;
}
.moodboards-select-bar__btn--danger:hover:not(:disabled), .moodboards-select-bar__btn--danger:focus-visible:not(:disabled) {
  background: rgb(59.5060943296%, 21.6385797562%, 15.5527291998%);
  border-color: rgb(59.5060943296%, 21.6385797562%, 15.5527291998%);
}
.moodboards-select-bar__btn--quiet {
  border-color: transparent;
}

.moodboards-edit__grid-host.is-selecting .product_popup,
.moodboards-edit__grid-host.is-selecting .product_item {
  cursor: pointer;
}
.moodboards-edit__grid-host.is-selecting .moodboard-save {
  display: none;
}
.moodboards-edit__grid-host.is-selecting .grid_item .product_item {
  position: relative;
}
.moodboards-edit__grid-host.is-selecting .grid_item .product_item::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  border: 2px solid #F6EEDF;
  background: rgba(52, 51, 50, 0.45);
  box-shadow: 0 1px 4px rgba(52, 51, 50, 0.45);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  z-index: 12;
  transition: background-color 0.15s ease;
}
.moodboards-edit__grid-host.is-selecting .grid_item:not(.is-selected) .product_item {
  opacity: 0.93;
}
.moodboards-edit__grid-host.is-selecting .grid_item.is-selected .product_item {
  outline: 3px solid #6E5926;
  outline-offset: -3px;
}
.moodboards-edit__grid-host.is-selecting .grid_item.is-selected .product_item::after {
  background-color: #6E5926;
  border-color: #F6EEDF;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E");
}

.moodboards-edit__subboards {
  max-width: 1280px;
  margin: 0 auto 32px;
}

.moodboards-edit__section-title {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #8A8271;
  margin: 0 0 16px;
}

.moodboards-edit__divider {
  max-width: 1280px;
  margin: 0 auto 32px;
  border: 0;
  border-top: 1px solid rgba(207, 196, 187, 0.3);
}

.modal.confirm-dialog {
  padding: 0;
  background: rgba(52, 51, 50, 0.72);
}
.modal.confirm-dialog .modal-dialog {
  width: 100%;
  max-width: 440px;
  margin: 16px auto;
  min-height: calc(100% - 16px * 2);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.confirm-dialog__panel {
  pointer-events: auto;
  width: 100%;
  background: #FAF6EC;
  border: 1px solid #343332;
  border-radius: 0;
  padding: 12px;
  box-shadow: 0 30px 60px -30px rgba(52, 51, 50, 0.55);
}

.confirm-dialog__inner {
  background: #F6EEDF;
  border: 1px solid rgba(52, 51, 50, 0.15);
  padding: 32px 24px 24px;
  text-align: center;
}

.confirm-dialog__icon {
  display: block;
  width: 36px;
  height: 36px;
  margin: 0 auto 16px;
  object-fit: contain;
}

.confirm-dialog__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.3;
  color: #343332;
  margin: 0 0 8px;
}

.confirm-dialog__body {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 17px;
  line-height: 1.55;
  color: #4A463E;
  margin: 0 auto 24px;
  max-width: 32ch;
}

.confirm-dialog__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.modal.confirm-dialog .confirm-dialog__btn,
.modal.confirm-dialog button.confirm-dialog__btn {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.02em;
  padding: 10px 18px;
  border-radius: 3px;
  cursor: pointer;
  box-shadow: none;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.modal.confirm-dialog .confirm-dialog__btn--cancel,
.modal.confirm-dialog button.confirm-dialog__btn--cancel {
  background: transparent;
  border: 1px solid rgba(52, 51, 50, 0.15);
  color: #8A8271;
}
.modal.confirm-dialog .confirm-dialog__btn--cancel:hover, .modal.confirm-dialog .confirm-dialog__btn--cancel:focus-visible,
.modal.confirm-dialog button.confirm-dialog__btn--cancel:hover,
.modal.confirm-dialog button.confirm-dialog__btn--cancel:focus-visible {
  color: #343332;
  background: rgba(52, 51, 50, 0.04);
  border-color: rgba(52, 51, 50, 0.25);
  text-decoration: none;
}
.modal.confirm-dialog .confirm-dialog__btn--destructive,
.modal.confirm-dialog button.confirm-dialog__btn--destructive {
  background: #B0402E;
  border: 1px solid #B0402E;
  color: #F6EEDF;
}
.modal.confirm-dialog .confirm-dialog__btn--destructive:hover, .modal.confirm-dialog .confirm-dialog__btn--destructive:focus-visible,
.modal.confirm-dialog button.confirm-dialog__btn--destructive:hover,
.modal.confirm-dialog button.confirm-dialog__btn--destructive:focus-visible {
  background: rgb(59.5060943296%, 21.6385797562%, 15.5527291998%);
  border-color: rgb(59.5060943296%, 21.6385797562%, 15.5527291998%);
  color: #F6EEDF;
  text-decoration: none;
}

@media (max-width: 576px) {
  .modal.confirm-dialog .modal-dialog {
    max-width: calc(100% - 48px);
  }
  .confirm-dialog__inner {
    padding: 24px 16px 16px;
  }
  .confirm-dialog__title {
    font-size: 24px;
  }
}
.moodboards-edit__share-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
}

.moodboards-edit__share-btn {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 13px;
  padding: 6px 14px;
  color: #F6EEDF;
  background: #343332;
  border: 1px solid #343332;
  border-radius: 3px;
  cursor: pointer;
}
.moodboards-edit__share-btn:hover {
  background: rgb(32.6274509804%, 32%, 31.3725490196%);
}

.moodboards-edit__share-view {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 13px;
  color: #343332;
  text-decoration: underline;
}
.moodboards-edit__share-view:hover {
  color: #8A734A;
}

.moodboards-edit__visibility-chip.is-public {
  color: #F6EEDF;
  background: #343332;
}

.mb-share {
  background: #F6EEDF;
  padding-bottom: 48px;
}

.mb-share__inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 32px 16px 0;
}

.mb-share__ownerbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  padding: 12px 16px;
  background: rgba(52, 51, 50, 0.04);
  border-bottom: 1px solid rgba(52, 51, 50, 0.12);
}

.mb-share__ownerbar-note {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 13px;
  color: rgba(52, 51, 50, 0.7);
}

.mb-share__ownerbar-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.mb-share__ownerbar-btn {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 13px;
  padding: 6px 14px;
  color: #343332;
  background: transparent;
  border: 1px solid rgba(52, 51, 50, 0.35);
  border-radius: 3px;
  cursor: pointer;
  text-decoration: none;
}
.mb-share__ownerbar-btn:hover {
  border-color: #343332;
}
.mb-share__ownerbar-btn--primary {
  color: #F6EEDF;
  background: #343332;
  border-color: #343332;
}
.mb-share__ownerbar-btn--primary:hover {
  background: rgb(32.6274509804%, 32%, 31.3725490196%);
}
.mb-share__ownerbar-btn--quiet {
  border-color: transparent;
  text-decoration: underline;
}

.mb-share__header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 32px;
}

.mb-share__eyebrow {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(52, 51, 50, 0.55);
  margin-bottom: 12px;
}

.mb-share__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: clamp(32px, 5vw, 52px);
  line-height: 1.1;
  color: #343332;
  margin: 0 0 8px;
}

.mb-share__curator {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 18px;
  font-style: italic;
  color: rgba(52, 51, 50, 0.7);
  margin: 0 0 12px;
}

.mb-share__description {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 17px;
  line-height: 1.6;
  color: #343332;
  margin: 0 0 12px;
}

.mb-share__count {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(52, 51, 50, 0.5);
  margin: 0;
}

.mb-share__title.is-editing,
.mb-share__curator-name.is-editing,
.mb-share__description.is-editing {
  outline: 1px dashed rgba(52, 51, 50, 0.4);
  outline-offset: 4px;
  border-radius: 2px;
  cursor: text;
}
.mb-share__title.is-editing:focus,
.mb-share__curator-name.is-editing:focus,
.mb-share__description.is-editing:focus {
  outline-color: #8A734A;
}

.mb-share__description.is-empty:not(:focus)::before {
  content: attr(data-placeholder);
  color: rgba(52, 51, 50, 0.4);
}

.mb-share__grid {
  columns: 4 240px;
  column-gap: 12px;
}

.mb-share__tile {
  display: block;
  break-inside: avoid;
  margin-bottom: 12px;
  background: #fff;
  border: 1px solid rgba(52, 51, 50, 0.1);
  padding: 8px;
}
.mb-share__tile img {
  display: block;
  width: 100%;
  height: auto;
}
.mb-share__tile:hover {
  border-color: rgba(52, 51, 50, 0.35);
}

.mb-share__more {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-style: italic;
  text-align: center;
  color: rgba(52, 51, 50, 0.6);
  margin: 16px 0 0;
}

.mb-share__empty {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-style: italic;
  text-align: center;
  color: rgba(52, 51, 50, 0.6);
  padding: 32px 0;
}

.mb-share__cta {
  text-align: center;
  max-width: 640px;
  margin: 48px auto 0;
  padding: 32px 24px;
  background: #fff;
  border: 1px solid rgba(52, 51, 50, 0.12);
}

.mb-share__cta-title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 28px;
  color: #343332;
  margin: 0 0 12px;
}

.mb-share__cta-copy {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 17px;
  line-height: 1.6;
  color: rgba(52, 51, 50, 0.8);
  margin: 0 0 16px;
}

.mb-share__cta-btn {
  display: inline-block;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 16px;
  padding: 14px 32px;
  color: #F6EEDF;
  background: #343332;
  border-radius: 3px;
  text-decoration: none;
}
.mb-share__cta-btn:hover {
  background: rgb(32.6274509804%, 32%, 31.3725490196%);
  color: #F6EEDF;
}

.mb-share__toast {
  position: fixed;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  z-index: 200;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 14px;
  color: #F6EEDF;
  background: #343332;
  padding: 10px 20px;
  border-radius: 3px;
}
.mb-share__toast.is-error {
  background: #B0402E;
}

@media (max-width: 576px) {
  .mb-share__inner {
    padding-top: 24px;
  }
  .mb-share__ownerbar {
    flex-direction: column;
    align-items: flex-start;
  }
  .mb-share__grid {
    columns: 2 140px;
    column-gap: 8px;
  }
  .mb-share__tile {
    margin-bottom: 8px;
  }
}
/* ===========================================================================
   LETTERPRESS RESKIN (2026-08-18, Tom: "the moodboard grid needs to be
   redesigned to align with our new design"). Append-only surface layer,
   same pattern as my-account: the structure and the select/drag mechanics
   above are sound - this repaints grounds, header chrome and controls in
   the letterpress vocabulary. The grid itself already IS the archive grid
   (results-list + specimen-mount); on the flat $paper ground the mounts
   just had nothing to sit against.
=========================================================================== */
.moodboards-page--standalone {
  background: #FAF6EC url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-light.jpg") repeat;
  background-size: 620px;
}

.moodboards-edit__back {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: #8A734A;
  text-decoration: none;
}
.moodboards-edit__back:hover, .moodboards-edit__back:focus-visible {
  color: #343332;
  text-decoration: none;
}

.moodboards-edit__meta-row {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 15.5px;
  color: #8A8271;
}

.moodboards-edit__visibility-chip {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 12px;
  background: rgba(253, 251, 245, 0.9);
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 999px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9);
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #4A463E;
}
.moodboards-edit__visibility-chip.is-public {
  border-color: #D6B587;
  color: #8A734A;
}
.moodboards-edit__visibility-chip.is-private {
  background: rgba(253, 251, 245, 0.9);
  border-color: rgba(207, 196, 187, 0.3);
  color: #4A463E;
}

.moodboards-edit__select-btn,
.moodboards-edit__edit-btn,
.moodboards-edit__share-btn,
.moodboards-edit__delete-btn {
  all: unset;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 0 18px;
  border: 1px solid #D6B587;
  border-radius: 5px;
  background: rgba(253, 251, 245, 0.7);
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #8A734A;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.moodboards-edit__select-btn:hover, .moodboards-edit__select-btn:focus-visible,
.moodboards-edit__edit-btn:hover,
.moodboards-edit__edit-btn:focus-visible,
.moodboards-edit__share-btn:hover,
.moodboards-edit__share-btn:focus-visible,
.moodboards-edit__delete-btn:hover,
.moodboards-edit__delete-btn:focus-visible {
  background: #FDFBF5;
  color: #343332;
}

.moodboards-edit__delete-btn:hover, .moodboards-edit__delete-btn:focus-visible {
  border-color: var(--cl-accent, #B0402E);
  color: var(--cl-accent, #B0402E);
  background: rgba(253, 251, 245, 0.9);
}

.moodboards-edit__divider {
  border-top: 1px solid rgba(207, 196, 187, 0.3);
  box-shadow: 0 1px 0 #FFFFFF;
}

.moodboards-select-bar {
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 5px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 0 #FFFFFF, 0 18px 30px -16px rgba(52, 51, 50, 0.28);
}

.moodboard-card {
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 5px;
  background: #FDFBF5;
  box-shadow: inset 0 0 0 1px rgba(207, 196, 187, 0.12), 0 1px 0 #FFFFFF, 0 -1px 0 #FFFFFF;
}

.c26-hero {
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
}

.c26-hero__inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 64px 40px 56px;
  text-align: center;
}
@media (max-width: 760px) {
  .c26-hero__inner {
    padding: 40px 20px 36px;
  }
}

.c26-hero__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  margin: 18px 0 0;
  font-size: clamp(44px, 4.4vw, 68px);
  line-height: 1.1;
}

.c26-hero__sub {
  margin: 22px auto 0;
  max-width: 620px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 19px;
  line-height: 1.7;
  color: #3b3830;
}

.c26-shelves {
  background: #F6EEDF url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-light.jpg") repeat;
  background-size: 620px;
  border-top: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: inset 0 1px 0 rgba(207, 196, 187, 0.3), inset 0 2px 0 #FFFFFF;
}

.c26-shelves__inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 64px 40px;
}
@media (max-width: 760px) {
  .c26-shelves__inner {
    padding: 40px 20px;
  }
}

.c26-shelves__label {
  margin-top: 64px;
}

.c26-grid {
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
}
@media (max-width: 1100px) {
  .c26-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 820px) {
  .c26-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .c26-grid {
    grid-template-columns: 1fr;
  }
}

.specimen-mount--collection, .c26-shelf__frame, .c26-master {
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 5px;
  box-shadow: inset 0 0 0 1px rgba(207, 196, 187, 0.12), 0 1px 0 #FFFFFF, 0 -1px 0 #FFFFFF, 1px 0 0 #FFFFFF, -1px 0 0 #FFFFFF;
}

.c26-master {
  display: block;
  overflow: hidden;
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
  text-decoration: none;
  transition: box-shadow 0.2s ease;
}
.c26-master:hover, .c26-master:focus-visible {
  box-shadow: 0 16px 28px -18px rgba(52, 51, 50, 0.4);
  text-decoration: none;
}
.c26-master__quad {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 110px 110px;
}
.c26-master__cell {
  overflow: hidden;
  background: #FAF6EC;
}
.c26-master__cell img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c26-master__body {
  padding: 16px 20px 18px;
  border-top: 1px solid rgba(214, 181, 135, 0.5);
}
.c26-master__body h3 {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  margin: 0;
  font-size: 22px;
  color: #343332;
}
.c26-master__count {
  margin: 8px 0 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #8A734A;
}

.c26-shelf {
  display: block;
  text-decoration: none;
}
.c26-shelf:hover, .c26-shelf:focus-visible {
  text-decoration: none;
}
.c26-shelf.is-extra {
  display: none;
}
.c26-grid.is-open .c26-shelf.is-extra {
  display: block;
}
.c26-shelf__frame {
  position: relative;
  aspect-ratio: 4/3;
  overflow: hidden;
  background: #FAF6EC;
}
.c26-shelf__frame img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}
.c26-shelf:hover .c26-shelf__frame img {
  transform: scale(1.035);
}
.c26-shelf__letter {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  font-size: 56px;
  color: #AB9C85;
}

.c26-leader {
  margin-top: 12px;
  display: flex;
  align-items: baseline;
  gap: 12px;
}
.c26-leader h3 {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  margin: 0;
  font-size: 20px;
  line-height: 1.3;
  flex: 0 1 auto;
  min-width: 0;
  color: #343332;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.c26-leader__spacer {
  flex: 1;
}
.c26-leader__count {
  flex: none;
  white-space: nowrap;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #8A734A;
}

.c26-shelves__more {
  margin-top: 34px;
  text-align: center;
}

.c26-more {
  height: 48px;
  padding: 0 40px;
  border: 1px solid #D6B587;
  border-radius: 5px;
  background: rgba(253, 251, 245, 0.7);
  cursor: pointer;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: #8A734A;
  transition: background 0.15s ease;
}
.c26-more:hover {
  background: #FDFBF5;
}

.c26-index {
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
  border-top: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: inset 0 1px 0 rgba(207, 196, 187, 0.3), inset 0 2px 0 #FFFFFF;
}

.c26-index__inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 64px 40px;
}
@media (max-width: 760px) {
  .c26-index__inner {
    padding: 40px 20px;
  }
}

.c26-index__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  margin: 16px auto 0;
  text-align: center;
  font-size: clamp(30px, 2.6vw, 42px);
  line-height: 1.1;
}

.c26-index__cols {
  margin-top: 40px;
  column-count: 3;
  column-gap: 56px;
}
@media (max-width: 900px) {
  .c26-index__cols {
    column-count: 2;
    column-gap: 32px;
  }
}
@media (max-width: 560px) {
  .c26-index__cols {
    column-count: 1;
  }
}

.c26-index__row {
  break-inside: avoid;
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding: 10px 2px;
  text-decoration: none;
  transition: opacity 0.15s ease;
  border-bottom: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: 0 1px 0 rgba(207, 196, 187, 0.3), 0 2px 0 #FFFFFF;
}
.c26-index__row:hover, .c26-index__row:focus-visible {
  opacity: 0.6;
  text-decoration: none;
}
.c26-index__row.is-master .c26-index__name {
  font-weight: 500;
  color: #343332;
}

.c26-index__name {
  min-width: 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 17px;
  line-height: 1.4;
  color: #4A463E;
}

.c26-index__spacer {
  flex: 1;
}

.c26-index__right {
  flex: none;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #AB9C85;
}

.collection-detail {
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
}
.collection-detail__inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 40px 40px 64px;
}
@media (max-width: 760px) {
  .collection-detail__inner {
    padding: 28px 20px 40px;
  }
}
.collection-detail__crumb {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #8A734A;
}
.collection-detail__crumb a {
  color: #8A734A;
  text-decoration: none;
}
.collection-detail__crumb a:hover {
  color: #343332;
  text-decoration: none;
}
.collection-detail__crumb .sep {
  padding: 0 8px;
  color: #D6B587;
}
.collection-detail__crumb .here {
  color: #AB9C85;
}
.collection-detail__head {
  margin-top: 34px;
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 64px;
  align-items: start;
}
@media (max-width: 980px) {
  .collection-detail__head {
    grid-template-columns: 1fr;
    gap: 36px;
  }
}
.collection-detail__copy .eyebrow {
  margin: 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.3em;
  color: #8A734A;
  text-transform: uppercase;
}
.collection-detail__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  margin: 18px 0 0;
  font-size: clamp(38px, 3.4vw, 56px);
  line-height: 1.1;
}
.collection-detail__description {
  margin-top: 20px;
}
.collection-detail__description p {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 18px;
  line-height: 1.65;
  color: #60594D;
  margin: 0 0 14px;
}
.collection-detail__description p:last-child {
  margin-bottom: 0;
}
.collection-detail__meta {
  margin: 30px 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 40px;
}
@media (max-width: 480px) {
  .collection-detail__meta {
    grid-template-columns: 1fr;
  }
}
.collection-detail__meta-row {
  padding: 14px 0 12px;
  border-bottom: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: 0 1px 0 rgba(207, 196, 187, 0.3), 0 2px 0 #FFFFFF;
}
.collection-detail__meta-row dt {
  margin: 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #8A734A;
}
.collection-detail__meta-row dd {
  margin: 5px 0 0;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 500;
  font-size: 24px;
  color: #343332;
}
.collection-detail__actions {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
.collection-detail__cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 48px;
  padding: 0 26px;
  border: 1px solid #D6B587;
  border-radius: 5px;
  background: rgba(253, 251, 245, 0.7);
  cursor: pointer;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #8A734A;
  text-decoration: none;
}
.collection-detail__cta:hover {
  background: #FDFBF5;
  color: #8A734A;
  text-decoration: none;
}
.collection-detail__cta--primary {
  border: 0;
  background: var(--cl-accent, #B0402E) url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-cta-button.jpg") repeat;
  background-size: 400px;
  color: #ffffff;
}
.collection-detail__cta--primary:hover {
  filter: brightness(1.12);
  background: var(--cl-accent, #B0402E) url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-cta-button.jpg") repeat;
  background-size: 400px;
  color: #ffffff;
}
.collection-detail__mosaic {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
@media (max-width: 620px) {
  .collection-detail__mosaic {
    grid-template-columns: repeat(3, 1fr);
  }
}
.collection-detail__mosaic-cell {
  aspect-ratio: 1;
  overflow: hidden;
  background: #FAF6EC;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 4px;
}
.collection-detail__mosaic-cell img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.collection-detail__mosaic-empty {
  grid-column: 1/-1;
  padding: 40px;
  text-align: center;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 17px;
  color: #8A8271;
  background: #FAF6EC;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 5px;
}

.collection-subgrid {
  background: #F6EEDF url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-light.jpg") repeat;
  background-size: 620px;
  border-top: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: inset 0 1px 0 rgba(207, 196, 187, 0.3), inset 0 2px 0 #FFFFFF;
}
.collection-subgrid__inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 56px 40px 72px;
}
@media (max-width: 760px) {
  .collection-subgrid__inner {
    padding: 36px 20px 48px;
  }
}
.collection-subgrid__label {
  margin: 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.3em;
  color: #8A734A;
  text-transform: uppercase;
  margin-bottom: 22px;
}

#collection-grid {
  background: #F6EEDF url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-light.jpg") repeat;
  background-size: 620px;
  border-top: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: inset 0 1px 0 rgba(207, 196, 187, 0.3), inset 0 2px 0 #FFFFFF;
  padding-bottom: 40px;
}

.collections-landing__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
}
@media (max-width: 1100px) {
  .collections-landing__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 820px) {
  .collections-landing__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .collections-landing__grid {
    grid-template-columns: 1fr;
  }
}

.specimen-mount--collection {
  position: relative;
  display: block;
  overflow: hidden;
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
  text-decoration: none;
  transition: box-shadow 0.2s ease;
}
.specimen-mount--collection:hover, .specimen-mount--collection:focus-visible {
  box-shadow: 0 16px 28px -18px rgba(52, 51, 50, 0.4);
  text-decoration: none;
}
.specimen-mount--collection .specimen-mount__image-wrap {
  display: block;
  aspect-ratio: 4/3;
  background: #FAF6EC;
}
.specimen-mount--collection .specimen-mount__image-wrap--quad {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  aspect-ratio: 4/3;
}
.specimen-mount--collection .specimen-mount__quad-cell {
  overflow: hidden;
  background: #FAF6EC;
}
.specimen-mount--collection .specimen-mount__quad-img,
.specimen-mount--collection .specimen-mount__image-wrap > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.specimen-mount--collection .specimen-mount__letter {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  font-size: 56px;
  color: #AB9C85;
}
.specimen-mount--collection .specimen-mount__tag {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  padding: 5px 10px;
  border-radius: 3px;
  background: rgba(253, 251, 245, 0.95);
  border: 1px solid #D6B587;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #60594D;
}
.specimen-mount--collection .specimen-mount__title {
  margin: 0;
  padding: 16px 20px 0;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  font-size: 20px;
  line-height: 1.3;
  color: #343332;
  border-top: 1px solid rgba(214, 181, 135, 0.5);
  padding-top: 16px;
}
.specimen-mount--collection .specimen-mount__count {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 20px 18px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #8A734A;
}
.specimen-mount--collection .cl-remix-fab {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #D6B587;
  background: rgba(253, 251, 245, 0.94);
  color: #8A734A;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.specimen-mount--collection .cl-remix-fab svg {
  width: 14px;
  height: 14px;
}
.specimen-mount--collection:hover .cl-remix-fab {
  opacity: 1;
}

.c26-cta {
  background: #F6EEDF url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-light.jpg") repeat;
  background-size: 620px;
  border-top: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: inset 0 1px 0 rgba(207, 196, 187, 0.3), inset 0 2px 0 #FFFFFF;
}

.c26-cta__inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 72px 40px;
  text-align: center;
}
@media (max-width: 760px) {
  .c26-cta__inner {
    padding: 48px 20px;
  }
}

.c26-cta__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  margin: 16px auto 0;
  font-size: clamp(30px, 2.6vw, 42px);
  line-height: 1.1;
}

.c26-cta__body {
  margin: 20px auto 0;
  max-width: 560px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 18px;
  line-height: 1.7;
  color: #3b3830;
}

.c26-cta__btn {
  margin-top: 28px;
}

/* ---------------------------------------------------------------------------
   Shell behind the modal. Full-bleed $paper with a single quiet phrase
   centered vertically. Subtle enough that the modal is the only thing
   asking for attention.
--------------------------------------------------------------------------- */
.login-shell {
  min-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 64px 24px;
}

.login-shell__phrase {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-style: italic;
  font-size: 40px;
  color: #8A8271;
  text-align: center;
  letter-spacing: 0.01em;
  margin: 0;
}
@media (max-width: 776px) {
  .login-shell__phrase {
    font-size: 28px;
  }
}

/* Hide modal when [hidden] attribute is set */
.login-modal[hidden] {
  display: none;
}

/* While the login modal is up, suppress the main-bundle's modal-open scroll
   lock from flickering (we add it ourselves in the JS controller). Also
   mutes the navbar's underline hover on the hidden /my-account/ link so the
   dismiss-to-home isn't fighting for cursor focus. */
body.login-shell-body {
  overflow: hidden;
}

/* ---------------------------------------------------------------------------
   Modal shell. We intentionally do not share all styles with .product-modal
   because the product lightbox is a wide content surface; login is a tight
   card. They share the fade/show semantics and the .modal-dialog container,
   but geometry and surface treatment are their own.
--------------------------------------------------------------------------- */
.login-modal {
  position: fixed;
  inset: 0;
  z-index: 1050;
  display: block;
  background: rgba(41, 38, 32, 0.72);
  padding: 24px;
  overflow-y: auto;
}
.login-modal__close {
  position: absolute;
  top: 16px;
  right: 24px;
  background: transparent;
  border: 0;
  color: #FAF6EC;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  padding: 8px 12px;
  transition: color 0.18s ease, transform 0.18s ease;
}
.login-modal__close:hover, .login-modal__close:focus-visible {
  color: #F6EEDF;
  transform: translateY(-1px);
  outline: none;
}

/* ---------------------------------------------------------------------------
   The dialog card - specimen-mount treatment.
   Compound selectors (.login-modal .login-modal__dialog) are needed to beat
   Bootstrap 4's .modal-dialog width rules and the product-modal overrides,
   both of which otherwise resolve the login card to a full-width surface.
--------------------------------------------------------------------------- */
.login-modal .login-modal__dialog {
  max-width: 440px;
  width: auto;
  margin: 8vh auto;
}
@media (max-width: 776px) {
  .login-modal .login-modal__dialog {
    margin: 4vh auto;
    max-width: 100%;
  }
}

.login-modal .login-modal__content {
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 5px;
  padding: 64px 48px 48px;
  text-align: center;
  position: relative;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 0 #FFFFFF, 0 24px 44px -20px rgba(52, 51, 50, 0.45);
}
@media (max-width: 776px) {
  .login-modal .login-modal__content {
    padding: 48px 24px 24px;
  }
}

/* ---------------------------------------------------------------------------
   Hat stamp centered above the title. Pure image; no bg fill so it reads
   as a pressed stamp against the paper.
--------------------------------------------------------------------------- */
.login-modal__stamp {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}

.login-modal .login-modal__hat {
  width: 72px !important;
  height: 72px !important;
  object-fit: contain;
  display: block;
  max-width: 72px;
}

/* ---------------------------------------------------------------------------
   Header block - eyebrow, title (with italic accent on "back"), subcopy.
--------------------------------------------------------------------------- */
.login-modal__eyebrow {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.16em;
  color: #8A734A;
  text-transform: uppercase;
  margin: 0 0 12px;
}

.login-modal__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 600;
  font-size: 28px;
  line-height: 1.1;
  color: #343332;
  margin: 0 0 12px;
}
.login-modal__title-em {
  font-style: italic;
  font-weight: 600;
  color: #6E5926;
}

.login-modal__subcopy {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 15px;
  color: #4A463E;
  margin: 0 0 32px;
}

/* ---------------------------------------------------------------------------
   WC notices. Renders cochineal-accented panel inside the modal when a
   login attempt fails. We override WC's default green/red chrome so the
   errors look at home in the archival palette.
--------------------------------------------------------------------------- */
.login-modal__notices {
  margin-bottom: 24px;
}
.login-modal__notices .woocommerce-error,
.login-modal__notices .woocommerce-message,
.login-modal__notices .woocommerce-info {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 15px;
  background: #F6EEDF;
  color: #343332;
  border: 1px solid #B0402E;
  border-left-width: 3px;
  border-radius: 0;
  padding: 12px 16px;
  margin: 0 0 12px;
  list-style: none;
  text-align: left;
}
.login-modal__notices .woocommerce-error::before,
.login-modal__notices .woocommerce-message::before,
.login-modal__notices .woocommerce-info::before {
  display: none;
}
.login-modal__notices .woocommerce-error li,
.login-modal__notices .woocommerce-message li,
.login-modal__notices .woocommerce-info li {
  margin: 0;
  padding: 0;
}
.login-modal__notices .woocommerce-error a,
.login-modal__notices .woocommerce-message a,
.login-modal__notices .woocommerce-info a {
  color: #B0402E;
  text-decoration: underline;
}
.login-modal__notices .woocommerce-message {
  border-color: #6E5926;
}
.login-modal__notices .woocommerce-info {
  border-color: #8A8271;
}

/* ---------------------------------------------------------------------------
   Form. Monospace labels above ink-bordered cream inputs - same vocabulary
   as the archive filter bar and moodboard edit modal.
--------------------------------------------------------------------------- */
.login-modal__form {
  text-align: left;
  margin: 0;
}

.login-modal__field {
  display: block;
  margin-bottom: 16px;
}

.login-modal__input {
  width: 100%;
  height: 44px;
  padding: 0 16px;
  background: #FDFBF5;
  color: #343332;
  border: 1px solid #D6B587;
  border-radius: 5px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 17px;
  outline: none;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}
.login-modal__input:focus, .login-modal__input:focus-visible {
  border-color: #8A734A;
  box-shadow: 0 0 0 2px rgba(214, 181, 135, 0.3);
}
.login-modal__input::placeholder {
  color: #8A8271;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

/* ---------------------------------------------------------------------------
   Remember-me + lost-password row. 50/50 on a single line, collapses on
   narrow viewports.
--------------------------------------------------------------------------- */
.login-modal__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 12px 0 32px;
}
@media (max-width: 576px) {
  .login-modal__row {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}

.login-modal__remember {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.16em;
  color: #8A8271;
  text-transform: uppercase;
  cursor: pointer;
}
.login-modal__remember input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
  border: 1px solid #D6B587;
  border-radius: 2px;
  background: #FDFBF5;
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin: 0;
}
.login-modal__remember input[type=checkbox]:checked {
  background: var(--cl-accent, #B0402E);
  border-color: var(--cl-accent, #B0402E);
}
.login-modal__remember input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 4px;
  width: 4px;
  height: 8px;
  border-right: 2px solid #F6EEDF;
  border-bottom: 2px solid #F6EEDF;
  transform: rotate(45deg);
}
.login-modal__remember input[type=checkbox]:focus-visible {
  outline: 2px solid rgba(110, 89, 38, 0.35);
  outline-offset: 2px;
}

.login-modal__lost {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.16em;
  color: #6E5926;
  text-transform: uppercase;
  text-decoration: none;
}
.login-modal__lost:hover {
  color: #343332;
  text-decoration: underline;
}

/* ---------------------------------------------------------------------------
   Primary submit. Filled black, monospace, full-width - matches the other
   primary CTAs on the site (Join, Subscribe). No shadow, per BRAND.md.
--------------------------------------------------------------------------- */
.login-modal__submit {
  width: 100%;
  height: 52px;
  background: var(--cl-accent, #B0402E) url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-cta-button.jpg") repeat;
  background-size: 400px;
  color: #ffffff;
  border: 0;
  border-radius: 5px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 12px 22px -12px rgba(138, 43, 24, 0.55);
  transition: filter 0.2s ease, transform 0.2s ease;
}
.login-modal__submit:hover, .login-modal__submit:focus-visible {
  filter: brightness(1.07);
  transform: translateY(-1px);
  outline: none;
}
.login-modal__submit:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ---------------------------------------------------------------------------
   "Not a member yet?" join CTA under the form.
--------------------------------------------------------------------------- */
.login-modal__join {
  margin: 24px 0 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 15px;
  color: #8A8271;
  text-align: center;
}
.login-modal__join a {
  color: #6E5926;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
.login-modal__join a:hover {
  color: #343332;
  text-decoration: none;
}

/* ---------------------------------------------------------------------------
   Embedded login page - centered card layout for /my-account/ when
   logged out. Same form styles as the modal, but in-flow without the
   fixed overlay.
--------------------------------------------------------------------------- */
.login-page {
  min-height: 70vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 64px 24px;
}
@media (max-width: 776px) {
  .login-page {
    min-height: 50vh;
    padding: 32px 16px;
  }
}

.login-page__inner {
  width: 100%;
  max-width: 440px;
  margin: 0 auto;
}
.login-page__inner .login-modal__content {
  text-align: center;
}

/* ---------------------------------------------------------------------------
   Lost-password shell. Same .login-page geometry as the embedded login
   form, plus form-specific styles for the WC template overrides at
   woocommerce/myaccount/form-lost-password.php and form-reset-password.php.
   The forms themselves reuse .login-modal__input / __submit, but WC's
   <p class="woocommerce-form-row"> wrappers drag in unwanted default styles
   from the base WC stylesheet (grid layout, tiny inputs). We reset those
   under the lost-form scope so the card looks of a piece with the login
   shell regardless of WC's own CSS load order.
--------------------------------------------------------------------------- */
.login-page--lost .login-modal__form--lost {
  text-align: left;
  margin-top: 0;
}
.login-page--lost .login-modal__notices--lost:empty {
  display: none;
}
.login-page--lost .login-modal__join--lost {
  margin-top: 24px;
}

.cl-lost-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
}
.cl-lost-form p {
  margin: 0;
  padding: 0;
  width: 100%;
}
.cl-lost-form .form-row,
.cl-lost-form .form-row-first,
.cl-lost-form .form-row-last,
.cl-lost-form .woocommerce-form-row {
  width: 100%;
  float: none;
  padding: 0;
  margin: 0;
}
.cl-lost-form__input {
  width: 100%;
}
.cl-lost-form__submit-row {
  margin-top: 8px;
}
.cl-lost-form__submit {
  width: 100%;
}

body.cl-unlock26::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 99;
  opacity: 0.05;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0.4 0'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: 260px 260px;
}

@media (max-width: 760px) {
  body.cl-unlock26 .site-footer .site-footer__inner {
    padding-bottom: 110px;
  }
  .un26-page h2 {
    font-size: clamp(26px, 7.5vw, 34px) !important;
  }
}
.un26-page {
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
}

.un26-wrap {
  max-width: 1280px;
  margin: 0 auto;
  padding: 88px 40px;
}
@media (max-width: 760px) {
  .un26-wrap {
    padding: 52px 18px;
  }
}

.un26-eyebrow {
  margin: 0;
  text-align: center;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.3em;
  color: #8A734A;
}

.un26-h2 {
  margin: 18px auto 0;
  text-align: center;
  font-weight: 300;
  font-size: clamp(34px, 3vw, 48px);
  line-height: 1.1;
}

.un26-sub {
  margin: 16px auto 0;
  text-align: center;
  font-size: 18px;
  line-height: 1.55;
  color: #3b3830;
  max-width: 560px;
}

.un26-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 54px;
  padding: 0 48px;
  border-radius: 5px;
  background: var(--cl-accent, #B0402E) url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-cta-button.jpg") repeat;
  background-size: 400px;
  color: #ffffff;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.26em;
  text-decoration: none;
  transition: filter 0.15s;
}
.un26-cta:hover, .un26-cta:focus-visible {
  filter: brightness(1.12);
  color: #ffffff;
  text-decoration: none;
}

.un26-fine {
  margin: 16px 0 0;
  text-align: center;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12.5px;
  color: #60594d;
}

.un26-rule {
  border-bottom: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: 0 1px 0 rgba(207, 196, 187, 0.3), 0 2px 0 #ffffff;
}

.un26-hr3 {
  -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
  mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}
.un26-hr3 i {
  display: block;
  height: 1px;
}
.un26-hr3 i:nth-child(1) {
  background: rgba(207, 196, 187, 0.1);
}
.un26-hr3 i:nth-child(2) {
  background: rgba(207, 196, 187, 0.3);
}
.un26-hr3 i:nth-child(3) {
  background: #ffffff;
}

.un26-divider-img {
  display: block;
  height: auto;
  margin: 40px auto 0;
  max-width: 100%;
}

.un26-head {
  padding: 0 56px;
  flex: none;
  position: relative;
  z-index: 700;
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
}
@media (max-width: 760px) {
  .un26-head {
    padding: 0 18px;
  }
}

.un26-head__bar {
  max-width: 1560px;
  margin: 0 auto;
  position: relative;
  height: 104px;
  display: flex;
  align-items: center;
  gap: clamp(20px, 2.4vw, 48px);
  border-bottom: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: 0 1px 0 rgba(207, 196, 187, 0.3), 0 2px 0 #ffffff;
}
@media (max-width: 760px) {
  .un26-head__bar {
    height: 76px;
    justify-content: center;
  }
}

.un26-head__trust {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  gap: 12px;
  white-space: nowrap;
}
@media (max-width: 760px) {
  .un26-head__trust {
    display: none;
  }
}

.un26-head__stars {
  color: #D6B587;
  font-size: 15px;
  letter-spacing: 0.14em;
}

.un26-head__trustline {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
  color: #60594d;
}

.un26-head__logo {
  flex: none;
}
.un26-head__logo img {
  display: block;
  width: clamp(200px, 22vw, 380px);
  height: auto;
}
@media (max-width: 760px) {
  .un26-head__logo img {
    width: 210px;
  }
}

.un26-head__right {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
  white-space: nowrap;
}
@media (max-width: 760px) {
  .un26-head__right {
    display: none;
  }
}

.un26-head__price {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 16px;
  color: #60594d;
}
.un26-head__price strong {
  font-weight: 600;
  color: #343332;
}

.un26-head__cta {
  display: inline-flex;
  align-items: center;
  height: 38px;
  padding: 0 22px;
  border-radius: 5px;
  background: var(--cl-accent, #B0402E) url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-cta-button.jpg") repeat;
  background-size: 400px;
  color: #ffffff;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: clamp(14px, 1.1vw, 16px);
  font-weight: 600;
  letter-spacing: 0.12em;
  text-decoration: none;
  transition: filter 0.15s;
}
.un26-head__cta:hover, .un26-head__cta:focus-visible {
  filter: brightness(1.12);
  color: #ffffff;
  text-decoration: none;
}

.un26-hero {
  position: relative;
  overflow: hidden;
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
}

.un26-hero__stage {
  width: 100%;
  max-width: 1672px;
  margin: 0 auto;
  position: relative;
  min-height: 843px;
}
@media (max-width: 1087px) {
  .un26-hero__stage {
    min-height: 632px;
  }
}
@media (max-width: 760px) {
  .un26-hero__stage {
    min-height: 0;
  }
}

.un26-hero__flowers {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  pointer-events: none;
  user-select: none;
}

.un26-hero__body {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 100px 32px 96px;
}
@media (max-width: 1087px) {
  .un26-hero__body {
    padding-top: 50px;
  }
}

.un26-hero__eyebrow {
  margin: 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.34em;
  color: #3f3b34;
  padding-left: 0.34em;
  line-height: 2;
}
@media (max-width: 760px) {
  .un26-hero__eyebrow {
    font-size: 10px;
  }
}

.un26-hero__title {
  margin: 21px 0 0;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 400;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  font-size: 56px;
  line-height: 1.2;
  color: #3b3831;
}
@media (max-width: 760px) {
  .un26-hero__title {
    font-size: 32px;
  }
}

@media (max-width: 1350px) {
  .un26-desk-br {
    display: none;
  }
}
.un26-hero__sub {
  margin: 24px auto 0;
  max-width: 720px;
  font-size: 21px;
  color: #3b3830;
}
@media (max-width: 760px) {
  .un26-hero__sub {
    font-size: 17px;
    padding: 0 18px;
  }
}

.un26-hero__ctarow {
  margin-top: 42px;
}

.un26-cta--hero {
  width: 348px;
  height: 54px;
  padding: 0;
  font-size: 14px;
  letter-spacing: 0.3em;
  padding-left: 0.3em;
  box-sizing: border-box;
}
@media (max-width: 760px) {
  .un26-cta--hero {
    width: calc(100% - 36px);
    max-width: 348px;
  }
}

.un26-hero__fine {
  margin-top: 22px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 13px;
  letter-spacing: 0.02em;
  color: #60594d;
}
.un26-hero__fine strong {
  font-weight: 600;
  color: #343332;
}

.un26-hero__explore {
  margin-top: 16px;
}
.un26-hero__explore a {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 17px;
  color: #60594d;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-color: rgba(138, 115, 74, 0.45);
}
.un26-hero__explore a:hover, .un26-hero__explore a:focus-visible {
  color: #343332;
  text-decoration-color: currentColor;
}

.un26-hero__stats {
  margin: 48px auto 0;
  max-width: 760px;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 5px;
  background: rgba(253, 251, 245, 0.72);
  box-shadow: inset 0 0 0 1px rgba(207, 196, 187, 0.12), 0 1px 0 #ffffff, 0 -1px 0 #ffffff, 1px 0 0 #ffffff, -1px 0 0 #ffffff;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  padding: 22px 8px;
}
@media (max-width: 760px) {
  .un26-hero__stats {
    margin-top: 36px;
    padding: 14px 2px;
  }
}

.un26-hero__stat {
  text-align: center;
  padding: 4px 12px;
}
.un26-hero__stat + .un26-hero__stat {
  border-left: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: inset 1px 0 0 rgba(207, 196, 187, 0.3), inset 2px 0 0 #ffffff;
}
.un26-hero__stat b {
  display: block;
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #343332;
}
@media (max-width: 760px) {
  .un26-hero__stat b {
    font-size: 17px;
  }
}
.un26-hero__stat span {
  display: block;
  margin-top: 6px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.26em;
  color: #60594d;
}
@media (max-width: 760px) {
  .un26-hero__stat span {
    font-size: 8px;
    letter-spacing: 0.14em;
  }
}

@keyframes un26-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.un26-band {
  position: relative;
  overflow: hidden;
}

.un26-marquee {
  margin: 0;
  padding: 26px 0;
  position: relative;
  z-index: 2;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent, black 14%, black 86%, transparent);
  mask-image: linear-gradient(to right, transparent, black 14%, black 86%, transparent);
}
.un26-marquee__track {
  display: flex;
  width: max-content;
  animation: un26-marquee 55s linear infinite;
}
.un26-marquee__set {
  display: flex;
  align-items: center;
  flex: none;
}
.un26-marquee__item {
  white-space: nowrap;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.26em;
  color: #3a372f;
}
.un26-marquee__dot {
  padding: 0 30px;
  font-style: italic;
  color: #60594d;
}

@media (max-width: 760px) {
  .un26-trust {
    display: none;
  }
}
.un26-trust .un26-wrap {
  padding-bottom: 88px;
}

.un26-stars {
  color: #D6B587;
  letter-spacing: 0.14em;
}

.un26-trust__wall {
  margin-top: 44px;
  max-height: 1041px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to bottom, black calc(100% - 150px), transparent calc(100% - 6px));
  mask-image: linear-gradient(to bottom, black calc(100% - 150px), transparent calc(100% - 6px));
}

.un26-trust__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  align-items: start;
}

.un26-trust__col {
  display: grid;
  gap: 24px;
  align-items: start;
}

.un26-rcard {
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
  border-radius: 5px;
  box-shadow: 0 10px 24px -14px rgba(52, 51, 50, 0.3);
  overflow: hidden;
}
.un26-rcard--quote {
  padding: 20px 22px 22px;
  overflow: visible;
}
.un26-rcard img {
  display: block;
  width: 100%;
  height: auto;
}
.un26-rcard img.un26-rcard__sq {
  aspect-ratio: 1/1;
  object-fit: cover;
}
.un26-rcard__body {
  padding: 18px 22px 20px;
}
.un26-rcard__label {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
  color: #8A734A;
}
.un26-rcard__stars {
  color: #D6B587;
  font-size: 14px;
  letter-spacing: 3px;
}
.un26-rcard__quote {
  margin: 12px 0 0;
  font-size: 16.5px;
  line-height: 1.55;
  color: #343332;
}
.un26-rcard__name {
  margin-top: 14px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #45413a;
}
.un26-rcard__name span {
  font-weight: 400;
  color: #8a8271;
}

.un26-inside__grid {
  margin-top: 44px;
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 48px 60px;
}
.un26-inside__grid::before, .un26-inside__grid::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: rgba(207, 196, 187, 0.35);
  box-shadow: 1px 0 0 #ffffff;
  pointer-events: none;
}
.un26-inside__grid::before {
  left: calc(33.333% - 10px);
}
.un26-inside__grid::after {
  left: calc(66.667% + 10px);
}
@media (max-width: 760px) {
  .un26-inside__grid {
    grid-template-columns: 1fr;
    row-gap: 36px;
  }
  .un26-inside__grid::before, .un26-inside__grid::after {
    display: none;
  }
}

.un26-inside__media {
  aspect-ratio: 16/10;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 5px;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(207, 196, 187, 0.12), 0 1px 0 #ffffff;
}
.un26-inside__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.7s cubic-bezier(0.2, 0.6, 0.2, 1);
}
.un26-inside__media:hover img {
  transform: scale(1.045);
}

.un26-inside__kicker {
  margin: 18px 0 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.26em;
  color: #ab9c85;
}

.un26-inside__title {
  margin: 8px 0 0;
  font-weight: 300;
  font-size: 24px;
}
@media (max-width: 760px) {
  .un26-inside__title {
    font-size: 21px;
  }
}

.un26-inside__copy {
  margin: 6px 0 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 14.5px;
  line-height: 1.65;
  color: #4a463e;
}

.un26-gal {
  position: relative;
  z-index: 1;
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
}
.un26-gal__wrap {
  max-width: 1400px;
  margin: 0 auto;
  padding: 96px 40px 40px;
}
@media (max-width: 760px) {
  .un26-gal__wrap {
    padding: 48px 18px 32px;
  }
}

.un26-gal__head {
  display: grid;
  grid-template-columns: 1fr 3fr 1fr;
  align-items: end;
  gap: 24px;
}
@media (max-width: 760px) {
  .un26-gal__head {
    grid-template-columns: 1fr;
  }
}

.un26-gal__roman {
  width: 100%;
  max-width: 250px;
  height: auto;
  margin-bottom: -36px;
  pointer-events: none;
  user-select: none;
}
.un26-gal__roman--l {
  justify-self: start;
}
.un26-gal__roman--r {
  justify-self: end;
}
@media (max-width: 760px) {
  .un26-gal__roman {
    display: none !important;
  }
}

.un26-gal__rule {
  margin: 36px 0 0;
  border-bottom: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: 0 1px 0 rgba(207, 196, 187, 0.3), 0 2px 0 #ffffff;
}

.un26-gal__rule--tight {
  margin-top: 22px;
}

.un26-gal__tabs {
  margin-top: 22px;
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
}
.un26-gal__tabs button {
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0 2px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 19px;
  color: #8a8271;
  border-bottom: 2px solid transparent;
}
.un26-gal__tabs button.is-active {
  color: #343332;
}

.un26-gmedia {
  position: relative;
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
  border: 1px solid #D6B587;
  border-radius: 5px;
  overflow: hidden;
}
.un26-gmedia img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}
.un26-gmedia:hover img {
  transform: scale(1.045);
}

.un26-gchip {
  position: absolute;
  left: 12px;
  bottom: 12px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(253, 251, 245, 0.95);
  border: 1px solid #D6B587;
  border-radius: 3px;
  padding: 5px 10px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.16em;
  color: #60594d;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.25s ease, transform 0.25s ease;
  pointer-events: none;
}
.un26-gmedia:hover .un26-gchip {
  opacity: 1;
  transform: translateY(0);
}

.un26-gal__std {
  margin-top: 48px;
  display: grid;
  grid-template-columns: 1.05fr 1fr 1fr;
  gap: 0;
}
@media (max-width: 1087px) {
  .un26-gal__std {
    grid-template-columns: 1fr;
    row-gap: 40px;
  }
}

.un26-gal__colfeat {
  padding-right: 36px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1087px) {
  .un26-gal__colfeat {
    padding-right: 0;
  }
}

.un26-gal__colmid {
  border-left: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: inset 1px 0 0 rgba(207, 196, 187, 0.3), inset 2px 0 0 #ffffff;
  padding: 0 36px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 1087px) {
  .un26-gal__colmid {
    padding: 0;
    border-left: none;
    box-shadow: none;
  }
}

.un26-gal__colend {
  border-left: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: inset 1px 0 0 rgba(207, 196, 187, 0.3), inset 2px 0 0 #ffffff;
  padding-left: 36px;
  display: flex;
  flex-direction: column;
  gap: 34px;
}
@media (max-width: 1087px) {
  .un26-gal__colend {
    padding-left: 0;
    border-left: none;
    box-shadow: none;
    gap: 40px;
  }
}

.un26-gal__cell {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.un26-gmedia--feat {
  flex: 1 1 auto;
  min-height: 420px;
  box-shadow: 0 18px 34px -18px rgba(52, 51, 50, 0.35);
}
@media (max-width: 1087px) {
  .un26-gmedia--feat {
    flex: none;
    min-height: 0;
    aspect-ratio: 4/4.6;
  }
}

.un26-gmedia--tall {
  flex: 1 1 auto;
  min-height: 220px;
}
@media (max-width: 1087px) {
  .un26-gmedia--tall {
    flex: none;
    min-height: 0;
    aspect-ratio: 16/7;
  }
}

.un26-gmedia--wide {
  aspect-ratio: 16/7;
}

.un26-gal__from {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.22em;
  color: #8A734A;
}

.un26-gal__feattitle {
  margin: 10px 0 0;
}
.un26-gal__feattitle h3 {
  margin: 0;
  font-weight: 300;
  font-size: 26px;
  line-height: 1.25;
}

.un26-gal__featdiv {
  display: none;
  margin-top: 40px;
  border-bottom: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: 0 1px 0 rgba(207, 196, 187, 0.3), 0 2px 0 #ffffff;
}
@media (max-width: 1087px) {
  .un26-gal__featdiv {
    display: block;
  }
}

.un26-gal__caption {
  margin-top: 14px;
  display: flex;
  align-items: baseline;
  gap: 12px;
}
.un26-gal__caption h3 {
  margin: 0;
  font-weight: 300;
  font-size: 22px;
  line-height: 1.3;
  flex: 0 1 auto;
  min-width: 0;
}
.un26-gal__caption i {
  flex: 1 0 24px;
  border-bottom: 1px dotted rgba(214, 181, 135, 0.9);
  transform: translateY(-4px);
}
.un26-gal__caption em {
  flex: none;
  white-space: nowrap;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-style: normal;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.16em;
  color: #8A734A;
}

.un26-gal__mm {
  margin-top: 48px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px 26px;
}
@media (max-width: 760px) {
  .un26-gal__mm {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 22px;
  }
}

.un26-gal__mmcell {
  display: flex;
  flex-direction: column;
}
.un26-gal__mmcell .un26-gmedia {
  aspect-ratio: 14/9;
}
.un26-gal__mmcell .un26-gal__caption {
  margin-top: 12px;
  gap: 10px;
}
.un26-gal__mmcell .un26-gal__caption h3 {
  font-size: 17px;
}
.un26-gal__mmcell .un26-gal__caption i {
  flex-basis: 18px;
  transform: translateY(-2px);
}

.un26-gal__close {
  margin-top: 80px;
  text-align: center;
}
.un26-gal__close p.un26-gal__more {
  margin: 26px auto 0;
  max-width: 560px;
  font-size: 22px;
  line-height: 1.5;
}
@media (max-width: 760px) {
  .un26-gal__close p.un26-gal__more {
    font-size: 18px;
  }
}
.un26-gal__close .un26-cta {
  margin-top: 26px;
}

.un26-mwl {
  position: relative;
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-153.jpg") repeat;
  background-size: 153px 153px;
}
.un26-mwl__wrap {
  max-width: 1280px;
  margin: 0 auto;
  padding: 64px 40px 40px;
}
@media (max-width: 760px) {
  .un26-mwl__wrap {
    padding: 40px 18px 28px;
  }
}

.un26-mwl__hint-i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #FDFBF5;
  border: 1px solid rgba(139, 115, 74, 0.4);
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 12px;
  color: #8A734A;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

.un26-mwl__viewport {
  position: relative;
  margin: 32px 0 0;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent, black 14%, black 86%, transparent);
  mask-image: linear-gradient(to right, transparent, black 14%, black 86%, transparent);
}

.un26-mwl__stage {
  position: relative;
  width: calc(100% - 80px);
  max-width: 1200px;
  margin: 0 auto;
}
@media (max-width: 760px) {
  .un26-mwl__stage {
    width: calc(100% - 24px);
  }
}

.un26-mwl__ratio {
  position: relative;
  aspect-ratio: 1363/810;
}

.un26-mwl__slide {
  position: absolute;
  top: 50%;
  width: 75%;
  transform: translateY(-50%);
  transition: left 0.6s ease, opacity 0.6s ease;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 5px;
  box-shadow: 0 1px 0 #ffffff, 0 28px 56px -28px rgba(52, 51, 50, 0.35);
}

.un26-mwl__art {
  display: block;
  width: 100%;
  aspect-ratio: 1363/1024;
  background-size: cover;
  background-position: center;
  border-radius: 5px;
}

.un26-hot {
  position: absolute;
  z-index: 3;
}
.un26-hot:hover, .un26-hot:focus-within {
  z-index: 10;
}

.un26-hot__dot {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(253, 251, 245, 0.95);
  border: 1px solid rgba(139, 115, 74, 0.5);
  box-shadow: 0 4px 12px rgba(20, 18, 15, 0.3);
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 15px;
  color: #8A734A;
  cursor: pointer;
  transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}
.un26-hot:hover .un26-hot__dot, .un26-hot:focus-within .un26-hot__dot {
  background: #B0402E;
  color: #FDFBF5;
  transform: scale(1.12);
}

.un26-hot .cl-tip26m {
  position: absolute;
  left: 50%;
  width: 260px;
  margin-left: -130px;
  background: #FDFBF5;
  border: 1px solid rgba(207, 196, 187, 0.5);
  border-radius: 4px;
  padding: 14px 16px;
  box-shadow: 0 16px 36px -12px rgba(52, 51, 50, 0.4);
  text-align: left;
  z-index: 4;
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
}
@media (max-width: 760px) {
  .un26-hot .cl-tip26m {
    width: 190px;
    margin-left: -95px !important;
  }
}
.un26-hot .cl-tip26m p:nth-child(1) {
  margin: 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.22em;
  color: #ab9c85;
}
.un26-hot .cl-tip26m p:nth-child(2) {
  margin: 6px 0 0;
  font-size: 15px;
  font-weight: 600;
  color: #343332;
}
.un26-hot .cl-tip26m p:nth-child(3) {
  margin: 4px 0 0;
  font-size: 13.5px;
  line-height: 1.5;
  color: #3b3830;
}

.un26-hot:hover .cl-tip26m,
.un26-hot:focus-within .cl-tip26m {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.un26-hot--below .cl-tip26m {
  top: calc(100% + 12px);
}

.un26-hot--above .cl-tip26m {
  bottom: calc(100% + 12px);
}

.un26-mwl__nav {
  margin-top: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.un26-mwl__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #FDFBF5;
  border: 1px solid rgba(139, 115, 74, 0.4);
  box-shadow: 0 1px 0 #ffffff;
  color: #8A734A;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
.un26-mwl__arrow:hover, .un26-mwl__arrow:focus-visible {
  background: #B0402E;
  color: #FDFBF5;
  border-color: #B0402E;
}

.un26-mwl__dots {
  display: flex;
  gap: 10px;
}

.un26-mwl__dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 1px solid rgba(139, 115, 74, 0.6);
  background: transparent;
  cursor: pointer;
  padding: 0;
}
.un26-mwl__dot.is-on {
  background: #8A734A;
}

.un26-mwl__tail {
  height: 56px;
}

.un26-gal__slider {
  display: none;
  margin-top: 28px;
  position: relative;
  overflow: hidden;
}

.un26-gal__slider-ratio {
  position: relative;
  aspect-ratio: 1/1.22;
}

.un26-gal__slide {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  transition: left 0.5s ease, opacity 0.5s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 14px;
}

.un26-gmedia--mslide {
  flex: 1 1 0%;
  min-height: 0;
  box-shadow: 0 14px 28px -16px rgba(52, 51, 50, 0.35);
}

.un26-gchip--info {
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  padding: 8px 12px;
  max-width: calc(100% - 24px);
  box-sizing: border-box;
  opacity: 1;
  transform: none;
}
.un26-gchip--info .un26-gchip__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-size: 19px;
  line-height: 1.2;
  color: #343332;
  letter-spacing: 0;
  text-transform: none;
}
.un26-gchip--info .un26-gchip__cat {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: 0.18em;
  color: #8A734A;
}

.un26-gal__slidenav {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
}

@media (max-width: 760px) {
  .un26-gal__std {
    display: none !important;
  }
  .un26-gal__slider {
    display: block;
  }
}
.un26-light {
  position: fixed;
  inset: 0;
  z-index: 900;
  background: rgba(26, 24, 21, 0.88);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px;
}
.un26-light[hidden] {
  display: none;
}
.un26-light img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 5px;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5);
}

.un26-light__close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid rgba(246, 238, 223, 0.4);
  background: rgba(253, 251, 245, 0.14);
  color: #F6EEDF;
  font-family: Georgia, serif;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

@media (max-width: 760px) {
  .un26-mwl__art {
    cursor: zoom-in;
  }
  .un26-mwl__viewport {
    -webkit-mask-image: none;
    mask-image: none;
  }
  .un26-mwl__ratio {
    aspect-ratio: 1363/1024;
  }
}
.un26-only-mobile {
  display: none;
}

@media (max-width: 760px) {
  .un26-only-mobile {
    display: inline;
  }
  .un26-hide-mobile {
    display: none;
  }
}
.un26-tour .un26-wrap {
  padding: 72px 40px 40px;
}
@media (max-width: 760px) {
  .un26-tour .un26-wrap {
    padding: 44px 18px 28px;
  }
}

.un26-tour__frame {
  position: relative;
  max-width: 960px;
  margin: 52px auto 0;
}

.un26-flourish {
  position: absolute;
  top: 50%;
  margin-top: -375px;
  width: 300px;
  height: auto;
  z-index: 0;
  pointer-events: none;
  user-select: none;
  opacity: 0;
  transition: opacity 1s ease, transform 1s ease;
  will-change: opacity, transform;
}
.un26-flourish--l {
  left: calc(50% - 50vw);
  transform: translateX(-72px);
}
.un26-flourish--r {
  right: calc(50% - 50vw);
  transform: translateX(72px);
}
.un26-flourish.cl-seen {
  opacity: 1;
  transform: translateX(0);
}
@media (max-width: 1200px) {
  .un26-flourish {
    display: none !important;
  }
}

.un26-tour__video {
  position: relative;
  z-index: 1;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 5px;
  overflow: hidden;
  background: #343332;
  box-shadow: 0 1px 0 #ffffff, 0 28px 56px -28px rgba(52, 51, 50, 0.45);
}
.un26-tour__video img, .un26-tour__video video, .un26-tour__video iframe {
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border: 0;
}

.un26-tour__play {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.un26-tour__play span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 84px;
  height: 84px;
  border-radius: 50%;
  background: rgba(253, 251, 245, 0.94);
  box-shadow: 0 12px 30px rgba(20, 18, 15, 0.4);
  transition: transform 0.2s ease;
}
.un26-tour__play:hover span {
  transform: scale(1.07);
}
.un26-tour__play svg {
  display: block;
  margin-left: 5px;
}

.un26-benefits {
  margin-top: 84px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 48px 60px;
}
@media (max-width: 900px) {
  .un26-benefits {
    grid-template-columns: 1fr;
    row-gap: 44px;
  }
}

.un26-benefit {
  text-align: center;
}
.un26-benefit img {
  display: block;
  width: 100%;
  height: 320px;
  object-fit: contain;
}
.un26-benefit h3 {
  margin: 26px 0 0;
  font-weight: 300;
  font-size: 24px;
}
@media (max-width: 760px) {
  .un26-benefit h3 {
    font-size: 21px;
  }
}
.un26-benefit p {
  margin: 10px auto 0;
  max-width: 330px;
  font-size: 16.5px;
  line-height: 1.6;
  color: #3b3830;
}

.un26-studio {
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-153.jpg") repeat;
  background-size: 153px 153px;
}
.un26-studio .un26-wrap {
  padding: 64px 40px 64px;
}
@media (max-width: 760px) {
  .un26-studio .un26-wrap {
    padding: 40px 18px 40px;
  }
}

.un26-studio__sub {
  margin: 16px auto 0;
  text-align: center;
  font-size: 18px;
  line-height: 1.55;
  color: #3b3830;
  max-width: 640px;
  line-height: 1.65;
}

.un26-studio__ba {
  margin: 52px auto 0;
  max-width: 1000px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 28px;
  align-items: center;
}
@media (max-width: 760px) {
  .un26-studio__ba {
    grid-template-columns: 1fr;
  }
}

.un26-studio__shot {
  aspect-ratio: 4/3;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 5px;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(207, 196, 187, 0.12), 0 1px 0 #ffffff;
}
.un26-studio__shot img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.un26-studio__shotlabel {
  margin: 12px 0 0;
  text-align: center;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.2em;
  color: #ab9c85;
}

.un26-studio__apply {
  text-align: center;
}
.un26-studio__apply img {
  display: block;
  width: 110px;
  height: auto;
  margin: 0 auto;
}
@media (max-width: 760px) {
  .un26-studio__apply img {
    transform: rotate(90deg);
    margin: 42px auto;
  }
}
.un26-studio__apply .un26-studio__applyname {
  margin: 12px 0 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 19px;
  color: #343332;
}
.un26-studio__apply .un26-studio__applyhint {
  margin: 6px 0 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.2em;
  color: #8A734A;
}

.un26-studio__how {
  margin: 72px auto 0;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 14px;
}
.un26-studio__how em {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 21px;
  color: #343332;
}
.un26-studio__how span {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.2em;
  color: #8A734A;
}

.un26-studio__steps {
  margin: 28px auto 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}
@media (max-width: 760px) {
  .un26-studio__steps {
    grid-template-columns: 1fr;
  }
}

.un26-step {
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
  border: 1px solid rgba(207, 196, 187, 0.4);
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 1px 0 #ffffff, 0 18px 34px -20px rgba(52, 51, 50, 0.3);
}
.un26-step__bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-bottom: 1px solid rgba(207, 196, 187, 0.4);
}
.un26-step__dots {
  display: flex;
  gap: 5px;
}
.un26-step__dots i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid rgba(139, 115, 74, 0.5);
}
.un26-step__url {
  flex: 1;
  text-align: center;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10.5px;
  color: #8a8271;
}
.un26-step img {
  display: block;
  width: 100%;
  height: auto;
}
.un26-step__body {
  padding: 20px 24px 24px;
}
.un26-step__no {
  margin: 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.22em;
  color: #ab9c85;
}
.un26-step h3 {
  margin: 8px 0 0;
  font-weight: 300;
  font-size: 23px;
  line-height: 1.25;
}
@media (max-width: 760px) {
  .un26-step h3 {
    font-size: 21px;
  }
}
.un26-step p:last-child {
  margin: 8px 0 0;
  font-size: 15.5px;
  line-height: 1.6;
  color: #3b3830;
}

.un26-studio__foot {
  margin: 64px 0 0;
  text-align: center;
}
.un26-studio__foot .un26-studio__nocost {
  margin: 0 auto;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.26em;
  color: #8A734A;
}
.un26-studio__foot h3 {
  margin: 14px auto 0;
  font-weight: 300;
  font-size: clamp(26px, 2.4vw, 34px);
  line-height: 1.2;
  max-width: 640px;
}
.un26-studio__foot p {
  margin: 14px auto 0;
  max-width: 560px;
  font-size: 18px;
  line-height: 1.65;
  color: #3b3830;
}
.un26-studio__foot .un26-cta {
  margin-top: 24px;
}

.un26-mani {
  position: relative;
  overflow: hidden;
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-153.jpg") repeat;
  background-size: 153px 153px;
}
.un26-mani__wrap {
  position: relative;
  max-width: 1080px;
  margin: 0 auto;
  padding: 48px 40px 96px;
}
@media (max-width: 760px) {
  .un26-mani__wrap {
    padding: 32px 12px 64px;
  }
}

.un26-mani__bloom {
  position: absolute;
  top: calc(78px + (100% - 174px) / 2);
  height: auto;
  max-height: calc(100% - 174px);
  width: auto;
  pointer-events: none;
  user-select: none;
}
.un26-mani__bloom--l {
  left: 40px;
  transform: translate(-100%, -50%);
}
.un26-mani__bloom--r {
  right: 40px;
  transform: translate(100%, -50%);
}

.un26-mani__shadow {
  position: relative;
  z-index: 1;
  margin-top: 30px;
  filter: drop-shadow(0 20px 30px rgba(52, 51, 50, 0.22));
}

.un26-mani__card {
  position: relative;
  padding: 72px 64px;
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
  clip-path: polygon(18px 0, calc(100% - 18px) 0, 100% 18px, 100% calc(100% - 18px), calc(100% - 18px) 100%, 18px 100%, 0 calc(100% - 18px), 0 18px);
}
@media (max-width: 760px) {
  .un26-mani__card {
    padding: 44px 32px;
  }
}
.un26-mani__card-ring {
  position: absolute;
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 12px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px), 0 12px);
}
.un26-mani__card-ring--tint {
  inset: 10px;
  background: rgba(207, 196, 187, 0.45);
}
.un26-mani__card-ring--lip {
  inset: 11px;
  background: #ffffff;
}
.un26-mani__card-ring--face {
  inset: 12px;
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
}
@media (max-width: 760px) {
  .un26-mani__card-ring {
    display: none !important;
  }
}
.un26-mani__card-body {
  position: relative;
}

.un26-mani__rose {
  display: block;
  width: 100px;
  height: auto;
  margin: 0 auto 28px;
}

.un26-mani__title {
  margin: 26px auto 0;
  text-align: center;
  font-weight: 300;
  font-size: clamp(40px, 3.9vw, 62px);
  line-height: 1.18;
  max-width: 900px;
}

.un26-mani__sub {
  margin: 28px auto 0;
  text-align: center;
  max-width: 560px;
  font-size: 19px;
  line-height: 1.7;
  color: #3b3830;
}
@media (max-width: 760px) {
  .un26-mani__sub {
    font-size: 16.5px;
  }
}

.un26-mani__panel {
  margin-top: 52px;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 5px;
  box-shadow: inset 0 0 0 1px rgba(207, 196, 187, 0.12), 0 1px 0 #ffffff, 0 -1px 0 #ffffff, 1px 0 0 #ffffff, -1px 0 0 #ffffff;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding: 28px 8px;
}
@media (max-width: 760px) {
  .un26-mani__panel {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 22px;
  }
}

.un26-mani__num {
  text-align: center;
  padding: 6px 12px;
}
.un26-mani__num b {
  display: block;
  font-size: 38px;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #343332;
}
@media (max-width: 760px) {
  .un26-mani__num b {
    font-size: 28px;
  }
}
.un26-mani__num span {
  display: block;
  margin-top: 8px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.28em;
  color: #60594d;
}
.un26-mani__num + .un26-mani__num {
  border-left: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: inset 1px 0 0 rgba(207, 196, 187, 0.3), inset 2px 0 0 #ffffff;
}
@media (max-width: 760px) {
  .un26-mani__num + .un26-mani__num:nth-child(3) {
    border-left: 0;
    box-shadow: none;
  }
}

.un26-mani__panelrule {
  grid-column: 1/-1;
  margin: 26px 14px;
  border-bottom: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: 0 1px 0 rgba(207, 196, 187, 0.3), 0 2px 0 #ffffff;
}

.un26-mani__panelhead {
  grid-column: 1/-1;
  margin: 0 0 24px;
  text-align: center;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.3em;
  color: #8A734A;
}

.un26-mani__why {
  text-align: left;
  padding: 8px 22px;
}
.un26-mani__why + .un26-mani__why {
  border-left: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: inset 1px 0 0 rgba(207, 196, 187, 0.3), inset 2px 0 0 #ffffff;
}
@media (max-width: 760px) {
  .un26-mani__why {
    grid-column: 1/-1;
    padding: 10px 4px;
  }
  .un26-mani__why + .un26-mani__why {
    border-left: 0;
    box-shadow: none;
  }
}
.un26-mani__why img {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  height: auto;
  object-fit: cover;
  border-radius: 5px;
  border: 1px solid rgba(207, 196, 187, 0.4);
}
.un26-mani__why h3 {
  margin: 16px 0 0;
  font-weight: 300;
  font-size: 21px;
}
.un26-mani__why p {
  margin: 6px 0 0;
  font-size: 14.5px;
  line-height: 1.55;
  color: #3b3830;
}

.un26-mani__divider {
  display: block;
  width: 300px;
  max-width: 100%;
  height: auto;
  margin: 44px auto 0;
}

.un26-price {
  position: relative;
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
}
.un26-price .un26-wrap {
  padding: 96px 40px;
}
@media (max-width: 760px) {
  .un26-price .un26-wrap {
    padding: 56px 18px;
  }
}

.un26-price__h2 {
  margin: 22px 0 0;
  text-align: center;
  font-weight: 300;
  font-size: clamp(38px, 3.6vw, 56px);
  line-height: 1.1;
}

.un26-price__meta {
  margin: 22px 0 0;
  text-align: center;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 14px;
  color: #4a463e;
}
.un26-price__meta .un26-stars {
  color: #D6B587;
}

.un26-price__pick {
  max-width: 640px;
  margin: 56px auto 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
@media (max-width: 760px) {
  .un26-price__pick {
    grid-template-columns: 1fr;
  }
}

.un26-price__radio {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  text-align: left;
  cursor: pointer;
  padding: 18px 22px;
  background: rgba(253, 251, 245, 0.45);
  border: 1px solid #E0C8A5;
  border-radius: 5px;
  box-shadow: none;
  font-family: inherit;
  transition: background 0.15s ease, box-shadow 0.15s ease;
}
.un26-price__radio.is-on {
  background: #FDFBF5;
  box-shadow: 0 12px 26px -12px rgba(52, 51, 50, 0.35);
}
.un26-price__radio .un26-price__dotring {
  flex: none;
  margin-top: 4px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid rgba(139, 115, 74, 0.55);
  background: #FDFBF5;
  display: inline-grid;
  place-items: center;
}
.un26-price__radio .un26-price__dotring i {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: transparent;
  transition: background 0.15s;
}
.un26-price__radio.is-on .un26-price__dotring i {
  background: var(--cl-accent, #B0402E);
}
.un26-price__radio .un26-price__radiotitle {
  display: block;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-weight: 500;
  font-size: 20px;
  color: #343332;
}
.un26-price__radio .un26-price__radiosub {
  display: block;
  margin-top: 5px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 13px;
  color: #60594d;
}

.un26-price__cardwrap {
  max-width: 560px;
  margin: 26px auto 0;
}

.un26-price__banner {
  text-align: center;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.24em;
  color: #FDFBF5;
  background: var(--cl-accent, #B0402E) url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-cta-button.jpg") repeat;
  background-size: 400px;
  padding: 10px 16px;
  border-radius: 5px 5px 0 0;
}

.un26-price__card {
  border-radius: 0 0 5px 5px;
  padding: 44px 48px;
  background: #FDFBF5;
  box-shadow: 0 18px 38px -16px rgba(52, 51, 50, 0.35);
}
.un26-price__card.is-rounded {
  border-radius: 5px;
}
@media (max-width: 760px) {
  .un26-price__card {
    padding: 34px 16px;
  }
}

.un26-price__label {
  margin: 0;
  text-align: center;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.3em;
  color: #8A734A;
}

.un26-price__row {
  margin-top: 14px;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 8px;
}
.un26-price__row .un26-price__cur {
  font-size: 30px;
  color: #60594d;
  align-self: flex-start;
  margin-top: 14px;
}
.un26-price__row .un26-price__amt {
  font-size: 84px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.01em;
  color: #343332;
}
@media (max-width: 760px) {
  .un26-price__row .un26-price__amt {
    font-size: 58px;
  }
}
.un26-price__row .un26-price__per {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 19px;
  color: #8a8271;
}

.un26-price__wasrow {
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.un26-price__wasrow .un26-price__was {
  font-size: 17px;
  color: #8a8271;
  text-decoration: line-through;
}
.un26-price__wasrow .un26-price__save {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 10px;
  border: 1px solid #D6B587;
  border-radius: 4px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
  color: #60594d;
}

.un26-price__billed {
  margin: 16px 0 0;
  text-align: center;
  font-size: 18px;
  color: #8A734A;
}

.un26-price__tagline {
  margin: 10px 0 0;
  text-align: center;
  font-style: italic;
  font-size: 17px;
  color: #60594d;
}

.un26-price__features {
  margin-top: 28px;
  border-top: 1px solid rgba(214, 181, 135, 0.45);
  display: flex;
  flex-direction: column;
  font-size: 18px;
  color: #343332;
}
.un26-price__features > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 15px 0;
  border-bottom: 1px solid rgba(214, 181, 135, 0.45);
}
.un26-price__features i {
  flex: none;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #efe3c8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-size: 12px;
  color: #60594d;
}

.un26-price__cta {
  margin-top: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  border-radius: 5px;
  background: var(--cl-accent, #B0402E) url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-cta-button.jpg") repeat;
  background-size: 400px;
  color: #ffffff;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.26em;
  text-decoration: none;
  transition: filter 0.15s;
}
.un26-price__cta:hover, .un26-price__cta:focus-visible {
  filter: brightness(1.12);
  color: #ffffff;
  text-decoration: none;
}

.un26-price__guarantee {
  margin: 20px 0 0;
  text-align: center;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.22em;
  color: #8A734A;
}
.un26-price__guarantee span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.un26-price__guarantee i {
  flex: none;
  width: 16px;
  height: 16px;
  border: 1px solid #8A734A;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-size: 9px;
}

.un26-price__switch {
  margin: 14px 0 0;
  text-align: center;
}
.un26-price__switch a {
  font-style: italic;
  font-size: 17px;
  color: #8A734A;
  text-decoration: none;
}
.un26-price__switch a:hover {
  color: #343332;
  text-decoration: none;
}

.un26-price__currency-slot .cl-currency-line {
  margin-top: 12px;
  font-size: 15.5px;
  font-style: italic;
  color: #8a8271;
}

.un26-price__faqline {
  margin: 40px 0 0;
  text-align: center;
  font-size: 17px;
  color: #60594d;
}
.un26-price__faqline a {
  color: #343332;
  text-decoration: none;
  border-bottom: 1px solid #E0C8A5;
  padding-bottom: 2px;
}
.un26-price__faqline a:hover {
  text-decoration: none;
}

.un26-rev {
  position: relative;
  overflow: hidden;
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-153.jpg") repeat;
  background-size: 153px 153px;
}
.un26-rev .un26-wrap {
  padding: 72px 40px 24px;
}
@media (max-width: 760px) {
  .un26-rev .un26-wrap {
    padding: 44px 18px 20px;
  }
}

.un26-rev__wall.is-closed {
  max-height: 1560px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to bottom, black calc(100% - 200px), transparent 99%);
  mask-image: linear-gradient(to bottom, black calc(100% - 200px), transparent 99%);
}

.un26-rev__cols {
  margin-top: 44px;
  column-count: 3;
  column-gap: 24px;
}
@media (max-width: 760px) {
  .un26-rev__cols {
    column-count: 1;
  }
}
.un26-rev__cols .un26-rcard {
  break-inside: avoid;
  margin-bottom: 24px;
}
.un26-rev__cols .un26-rcard--quote {
  padding: 24px 26px;
}
.un26-rev__cols .un26-rcard .un26-rcard__quote {
  margin-top: 14px;
  font-size: 17.5px;
}
.un26-rev__cols .un26-rcard .un26-rcard__name {
  margin-top: 16px;
}
.un26-rev__cols .un26-rcard .un26-rcard__body {
  padding: 16px 22px 18px;
}

.un26-rev__morebar {
  margin: 16px 0 32px;
  text-align: center;
}

.un26-rev__more.is-loading {
  opacity: 0.55;
  pointer-events: none;
}

.un26-rev__more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  padding: 0 44px;
  border-radius: 5px;
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
  border: 1px solid rgba(139, 115, 74, 0.5);
  box-shadow: 0 1px 0 #ffffff;
  color: #8A734A;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-weight: 600;
  font-size: 12.5px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  cursor: pointer;
}
.un26-rev__more:hover {
  color: #343332;
}

.un26-faq {
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
  border-top: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: inset 0 1px 0 rgba(207, 196, 187, 0.3), inset 0 2px 0 #ffffff;
}
.un26-faq .un26-wrap {
  max-width: 900px;
  padding: 88px 40px;
}
@media (max-width: 760px) {
  .un26-faq .un26-wrap {
    padding: 52px 18px;
  }
}

.un26-faq__lic {
  margin: 40px 0 0;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 5px;
  box-shadow: inset 0 0 0 1px rgba(207, 196, 187, 0.12), 0 1px 0 #ffffff, 0 -1px 0 #ffffff, 1px 0 0 #ffffff, -1px 0 0 #ffffff;
  padding: 24px 30px 20px;
}

.un26-faq__lichead,
.un26-faq__licrow {
  display: grid;
  grid-template-columns: 1fr 96px 116px;
  gap: 12px;
}
@media (max-width: 760px) {
  .un26-faq__lichead,
  .un26-faq__licrow {
    grid-template-columns: 1fr 60px 82px;
  }
}

.un26-faq__lichead {
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: 0 1px 0 rgba(207, 196, 187, 0.3), 0 2px 0 #ffffff;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.22em;
  color: #8A734A;
}
.un26-faq__lichead span:nth-child(2),
.un26-faq__lichead span:nth-child(3) {
  text-align: center;
}

.un26-faq__licrow {
  padding: 11px 0;
  border-bottom: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: 0 1px 0 rgba(207, 196, 187, 0.3), 0 2px 0 #ffffff;
}
.un26-faq__licrow span:first-child {
  font-size: 16.5px;
}
.un26-faq__licrow b {
  text-align: center;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-weight: 600;
}
.un26-faq__licrow .is-yes {
  color: #3c5e3d;
}
.un26-faq__licrow .is-no {
  color: #B0402E;
}

.un26-faq__list {
  margin-top: 36px;
}

.un26-faq__item {
  border-bottom: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: 0 1px 0 rgba(207, 196, 187, 0.3), 0 2px 0 #ffffff;
}
.un26-faq__item button {
  width: 100%;
  display: flex;
  align-items: baseline;
  gap: 16px;
  padding: 15px 4px;
  border: none;
  background: transparent;
  cursor: pointer;
  text-align: left;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  color: #343332;
}
.un26-faq__item button .un26-faq__q {
  font-size: 19px;
  line-height: 1.5;
  min-width: 0;
}
.un26-faq__item button .un26-faq__gap {
  flex: 1;
}
.un26-faq__item button .un26-faq__mark {
  flex: none;
  color: #8A734A;
  font-size: 18px;
}
.un26-faq__item .un26-faq__a {
  margin: 0;
  padding: 0 44px 18px 4px;
  font-size: 16.5px;
  line-height: 1.65;
  color: #4a463e;
}
.un26-faq__item:not(.is-open) .un26-faq__a {
  display: none;
}

.un26-faq__moreline {
  margin: 22px 0 0;
  text-align: center;
  font-size: 16.5px;
  color: #60594d;
}
.un26-faq__moreline a {
  color: #343332;
  text-decoration: none;
  border-bottom: 1px solid #E0C8A5;
  padding-bottom: 2px;
}
.un26-faq__moreline a:hover {
  text-decoration: none;
}

.un26-final .un26-wrap {
  max-width: 900px;
  text-align: center;
}

.un26-final__h2 {
  margin: 0;
  font-weight: 300;
  font-size: clamp(38px, 3.6vw, 56px);
  line-height: 1.1;
}

.un26-final__ctarow {
  margin-top: 30px;
}

.un26-cta--final {
  height: 56px;
  padding: 0 52px;
  font-size: 13.5px;
}

.un26-final__caps {
  margin: 20px 0 0;
  text-align: center;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.22em;
  color: #8A734A;
}

.un26-final__peek {
  margin: 22px 0 0;
}
.un26-final__peek a {
  font-size: 18px;
  color: #60594d;
  text-decoration: none;
  border-bottom: 1px solid #E0C8A5;
  padding-bottom: 3px;
}
.un26-final__peek a:hover {
  color: #343332;
  text-decoration: none;
}

.un26-mobcta {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 800;
  padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
  border-top: 1px solid rgba(207, 196, 187, 0.5);
  box-shadow: 0 -14px 30px -18px rgba(52, 51, 50, 0.45);
  align-items: center;
  gap: 14px;
}
@media (max-width: 760px) {
  .un26-mobcta {
    display: flex;
  }
}
.un26-mobcta__txt {
  flex: 1;
  min-width: 0;
}
.un26-mobcta__price {
  font-size: 17px;
  font-weight: 600;
  color: #343332;
}
.un26-mobcta__fine {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  color: #60594d;
}
.un26-mobcta__btn {
  flex: none;
  display: inline-flex;
  align-items: center;
  height: 46px;
  padding: 0 22px;
  border-radius: 5px;
  background: var(--cl-accent, #B0402E) url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-cta-button.jpg") repeat;
  background-size: 400px;
  color: #ffffff;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.22em;
  text-decoration: none;
}
.un26-mobcta__btn:hover {
  color: #ffffff;
  text-decoration: none;
}

body.woocommerce-checkout:not(.woocommerce-order-pay) .site-header,
body.woocommerce-checkout:not(.woocommerce-order-pay) .main-header,
body.woocommerce-checkout:not(.woocommerce-order-pay) > .page_wrapper > header:not(.cart-header),
body.woocommerce-checkout:not(.woocommerce-order-pay) > .page_wrapper > .main-header,
body.woocommerce-checkout:not(.woocommerce-order-pay) .site-footer,
body.woocommerce-checkout:not(.woocommerce-order-pay) footer.site-footer,
body.woocommerce-order-received .site-header,
body.woocommerce-order-received .main-header,
body.woocommerce-order-received > .page_wrapper > header:not(.cart-header),
body.woocommerce-order-received > .page_wrapper > .main-header,
body.woocommerce-order-received .site-footer,
body.woocommerce-order-received footer.site-footer {
  display: none !important;
}
body.woocommerce-checkout:not(.woocommerce-order-pay) .page_wrapper > section,
body.woocommerce-checkout:not(.woocommerce-order-pay) .page_wrapper > section.py-5,
body.woocommerce-order-received .page_wrapper > section,
body.woocommerce-order-received .page_wrapper > section.py-5 {
  padding: 0 !important;
}
body.woocommerce-checkout:not(.woocommerce-order-pay) .page_wrapper .container,
body.woocommerce-checkout:not(.woocommerce-order-pay) .page_wrapper > section > .container,
body.woocommerce-order-received .page_wrapper .container,
body.woocommerce-order-received .page_wrapper > section > .container {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.woocommerce-checkout:not(.woocommerce-order-pay) .page_wrapper .woocommerce,
body.woocommerce-order-received .page_wrapper .woocommerce {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.cart-root {
  --paper: #F8F6F0;
  --paper-2: #F0EEE8;
  --ink: #343332;
  --ink-2: #4A463E;
  --ink-3: #8A8271;
  --brass: #8A734A;
  --brass-dark: #6E5926;
  --cochineal: #B0402E;
  --serif: TC Wonderling, EB Garamond, Garamond, Georgia, serif;
  --body: EB Garamond, Garamond, Georgia, Times New Roman, serif;
  --mono: Hanken Grotesk, system-ui, -apple-system, sans-serif;
  --sans: 'Hanken Grotesk', system-ui, sans-serif;
  --cart-hair: rgba(26, 25, 21, 0.16);
  --cart-hair-soft: rgba(26, 25, 21, 0.08);
  --cart-field-bg: #FCFBF7;
  --cart-field-focus: #FFFFFF;
  --cart-danger: #B0402E;
  --cart-danger-tint: #F4E4E2;
  --cart-success: #4E6A3C;
  --cart-success-tint: #E6EBDD;
}

.cart-page {
  min-height: 100%;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--body);
  font-size: 17px;
  line-height: 1.5;
}
.cart-page *, .cart-page *::before, .cart-page *::after {
  box-sizing: border-box;
}

.cart-header {
  border-bottom: 1px solid var(--cart-hair);
  background: var(--paper);
  width: 100%;
}
.cart-header .cart-header-inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 22px clamp(24px, 4vw, 64px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.cart-header .wm {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: var(--ink);
  font-family: var(--serif);
  font-weight: 600;
  font-size: 22px;
  letter-spacing: -0.01em;
  gap: 10px;
}
.cart-header .wm .wm-century {
  font-weight: 500;
}
.cart-header .wm .wm-library {
  font-weight: 700;
}
.cart-header .wm .wm-logo {
  display: block;
  height: 24px;
  width: auto;
  max-width: none;
}
.cart-header .cart-lock {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink-3);
}
.cart-header .cart-lock svg {
  width: 12px;
  height: 12px;
}

.cart-crumbs {
  border-bottom: 1px solid var(--cart-hair-soft);
  width: 100%;
}
.cart-crumbs .cart-crumbs-inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 14px clamp(24px, 4vw, 64px);
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ink-3);
  display: flex;
  align-items: center;
  gap: 14px;
}
.cart-crumbs .c-step.is-current {
  color: var(--ink);
}
.cart-crumbs .c-step.is-done {
  color: var(--brass-dark);
}
.cart-crumbs .c-sep {
  opacity: 0.5;
}
.cart-crumbs .cart-crumbs-tag {
  color: var(--ink-3);
}
.cart-crumbs .cart-crumbs-tag em {
  font-family: var(--serif);
  font-style: italic;
  letter-spacing: 0;
  text-transform: none;
  font-size: 14px;
  color: var(--brass-dark);
  margin-left: 2px;
}

.cart-pre-notices {
  width: 100%;
}
.cart-pre-notices .cart-pre-notices-inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 16px clamp(24px, 4vw, 64px) 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.cart-pre-notices .cart-pre-notices-inner:empty {
  padding: 0;
}
.cart-pre-notices .woocommerce-info,
.cart-pre-notices .woocommerce-notice--info,
.cart-pre-notices .woocommerce-form-coupon-toggle,
.cart-pre-notices .woocommerce-form-login-toggle {
  margin: 0 !important;
  padding: 14px 18px !important;
  background: var(--paper-2) !important;
  border: 1px dashed var(--cart-hair) !important;
  border-left: 3px solid var(--brass-dark) !important;
  border-radius: 2px !important;
  color: var(--ink-2) !important;
  font-family: var(--body) !important;
  font-size: 14px !important;
  line-height: 1.45;
  list-style: none !important;
  display: flex;
  align-items: center;
  gap: 8px;
}
.cart-pre-notices .woocommerce-info::before,
.cart-pre-notices .woocommerce-notice--info::before,
.cart-pre-notices .woocommerce-form-coupon-toggle::before,
.cart-pre-notices .woocommerce-form-login-toggle::before {
  content: none !important;
  display: none !important;
}
.cart-pre-notices .woocommerce-info a,
.cart-pre-notices .woocommerce-notice--info a,
.cart-pre-notices .woocommerce-form-coupon-toggle a,
.cart-pre-notices .woocommerce-form-login-toggle a {
  color: var(--ink) !important;
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 500;
}
.cart-pre-notices .woocommerce-info a:hover,
.cart-pre-notices .woocommerce-notice--info a:hover,
.cart-pre-notices .woocommerce-form-coupon-toggle a:hover,
.cart-pre-notices .woocommerce-form-login-toggle a:hover {
  color: var(--brass-dark) !important;
}
.cart-pre-notices .woocommerce-form-coupon-toggle .woocommerce-info,
.cart-pre-notices .woocommerce-form-login-toggle .woocommerce-info {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  color: inherit !important;
  font-family: inherit !important;
  font-size: inherit !important;
  display: inline !important;
}
.cart-pre-notices .woocommerce-form-coupon-toggle .woocommerce-info::before,
.cart-pre-notices .woocommerce-form-login-toggle .woocommerce-info::before {
  content: none !important;
  display: none !important;
}
.cart-pre-notices .checkout_coupon,
.cart-pre-notices form.checkout_coupon,
.cart-pre-notices .woocommerce-form-coupon {
  margin: 0 !important;
  padding: 18px !important;
  background: var(--paper) !important;
  border: 1px solid var(--cart-hair) !important;
  border-radius: 2px !important;
}
.cart-pre-notices .checkout_coupon p,
.cart-pre-notices form.checkout_coupon p,
.cart-pre-notices .woocommerce-form-coupon p {
  margin: 0 0 10px;
  font-size: 14px;
  color: var(--ink-2);
}
.cart-pre-notices .checkout_coupon .form-row,
.cart-pre-notices form.checkout_coupon .form-row,
.cart-pre-notices .woocommerce-form-coupon .form-row {
  padding: 0;
  margin: 8px 0;
}
.cart-pre-notices .checkout_coupon input[type=text],
.cart-pre-notices form.checkout_coupon input[type=text],
.cart-pre-notices .woocommerce-form-coupon input[type=text] {
  width: 100%;
  appearance: none;
  background: var(--cart-field-bg);
  border: 1px solid var(--cart-hair);
  padding: 12px 14px;
  font: inherit;
  font-family: var(--body);
  font-size: 16px;
  color: var(--ink);
  border-radius: 2px;
}
.cart-pre-notices .checkout_coupon input[type=text]:focus,
.cart-pre-notices form.checkout_coupon input[type=text]:focus,
.cart-pre-notices .woocommerce-form-coupon input[type=text]:focus {
  outline: none;
  background: var(--cart-field-focus);
  border-color: var(--ink);
  box-shadow: 0 0 0 3px rgba(26, 25, 21, 0.08);
}
.cart-pre-notices .checkout_coupon button[type=submit],
.cart-pre-notices .checkout_coupon button.button,
.cart-pre-notices form.checkout_coupon button[type=submit],
.cart-pre-notices form.checkout_coupon button.button,
.cart-pre-notices .woocommerce-form-coupon button[type=submit],
.cart-pre-notices .woocommerce-form-coupon button.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 22px !important;
  background: var(--ink) !important;
  color: var(--paper) !important;
  border: 1px solid var(--ink) !important;
  border-radius: 2px !important;
  font-family: var(--mono) !important;
  font-size: 11px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  cursor: pointer;
  box-shadow: none !important;
}
.cart-pre-notices .checkout_coupon button[type=submit]:hover,
.cart-pre-notices .checkout_coupon button.button:hover,
.cart-pre-notices form.checkout_coupon button[type=submit]:hover,
.cart-pre-notices form.checkout_coupon button.button:hover,
.cart-pre-notices .woocommerce-form-coupon button[type=submit]:hover,
.cart-pre-notices .woocommerce-form-coupon button.button:hover {
  background: #000 !important;
  color: var(--paper) !important;
}
.cart-pre-notices .woocommerce-form-login,
.cart-pre-notices form.login {
  margin: 0 !important;
  padding: 18px !important;
  background: var(--paper) !important;
  border: 1px solid var(--cart-hair) !important;
  border-radius: 2px !important;
}
.cart-pre-notices .woocommerce-form-login label,
.cart-pre-notices form.login label {
  display: block;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--ink-3);
  margin-bottom: 6px;
}
.cart-pre-notices .woocommerce-form-login input[type=text],
.cart-pre-notices .woocommerce-form-login input[type=email],
.cart-pre-notices .woocommerce-form-login input[type=password],
.cart-pre-notices form.login input[type=text],
.cart-pre-notices form.login input[type=email],
.cart-pre-notices form.login input[type=password] {
  width: 100%;
  appearance: none;
  background: var(--cart-field-bg);
  border: 1px solid var(--cart-hair);
  padding: 12px 14px;
  font-family: var(--body);
  font-size: 16px;
  color: var(--ink);
  border-radius: 2px;
}
.cart-pre-notices .woocommerce-form-login input[type=text]:focus,
.cart-pre-notices .woocommerce-form-login input[type=email]:focus,
.cart-pre-notices .woocommerce-form-login input[type=password]:focus,
.cart-pre-notices form.login input[type=text]:focus,
.cart-pre-notices form.login input[type=email]:focus,
.cart-pre-notices form.login input[type=password]:focus {
  outline: none;
  background: var(--cart-field-focus);
  border-color: var(--ink);
  box-shadow: 0 0 0 3px rgba(26, 25, 21, 0.08);
}
.cart-pre-notices .woocommerce-form-login button[type=submit],
.cart-pre-notices .woocommerce-form-login button.button,
.cart-pre-notices form.login button[type=submit],
.cart-pre-notices form.login button.button {
  padding: 12px 22px !important;
  background: var(--ink) !important;
  color: var(--paper) !important;
  border: 1px solid var(--ink) !important;
  border-radius: 2px !important;
  font-family: var(--mono) !important;
  font-size: 11px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  cursor: pointer;
  box-shadow: none !important;
}

.cart-grid {
  max-width: 1240px;
  margin: 0 auto;
  padding: clamp(20px, 2.5vw, 32px) clamp(24px, 4vw, 64px) 120px;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 440px);
  gap: clamp(36px, 5vw, 72px);
  align-items: start;
}

.cart-intro {
  width: 100%;
}
.cart-intro .cart-intro-inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: clamp(14px, 2vw, 24px) clamp(24px, 4vw, 64px) 0;
}

.cart-title-block {
  margin: 0;
}

.cart-eyebrow {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--brass-dark);
  display: inline-flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 14px;
}
.cart-eyebrow::before, .cart-eyebrow::after {
  content: "";
  width: 22px;
  height: 1px;
  background: var(--brass-dark);
  opacity: 0.55;
}

.cart-title {
  font-family: var(--serif);
  font-size: clamp(38px, 4.2vw, 60px);
  line-height: 1;
  letter-spacing: -0.01em;
  margin: 0 0 10px;
  font-weight: 500;
}
.cart-title em {
  font-style: italic;
  color: var(--brass-dark);
  font-weight: 400;
}

.cart-sub {
  font-size: 17px;
  color: var(--ink-2);
  max-width: 52ch;
}

.cart-form {
  min-width: 0;
}

.cart-express {
  display: none;
  margin: 0 0 28px;
}
.cart-express:has(.cart-express-slot > *:not(style):not(script)) {
  display: block;
  background: var(--cart-field-bg, #FBF8F0);
  border: 1px solid var(--cart-hair);
  border-radius: 4px;
  padding: 18px 22px 20px;
}

p#wc-stripe-express-checkout-button-separator,
.plan-totals::before {
  display: none !important;
}

.cart-express-slot {
  gap: 0 !important;
}

#wc-stripe-express-checkout-element {
  margin-top: 0 !important;
}

.plan-line {
  border-bottom: 0 !important;
  margin-bottom: 0;
  padding-bottom: 0;
}

.cart-pm-logos {
  display: none;
}

.cart-express-rail-top {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 16px;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--ink-3);
}
.cart-express-rail-top::before, .cart-express-rail-top::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--cart-hair);
}

.cart-express-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 14px;
  gap: 16px;
}
.cart-express-head .cart-express-label {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--ink-3);
}
.cart-express-head .cart-express-hint {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink-3);
}

.cart-express-slot {
  display: grid;
  gap: 10px;
}
.cart-express-slot .wc-stripe-payment-request-wrapper,
.cart-express-slot .wc-stripe-express-checkout-wrapper,
.cart-express-slot #wc-stripe-payment-request-button,
.cart-express-slot #wc-stripe-express-checkout-element {
  width: 100%;
  min-height: 48px;
}
.cart-express-slot .ppcp-button-container,
.cart-express-slot #ppc-button,
.cart-express-slot [id^=ppc-button-ppcp] {
  margin: 0 !important;
  box-shadow: none !important;
}
.cart-express-slot > .ppcp-separator,
.cart-express-slot .ppcp-text {
  display: none !important;
}

.cart-express-divider {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 16px;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--ink-3);
}
.cart-express-divider::before, .cart-express-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--cart-hair);
}

.cart-section {
  border-top: 1px solid var(--cart-hair);
  padding: 32px 0 8px;
}
.cart-section:first-child {
  border-top: 1px solid var(--cart-hair);
  padding-top: 28px;
}

.cart-root #payment,
.cart-root #payment.cart-section {
  background: transparent !important;
  border-radius: 0 !important;
}

.cart-root .payment_box {
  background: var(--paper) !important;
  border-radius: 0 !important;
}
.cart-root .payment_box::before {
  content: none !important;
  display: none !important;
}

.cart-section-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 22px;
  flex-wrap: wrap;
}
.cart-section-head > div:first-child {
  flex: 1 1 auto;
  min-width: 0;
}

.cart-section-num {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--ink-3);
}

.cart-section-title {
  font-family: var(--serif);
  font-size: 24px;
  font-weight: 600;
  margin: 0;
  letter-spacing: -0.005em;
  white-space: nowrap;
}

.cart-section-hint {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink-3);
  text-align: right;
  flex: 0 1 auto;
  min-width: 0;
}

.cart-section-intro {
  font-family: var(--serif);
  font-style: italic;
  font-size: 14px;
  color: var(--ink-3);
  line-height: 1.5;
  margin: -6px 0 18px;
  max-width: 56ch;
}

.cart-row {
  display: grid;
  gap: 16px;
  margin-bottom: 16px;
}

.cart-row.c2 {
  grid-template-columns: 1fr 1fr;
}

.cart-field {
  display: block;
}

.cart-field--float > select.select2-hidden-accessible {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  opacity: 1 !important;
  clip: auto !important;
  clip-path: none !important;
  visibility: visible !important;
  pointer-events: auto !important;
  display: block !important;
  margin: 0 !important;
  padding: 22px 44px 8px 16px !important;
  appearance: none;
  border: 1px solid var(--cart-hair) !important;
  background-color: var(--cart-field-bg) !important;
  border-radius: 2px !important;
  font: inherit;
  font-family: var(--body);
  font-size: 17px;
  color: var(--ink);
}
.cart-field--float > .select2-container,
.cart-field--float > .select2 {
  display: none !important;
}

#billing_state_field:has(> input[type=hidden]#billing_state),
#billing_state_field:has(> input#billing_state.hidden) {
  display: none;
}

.cart-row.c2:has(#billing_state_field[style*="display: none"]),
.cart-row.c2:has(#billing_state_field.hide),
.cart-row.c2:has(#billing_state_field > input[type=hidden]#billing_state),
.cart-row.c2:has(#billing_state_field > input#billing_state.hidden) {
  grid-template-columns: 1fr;
}

.cart-label {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--ink-3);
  margin-bottom: 6px;
}
.cart-label .lab-aux {
  color: var(--ink-3);
  text-transform: none;
  font-size: 13px;
  letter-spacing: 0;
  font-family: var(--body);
  font-style: italic;
}

.cart-input,
.cart-select {
  width: 100%;
  appearance: none;
  background: var(--cart-field-bg);
  border: 1px solid var(--cart-hair);
  padding: 14px 16px;
  font: inherit;
  font-family: var(--body);
  font-size: 17px;
  color: var(--ink);
  border-radius: 2px;
  transition: border-color 0.12s ease, background 0.12s ease, box-shadow 0.12s ease;
}
.cart-input::placeholder,
.cart-select::placeholder {
  color: var(--ink-3);
  opacity: 0.8;
}
.cart-input:hover,
.cart-select:hover {
  border-color: var(--ink-3);
}
.cart-input:focus,
.cart-select:focus {
  outline: none;
  background: var(--cart-field-focus);
  border-color: var(--ink);
  box-shadow: 0 0 0 3px rgba(26, 25, 21, 0.08);
}

.cart-select {
  background-image: linear-gradient(45deg, transparent 50%, var(--ink) 50%), linear-gradient(-45deg, transparent 50%, var(--ink) 50%);
  background-position: calc(100% - 20px) 50%, calc(100% - 14px) 50%;
  background-size: 6px 6px;
  background-repeat: no-repeat;
  padding-right: 40px;
}

.cart-field.is-error .cart-input, .cart-field.is-error .cart-select {
  border-color: var(--cart-danger);
  background: var(--cart-danger-tint);
}
.cart-field.is-error .cart-error {
  display: flex;
  gap: 6px;
  align-items: flex-start;
  font-size: 13px;
  color: var(--cart-danger);
  margin-top: 8px;
  font-style: italic;
}

.cart-error {
  display: none;
}

.cart-error svg {
  margin-top: 2px;
  flex-shrink: 0;
}

.cart-help {
  font-size: 13px;
  color: var(--ink-3);
  margin-top: 8px;
  font-style: italic;
}

.cart-field--float {
  position: relative;
  display: block;
}
.cart-field--float > input,
.cart-field--float > select {
  width: 100%;
  appearance: none;
  background: var(--cart-field-bg);
  border: 1px solid var(--cart-hair);
  font: inherit;
  font-family: var(--body);
  font-size: 17px;
  color: var(--ink);
  border-radius: 2px;
  transition: border-color 0.12s ease, background 0.12s ease, box-shadow 0.12s ease;
  padding: 22px 36px 8px 16px;
}
.cart-field--float > input:hover,
.cart-field--float > select:hover {
  border-color: var(--ink-3);
}
.cart-field--float > input:focus,
.cart-field--float > select:focus {
  outline: none;
  background: var(--cart-field-focus);
  border-color: var(--ink);
  box-shadow: 0 0 0 3px rgba(26, 25, 21, 0.08);
}
.cart-field--float > select {
  padding-right: 44px;
  background-image: linear-gradient(45deg, transparent 50%, var(--ink) 50%), linear-gradient(-45deg, transparent 50%, var(--ink) 50%);
  background-position: calc(100% - 20px) 50%, calc(100% - 14px) 50%;
  background-size: 6px 6px;
  background-repeat: no-repeat;
}
.cart-field--float > input::placeholder {
  color: transparent;
  opacity: 0;
}
.cart-field--float .cart-input,
.cart-field--float .cart-select {
  padding-top: 22px;
  padding-bottom: 8px;
  padding-right: 36px;
}
.cart-field--float .cart-input::placeholder,
.cart-field--float .cart-select::placeholder {
  color: transparent;
  opacity: 0;
}
.cart-field--float .cart-select {
  padding-top: 22px;
  padding-bottom: 8px;
  padding-right: 44px;
}
.cart-field--float .cart-label-float {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  pointer-events: none;
  color: var(--ink-3);
  font-family: var(--body);
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  margin: 0;
  padding: 0;
  transition: top 0.14s ease, font-size 0.14s ease, color 0.14s ease, letter-spacing 0.14s ease;
  background: transparent;
  max-width: calc(100% - 52px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cart-field--float > input:focus ~ .cart-label-float,
.cart-field--float > input:not(:placeholder-shown) ~ .cart-label-float,
.cart-field--float > select:focus ~ .cart-label-float,
.cart-field--float .cart-input:focus ~ .cart-label-float,
.cart-field--float .cart-input:not(:placeholder-shown) ~ .cart-label-float,
.cart-field--float .cart-select:focus ~ .cart-label-float, .cart-field--float.is-filled .cart-label-float {
  top: 10px;
  transform: translateY(0);
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--ink-3);
}
.cart-field--float:has(select) .cart-label-float {
  top: 10px;
  transform: translateY(0);
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--ink-3);
}
.cart-field--float.cart-field--bare .cart-input,
.cart-field--float.cart-field--bare .cart-select {
  padding-top: 15px;
  padding-bottom: 15px;
}
.cart-field--float.cart-field--bare .cart-select {
  background-color: var(--cart-field-bg) !important;
  border: 1px solid var(--cart-hair) !important;
  border-radius: 2px !important;
  color: var(--ink) !important;
  font-family: var(--body);
  font-size: 17px;
  box-shadow: none !important;
}
.cart-field--float.cart-field--bare .cart-select:hover {
  border-color: var(--ink-3) !important;
}
.cart-field--float.cart-field--bare .cart-select:focus {
  background-color: var(--cart-field-focus) !important;
  border-color: var(--ink) !important;
  box-shadow: 0 0 0 3px rgba(26, 25, 21, 0.08) !important;
}
.cart-field--float .cart-req {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: #b53d3d;
  font-family: var(--body);
  font-size: 18px;
  line-height: 1;
  pointer-events: none;
}
.cart-field--float .cart-select ~ .cart-req {
  right: 36px;
}
.cart-field--float.is-error .cart-label-float {
  color: var(--cart-danger);
}
.cart-field--float .cart-label-float abbr.required,
.cart-field--float .cart-label-float .required,
.cart-field--float .cart-label-float abbr[title=required] {
  display: none;
}

.cart-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.cart-payment-list {
  list-style: none;
  padding: 0;
  margin: 0;
  border: 1px solid var(--cart-hair);
  border-radius: 2px;
  background: var(--cart-field-bg);
  overflow: hidden;
}

.cart-pm {
  border-top: 1px solid var(--cart-hair-soft);
}
.cart-pm:first-child {
  border-top: none;
}

.cart-pm-head {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 20px;
  cursor: pointer;
  position: relative;
  user-select: none;
  margin: 0;
}
.cart-pm-head input[type=radio] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.cart-pm-radio {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1.5px solid var(--ink-3);
  background: var(--paper);
  position: relative;
  flex-shrink: 0;
  transition: border-color 0.12s;
}

.cart-pm.is-active .cart-pm-radio,
.cart-pm:has(input[type=radio]:checked) .cart-pm-radio {
  border-color: var(--ink);
}
.cart-pm.is-active .cart-pm-radio::after,
.cart-pm:has(input[type=radio]:checked) .cart-pm-radio::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: var(--ink);
}

.cart-pm.is-active:not(:has(input[type=radio]:checked)) .cart-pm-radio {
  border-color: var(--ink-3);
}
.cart-pm.is-active:not(:has(input[type=radio]:checked)) .cart-pm-radio::after {
  display: none;
}

.cart-pm-label {
  font-family: var(--serif);
  font-size: 18px;
  font-weight: 600;
  flex: 1;
  color: var(--ink);
}

.cart-pm-logos {
  display: flex;
  gap: 6px;
  align-items: center;
}
.cart-pm-logos .logo-chip {
  height: 22px;
  padding: 0 8px;
  background: var(--paper);
  border: 1px solid var(--cart-hair);
  border-radius: 3px;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  color: var(--ink-2);
}

.cart-pm-body {
  padding: 4px 20px 20px 52px;
  display: none;
  background: var(--paper);
  border-top: 1px dashed var(--cart-hair);
}
.cart-pm-body .pm-note {
  font-size: 13px;
  color: var(--ink-3);
  font-style: italic;
  margin: 0;
}
.cart-pm-body p {
  margin-top: 0;
}
.cart-pm-body .form-row {
  margin: 12px 0;
  padding: 0;
  display: block;
}
.cart-pm-body label {
  display: block;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--ink-3);
  margin-bottom: 6px;
}
.cart-pm-body input[type=text],
.cart-pm-body input[type=email],
.cart-pm-body input[type=tel] {
  width: 100%;
  appearance: none;
  background: var(--cart-field-focus);
  border: 1px solid var(--cart-hair);
  padding: 14px 16px;
  font: inherit;
  font-family: var(--body);
  font-size: 17px;
  color: var(--ink);
  border-radius: 2px;
}
.cart-pm-body .wc-stripe-elements-field,
.cart-pm-body .StripeElement,
.cart-pm-body .wc-stripe-card-element,
.cart-pm-body #stripe-card-element,
.cart-pm-body #stripe-exp-element,
.cart-pm-body #stripe-cvc-element {
  background: var(--cart-field-focus);
  border: 1px solid var(--cart-hair);
  padding: 14px 16px;
  border-radius: 2px;
  min-height: 50px;
}

.cart-pm.is-active .cart-pm-body,
.cart-pm:has(input[type=radio]:checked) .cart-pm-body {
  display: block;
}

.cart-pm.is-active:not(:has(input[type=radio]:checked)) .cart-pm-body {
  display: none;
}

.cart-root .cart-section .form-row.place-order,
.cart-root form.checkout .form-row.place-order,
form.checkout .form-row.place-order {
  margin: 20px 0 0;
  padding: 0;
  display: block;
}

.cart-terms {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 20px 0 24px;
  font-size: 15px;
  color: var(--ink-2);
  line-height: 1.5;
}
.cart-terms input {
  margin-top: 5px;
  accent-color: var(--ink);
  flex-shrink: 0;
}
.cart-terms a {
  color: var(--ink);
  text-decoration: underline;
}
.cart-terms p {
  margin: 0;
}

.cart-root button.cart-place-btn.button.alt,
.cart-root .cart-place-btn,
button.cart-place-btn {
  width: 100% !important;
  border: 1px solid var(--brass-dark) !important;
  background: var(--brass-dark) !important;
  color: var(--paper) !important;
  padding: 22px 28px !important;
  font-family: var(--mono) !important;
  font-size: 13px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  cursor: pointer;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 14px;
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.06s ease;
  border-radius: 2px !important;
  box-shadow: none !important;
}
.cart-root button.cart-place-btn.button.alt .cart-place-btn__label,
.cart-root .cart-place-btn .cart-place-btn__label,
button.cart-place-btn .cart-place-btn__label {
  color: var(--paper) !important;
}
.cart-root button.cart-place-btn.button.alt .btn-price,
.cart-root .cart-place-btn .btn-price,
button.cart-place-btn .btn-price {
  font-family: var(--serif) !important;
  font-size: 18px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-style: italic !important;
  color: var(--brass) !important;
}
.cart-root button.cart-place-btn.button.alt.is-processing,
.cart-root .cart-place-btn.is-processing,
button.cart-place-btn.is-processing {
  background: var(--ink-2) !important;
  cursor: progress;
}

.cart-root button.cart-place-btn.button.alt:hover,
.cart-root button.cart-place-btn.button.alt:focus,
.cart-root button.cart-place-btn.button.alt:active {
  background: #6F531F !important;
  border-color: #6F531F !important;
  color: var(--paper) !important;
}
.cart-root button.cart-place-btn.button.alt:hover .btn-price,
.cart-root button.cart-place-btn.button.alt:focus .btn-price,
.cart-root button.cart-place-btn.button.alt:active .btn-price {
  color: var(--paper) !important;
}

.cart-root button.cart-place-btn.button.alt:active {
  transform: translateY(1px);
}

.cart-trust-row {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 16px;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-3);
}
.cart-trust-row span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.cart-trust-row svg {
  width: 11px;
  height: 11px;
}
.cart-trust-row--footer {
  padding: 0 clamp(24px, 4vw, 64px);
  margin: 24px auto 48px;
  max-width: 1240px;
}

.cart-spinner {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid rgba(245, 239, 228, 0.25);
  border-top-color: var(--paper);
  animation: cart-spin 0.7s linear infinite;
}

@keyframes cart-spin {
  to {
    transform: rotate(360deg);
  }
}
.cart-mobile-summary {
  display: none;
}
.cart-mobile-summary summary {
  list-style: none;
  cursor: pointer;
}
.cart-mobile-summary summary::-webkit-details-marker {
  display: none;
}

.cart-mobile-summary__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 18px;
  background: var(--paper-2);
  border: 1px solid var(--cart-hair);
  border-radius: 2px;
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ink);
  transition: border-color 0.15s ease;
}
.cart-mobile-summary__trigger:hover, .cart-mobile-summary__trigger:focus-visible {
  border-color: var(--ink);
  outline: none;
}

.cart-mobile-summary__label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--ink-2);
}

.cart-mobile-summary__chevron {
  transition: transform 0.2s ease;
  color: var(--ink-2);
}

.cart-mobile-summary[open] .cart-mobile-summary__chevron {
  transform: rotate(180deg);
}

.cart-mobile-summary__total {
  font-family: var(--serif);
  font-size: 16px;
  letter-spacing: 0;
  text-transform: none;
  font-weight: 600;
  color: var(--ink);
}

.cart-mobile-summary__body {
  background: var(--paper-2);
  padding: 18px;
}
.cart-mobile-summary__body .plan-guarantee {
  display: none;
}
.cart-mobile-summary__body .cart-sum-head {
  display: none;
}

.cart-mobile-summary[open] .cart-mobile-summary__trigger {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.cart-mobile-summary[open] .cart-mobile-summary__body {
  border-left: 1px solid var(--cart-hair);
  border-right: 1px solid var(--cart-hair);
  border-bottom: 1px solid var(--cart-hair);
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.cart-summary-wrap {
  min-width: 0;
}

.cart-summary {
  background: var(--paper-2);
  border: 1px solid var(--cart-hair);
  padding: 28px 28px 24px;
  border-radius: 2px;
}

.cart-next-steps {
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
  display: grid;
  gap: 12px;
}
.cart-next-steps li {
  display: grid;
  grid-template-columns: 14px 1fr;
  gap: 10px;
  font-size: 14px;
  color: var(--ink-2);
  line-height: 1.45;
  margin: 0;
  padding: 0;
}
.cart-next-steps svg {
  margin-top: 4px;
  color: var(--brass-dark);
  flex-shrink: 0;
}
.cart-next-steps strong {
  font-family: var(--serif);
  color: var(--ink);
  font-weight: 500;
  margin-right: 2px;
}

.cart-sum-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding-bottom: 14px;
  margin-bottom: 18px;
  position: relative;
}
.cart-sum-head::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 0;
  height: 1px;
  background: var(--cart-hair);
}
.cart-sum-head h3 {
  font-family: var(--serif);
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  white-space: nowrap;
  color: var(--ink);
}
.cart-sum-head .sum-edit {
  display: none;
}

.plan-line {
  display: grid;
  grid-template-columns: 56px 1fr auto 24px;
  gap: 14px;
  align-items: center;
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: 1px dashed var(--cart-hair);
}
.plan-line .pl-mark {
  width: 56px;
  height: 56px;
  background: var(--paper);
  border: 1px solid var(--ink);
  display: grid;
  place-items: center;
  position: relative;
}
.plan-line .pl-mark .pl-mark__img {
  display: block;
  width: 60%;
  height: auto;
  position: relative;
  z-index: 1;
}
.plan-line .pl-mark::after {
  content: "";
  position: absolute;
  inset: 3px;
  border: 1px solid var(--cart-hair);
}
.plan-line .pl-body {
  min-width: 0;
}
.plan-line .pl-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: var(--ink-3);
  text-decoration: none;
  transition: color 0.15s ease, background 0.15s ease;
}
.plan-line .pl-remove svg {
  width: 14px;
  height: 14px;
  display: block;
}
.plan-line .pl-remove:hover, .plan-line .pl-remove:focus-visible {
  color: var(--brass-dark, #6f531f);
  background: rgba(143, 110, 50, 0.08);
  outline: none;
}
.plan-line .pl-name {
  font-family: var(--serif);
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 4px;
  letter-spacing: -0.005em;
  color: var(--ink);
}
.plan-line .pl-billed {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ink-3);
}
.plan-line .pl-price {
  font-family: var(--serif);
  font-size: 22px;
  font-weight: 600;
  text-align: right;
  white-space: nowrap;
  color: var(--ink);
}
.plan-line .pl-price .price-per {
  display: block;
  font-family: var(--mono);
  font-size: 9px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ink-3);
  font-weight: 400;
  margin-top: 2px;
}

.plan-includes {
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}
.plan-includes li {
  display: grid;
  grid-template-columns: 16px 1fr;
  gap: 10px;
  font-size: 14px;
  color: var(--ink-2);
  line-height: 1.4;
  margin: 0;
  padding: 0;
}
.plan-includes svg {
  margin-top: 4px;
  color: var(--brass-dark);
}

.plan-totals {
  display: grid;
  gap: 8px;
  padding: 14px 0;
  font-family: var(--body);
  font-size: 15px;
  color: var(--ink-2);
  position: relative;
}
.plan-totals::before, .plan-totals::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  height: 1px;
  background: var(--cart-hair);
}
.plan-totals::before {
  top: 0;
}
.plan-totals::after {
  bottom: 0;
}
.plan-totals .tot-row {
  display: flex;
  justify-content: space-between;
}
.plan-totals .tot-row.tot-grand {
  font-family: var(--serif);
  font-size: 24px;
  color: var(--ink);
  padding-top: 8px;
  margin-top: 6px;
  border-top: 1px dashed var(--cart-hair);
  font-weight: 600;
  align-items: baseline;
}
.plan-totals .tot-row.tot-grand .tot-cur {
  font-size: 14px;
  font-family: var(--mono);
  letter-spacing: 0.12em;
  color: var(--ink-3);
  margin-left: 6px;
}

.plan-renewal {
  padding-top: 14px;
  font-family: var(--body);
  font-size: 14px;
  color: var(--ink-2);
  line-height: 1.5;
  margin: 0;
}
.plan-renewal strong {
  font-family: var(--serif);
  color: var(--ink);
  font-weight: 500;
}
.plan-renewal .plan-renewal-aside {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  color: var(--ink-3);
  font-style: italic;
}

.plan-guarantee {
  margin-top: 18px;
  border-top: 1px dashed var(--cart-hair);
  padding-top: 18px;
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 16px;
  align-items: center;
}
.plan-guarantee.plan-guarantee--promoted {
  margin-top: 0;
  margin-bottom: 18px;
  padding-top: 4px;
  padding-bottom: 18px;
  border-top: 0;
  border-bottom: 1px dashed var(--cart-hair);
}
.plan-guarantee .gu-stamp {
  width: 64px;
  height: auto;
  display: block;
  transform: rotate(-6deg);
  filter: drop-shadow(0 4px 10px rgba(168, 66, 59, 0.25));
  user-select: none;
}
.plan-guarantee .gu-text {
  font-size: 13px;
  color: var(--ink-2);
  line-height: 1.4;
}
.plan-guarantee .gu-text strong {
  display: block;
  font-family: var(--serif);
  font-size: 14px;
  color: var(--ink);
  margin-bottom: 2px;
}

.cart-notices {
  width: 100%;
}
.cart-notices .cart-notices-inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 clamp(24px, 4vw, 64px);
}
.cart-notices .woocommerce-notices-wrapper:empty {
  display: none;
}
.cart-notices:has(.woocommerce-notices-wrapper:empty:only-child) {
  display: none;
}

form.checkout > .woocommerce-NoticeGroup,
form.checkout > .woocommerce-NoticeGroup-checkout,
form.checkout > .woocommerce-error,
form.checkout > .woocommerce-message,
form.checkout > .woocommerce-info {
  max-width: 1240px;
  margin: 16px auto 0;
  padding: 0 clamp(24px, 4vw, 64px);
}

.cart-page .woocommerce-notices-wrapper,
.cart-page .woocommerce-NoticeGroup,
.cart-page .woocommerce-NoticeGroup-checkout {
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
}
.cart-page .woocommerce-notices-wrapper > ul,
.cart-page .woocommerce-notices-wrapper > .woocommerce-error,
.cart-page .woocommerce-notices-wrapper > .woocommerce-message,
.cart-page .woocommerce-notices-wrapper > .woocommerce-info,
.cart-page .woocommerce-NoticeGroup > ul,
.cart-page .woocommerce-NoticeGroup > .woocommerce-error,
.cart-page .woocommerce-NoticeGroup > .woocommerce-message,
.cart-page .woocommerce-NoticeGroup > .woocommerce-info,
.cart-page .woocommerce-NoticeGroup-checkout > ul,
.cart-page .woocommerce-NoticeGroup-checkout > .woocommerce-error,
.cart-page .woocommerce-NoticeGroup-checkout > .woocommerce-message,
.cart-page .woocommerce-NoticeGroup-checkout > .woocommerce-info {
  margin-top: 16px;
}
.cart-page .woocommerce-notices-wrapper > :first-child,
.cart-page .woocommerce-NoticeGroup > :first-child,
.cart-page .woocommerce-NoticeGroup-checkout > :first-child {
  margin-top: 0;
}
.cart-page .woocommerce-error,
.cart-page .woocommerce-message,
.cart-page .woocommerce-info {
  list-style: none;
  margin: 0;
  padding: 16px 18px 16px 44px;
  background: var(--cart-danger-tint);
  border: 1px solid rgba(0, 0, 0, 0.04);
  border-left: 3px solid var(--cart-danger);
  border-radius: 2px;
  color: var(--cart-danger);
  font-family: var(--body);
  font-size: 14px;
  line-height: 1.5;
  position: relative;
}
.cart-page .woocommerce-error::before,
.cart-page .woocommerce-message::before,
.cart-page .woocommerce-info::before {
  content: "!";
  position: absolute;
  left: 16px;
  top: 16px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--cart-danger);
  color: var(--paper);
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
  letter-spacing: 0;
}
.cart-page .woocommerce-error li,
.cart-page .woocommerce-message li,
.cart-page .woocommerce-info li {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  color: inherit;
}
.cart-page .woocommerce-error li::before, .cart-page .woocommerce-error li::marker,
.cart-page .woocommerce-message li::before,
.cart-page .woocommerce-message li::marker,
.cart-page .woocommerce-info li::before,
.cart-page .woocommerce-info li::marker {
  content: none !important;
  display: none !important;
}
.cart-page .woocommerce-error li + li,
.cart-page .woocommerce-message li + li,
.cart-page .woocommerce-info li + li {
  margin-top: 4px;
}
.cart-page .woocommerce-error li strong,
.cart-page .woocommerce-message li strong,
.cart-page .woocommerce-info li strong {
  font-family: var(--serif);
  font-weight: 500;
}
.cart-page .woocommerce-error a,
.cart-page .woocommerce-message a,
.cart-page .woocommerce-info a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 500;
}
.cart-page .woocommerce-error .button,
.cart-page .woocommerce-error .showcoupon,
.cart-page .woocommerce-message .button,
.cart-page .woocommerce-message .showcoupon,
.cart-page .woocommerce-info .button,
.cart-page .woocommerce-info .showcoupon {
  display: none;
}
.cart-page .woocommerce-message {
  background: var(--cart-success-tint);
  border-left-color: var(--cart-success);
  color: var(--cart-success);
}
.cart-page .woocommerce-message::before {
  content: "✓";
  background: var(--cart-success);
}
.cart-page .woocommerce-info {
  background: var(--paper-2);
  border-left-color: var(--brass-dark);
  color: var(--ink-2);
}
.cart-page .woocommerce-info::before {
  content: "i";
  background: var(--brass-dark);
  font-style: italic;
}

@media (max-width: 860px) {
  .cart-header {
    padding: 14px 20px;
  }
  .cart-header .cart-header-inner {
    justify-content: flex-start;
    padding: 0;
  }
  .cart-header .wm {
    font-size: 16px;
  }
  .cart-header .wm .wm-logo {
    height: 18px;
  }
  .cart-crumbs .cart-crumbs-inner {
    justify-content: flex-start;
    padding: 10px 20px;
  }
  .cart-crumbs {
    padding: 0;
    font-size: 11px;
    gap: 8px;
    flex-wrap: wrap;
  }
  .cart-notices .cart-notices-inner {
    padding: 0 20px;
  }
  .cart-grid {
    grid-template-columns: 1fr;
    padding: 16px 20px 80px;
    gap: 28px;
  }
  .cart-summary-wrap {
    display: none;
  }
  .cart-mobile-summary {
    display: block;
    margin-bottom: 18px;
  }
  .cart-title {
    font-size: 32px;
  }
  .cart-sub {
    font-size: 15px;
  }
  .cart-section {
    padding: 22px 0 6px;
  }
  .cart-section-title {
    font-size: 19px;
  }
  .cart-row.c2 {
    grid-template-columns: 1fr;
  }
  .cart-input,
  .cart-select {
    font-size: 16px;
    padding: 12px 14px;
  }
  .cart-summary {
    padding: 22px 20px;
  }
  .cart-next-steps {
    margin-top: 16px;
    gap: 10px;
  }
  .cart-next-steps li {
    font-size: 13px;
  }
  .plan-guarantee.plan-guarantee--promoted {
    margin-bottom: 14px;
    padding-bottom: 14px;
  }
  .cart-place-btn {
    padding: 18px 20px;
    font-size: 12px;
  }
  .cart-place-btn .btn-price {
    font-size: 16px;
  }
}
body.woocommerce-cart .woocommerce {
  max-width: 1100px;
  margin: 0 auto;
  padding: clamp(24px, 4vw, 56px) clamp(20px, 4vw, 56px);
}
body.woocommerce-cart table.shop_table.cart {
  border: 1px solid rgba(207, 196, 187, 0.3) !important;
  border-radius: 4px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #FAF6EC !important;
  margin: 0 0 24px !important;
  overflow: hidden;
}
body.woocommerce-cart table.shop_table.cart thead th {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(207, 196, 187, 0.3) !important;
  padding: 16px 18px !important;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #8A8271;
  text-align: left;
}
body.woocommerce-cart table.shop_table.cart tbody td {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(207, 196, 187, 0.3) !important;
  padding: 18px !important;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 16px;
  color: #343332;
  vertical-align: middle;
}
body.woocommerce-cart table.shop_table.cart tbody tr:last-child td {
  border-bottom: 0 !important;
}
body.woocommerce-cart table.shop_table.cart td.product-name a {
  color: #343332;
  text-decoration: none;
  font-weight: 500;
}
body.woocommerce-cart table.shop_table.cart td.product-name a:hover {
  text-decoration: underline;
}
body.woocommerce-cart table.shop_table.cart td.product-remove {
  width: 32px;
  text-align: center;
}
body.woocommerce-cart table.shop_table.cart td.product-remove a.remove {
  color: #8A8271 !important;
  background: transparent !important;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
}
body.woocommerce-cart table.shop_table.cart td.product-remove a.remove:hover {
  color: #343332 !important;
  background: transparent !important;
}
body.woocommerce-cart table.shop_table.cart td.product-thumbnail {
  width: 64px;
  text-align: center;
}
body.woocommerce-cart table.shop_table.cart td.product-thumbnail img {
  width: 48px;
  height: auto;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 2px;
}
body.woocommerce-cart table.shop_table.cart td.product-quantity input.qty,
body.woocommerce-cart table.shop_table.cart td.product-quantity .quantity input {
  width: 56px;
  padding: 8px 10px !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(207, 196, 187, 0.3) !important;
  border-radius: 2px !important;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 14px;
  color: #343332;
  text-align: center;
}
body.woocommerce-cart table.shop_table.cart td.product-subtotal,
body.woocommerce-cart table.shop_table.cart td.product-price {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  color: #343332;
  white-space: nowrap;
}
body.woocommerce-cart table.shop_table.cart td.actions {
  padding: 14px 18px !important;
  background: transparent !important;
  border-bottom: 0 !important;
}
body.woocommerce-cart table.shop_table.cart td.actions .coupon {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
body.woocommerce-cart table.shop_table.cart td.actions .coupon input.input-text {
  width: 240px;
  min-width: 200px;
  padding: 12px 14px !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(207, 196, 187, 0.3) !important;
  border-radius: 2px !important;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 13px;
  letter-spacing: 0.04em;
  color: #343332;
}
body.woocommerce-cart table.shop_table.cart td.actions .coupon button.button {
  padding: 10px 14px !important;
  background: transparent !important;
  color: #343332 !important;
  border: 1px solid rgba(207, 196, 187, 0.3) !important;
  border-radius: 2px !important;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  box-shadow: none !important;
}
body.woocommerce-cart table.shop_table.cart td.actions .coupon button.button:hover {
  background: #343332 !important;
  color: #F6EEDF !important;
  border-color: #343332 !important;
}
body.woocommerce-cart table.shop_table.cart td.actions button.button[name=update_cart] {
  float: right;
  padding: 10px 14px !important;
  background: transparent !important;
  color: #8A8271 !important;
  border: 1px solid rgba(207, 196, 187, 0.3) !important;
  border-radius: 2px !important;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
body.woocommerce-cart table.shop_table.cart td.actions button.button[name=update_cart]:hover:not([disabled]) {
  background: #343332 !important;
  color: #F6EEDF !important;
  border-color: #343332 !important;
}
body.woocommerce-cart table.shop_table.cart td.actions button.button[name=update_cart][disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
body.woocommerce-cart .cart_totals h2,
body.woocommerce-cart .cart-collaterals h2 {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 22px;
  font-weight: 600;
  color: #343332;
  margin: 0 0 16px;
  line-height: 1.15;
  letter-spacing: -0.005em;
}
body.woocommerce-cart .cart_totals tr.cart-subtotal {
  display: none !important;
}
body.woocommerce-cart .cart_totals table.shop_table {
  width: 100% !important;
  border: 1px solid rgba(207, 196, 187, 0.3) !important;
  border-radius: 4px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #FAF6EC !important;
  overflow: hidden;
  margin: 0 0 20px !important;
}
body.woocommerce-cart .cart_totals table.shop_table th, body.woocommerce-cart .cart_totals table.shop_table td {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(207, 196, 187, 0.3) !important;
  padding: 14px 18px !important;
}
body.woocommerce-cart .cart_totals table.shop_table tr:last-child th,
body.woocommerce-cart .cart_totals table.shop_table tr:last-child td {
  border-bottom: 0 !important;
}
body.woocommerce-cart .cart_totals table.shop_table th {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #8A8271;
  text-align: left;
  width: 40%;
}
body.woocommerce-cart .cart_totals table.shop_table td {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 16px;
  color: #343332;
  text-align: left;
}
body.woocommerce-cart .cart_totals table.shop_table tr.order-total th,
body.woocommerce-cart .cart_totals table.shop_table tr.order-total td {
  font-weight: 600;
}
body.woocommerce-cart .cart_totals table.shop_table tr.order-total th td .amount, body.woocommerce-cart .cart_totals table.shop_table tr.order-total th .amount,
body.woocommerce-cart .cart_totals table.shop_table tr.order-total td td .amount,
body.woocommerce-cart .cart_totals table.shop_table tr.order-total td .amount {
  font-size: 20px;
  font-weight: 600;
  color: #343332;
}
body.woocommerce-cart .cart_totals .wc-proceed-to-checkout {
  margin: 0;
}
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
body.woocommerce-cart a.checkout-button.button.alt {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 18px 24px !important;
  background: #343332 !important;
  color: #F6EEDF !important;
  border: 1px solid #343332 !important;
  border-radius: 2px !important;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: none !important;
  transition: background 0.15s ease, transform 0.05s ease;
}
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
body.woocommerce-cart a.checkout-button.button.alt:hover {
  background: #6E5926 !important;
  border-color: #6E5926 !important;
  color: #F6EEDF !important;
}
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:active,
body.woocommerce-cart a.checkout-button.button.alt:active {
  transform: translateY(1px);
}
body.woocommerce-cart .cart-subscription-details,
body.woocommerce-cart .recurring-totals,
body.woocommerce-cart table.shop_table.recurring-totals,
body.woocommerce-cart .cart-collaterals + table {
  border: 1px solid rgba(207, 196, 187, 0.3) !important;
  border-radius: 4px !important;
  background: #FAF6EC !important;
  margin: 0 0 20px !important;
}
body.woocommerce-cart .first-payment-date,
body.woocommerce-cart .first-renewal-date {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #8A8271;
  display: block;
  margin-top: 4px;
}
body.woocommerce-cart .woocommerce-message,
body.woocommerce-cart .woocommerce-info,
body.woocommerce-cart .woocommerce-error {
  background: #FAF6EC !important;
  border-left: 3px solid #343332 !important;
  border-radius: 2px !important;
  padding: 14px 18px !important;
  color: #343332 !important;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 14px;
}
body.woocommerce-cart .woocommerce-message::before,
body.woocommerce-cart .woocommerce-info::before,
body.woocommerce-cart .woocommerce-error::before {
  display: none !important;
}
body.woocommerce-cart .woocommerce-message a,
body.woocommerce-cart .woocommerce-info a,
body.woocommerce-cart .woocommerce-error a {
  color: #343332 !important;
  text-decoration: underline;
}
@media (max-width: 700px) {
  body.woocommerce-cart table.shop_table.cart thead {
    display: none;
  }
  body.woocommerce-cart table.shop_table.cart tbody tr {
    display: grid;
    grid-template-columns: 60px 1fr auto;
    gap: 8px;
    padding: 16px 14px;
    border-bottom: 1px solid rgba(207, 196, 187, 0.3);
  }
  body.woocommerce-cart table.shop_table.cart tbody tr td {
    padding: 4px !important;
    border-bottom: 0 !important;
    background: transparent !important;
  }
  body.woocommerce-cart table.shop_table.cart tbody tr td.product-remove {
    grid-column: 3;
    grid-row: 1;
  }
  body.woocommerce-cart table.shop_table.cart tbody tr td.product-thumbnail {
    grid-column: 1;
    grid-row: 1/span 2;
  }
  body.woocommerce-cart table.shop_table.cart tbody tr td.product-name {
    grid-column: 2;
    grid-row: 1;
  }
  body.woocommerce-cart table.shop_table.cart tbody tr td.product-price {
    grid-column: 2;
    grid-row: 2;
    font-size: 14px;
    color: #8A8271;
  }
  body.woocommerce-cart table.shop_table.cart tbody tr td.product-quantity {
    grid-column: 3;
    grid-row: 2;
  }
  body.woocommerce-cart table.shop_table.cart tbody tr td.product-subtotal {
    grid-column: 2/span 2;
    grid-row: 3;
    padding-top: 8px !important;
    border-top: 1px solid rgba(207, 196, 187, 0.3) !important;
  }
  body.woocommerce-cart table.shop_table.cart td.actions {
    display: block;
  }
  body.woocommerce-cart table.shop_table.cart td.actions .coupon {
    display: flex;
    width: 100%;
  }
  body.woocommerce-cart table.shop_table.cart td.actions .coupon input.input-text {
    flex: 1;
  }
  body.woocommerce-cart table.shop_table.cart td.actions button.button[name=update_cart] {
    float: none;
    width: 100%;
    margin-top: 8px;
  }
}

.cl-upsell-card {
  display: block;
  margin: 16px 0 0;
  padding: 22px 24px 20px;
  background: #FFF8E6;
  border: 1px solid #D9C588;
  border-radius: 4px;
  position: relative;
}
.cl-upsell-card__eyebrow {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #6E5926;
  margin: 0 0 10px;
}
.cl-upsell-card__headline {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 20px;
  font-weight: 600;
  color: #343332;
  margin: 0 0 8px;
  line-height: 1.2;
  letter-spacing: -0.005em;
}
.cl-upsell-card__body {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 14px;
  font-style: italic;
  color: #8A8271;
  line-height: 1.5;
  margin: 0 0 16px;
}
.cl-upsell-card__body .amount,
.cl-upsell-card__body bdi {
  font-style: normal;
  font-weight: 600;
  color: #343332;
}
.cl-upsell-card__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 14px 20px;
  background: #343332;
  color: #F6EEDF;
  border: 1px solid #343332;
  border-radius: 2px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.15s ease, transform 0.05s ease;
}
.cl-upsell-card__cta:hover:not(:disabled) {
  background: #6E5926;
  border-color: #6E5926;
  color: #F6EEDF;
}
.cl-upsell-card__cta:active:not(:disabled) {
  transform: translateY(1px);
}
.cl-upsell-card__cta:disabled {
  cursor: not-allowed;
  opacity: 0.7;
}
.cl-upsell-card__spinner {
  width: 14px;
  height: 14px;
  border: 2px solid rgba(245, 239, 228, 0.25);
  border-top-color: #F6EEDF;
  border-radius: 50%;
  animation: cl-upsell-spin 0.7s linear infinite;
}
.cl-upsell-card__error {
  margin: 12px 0 0;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 13px;
  color: #9B2C2C;
}

@keyframes cl-upsell-spin {
  to {
    transform: rotate(360deg);
  }
}
.cart-root .cart-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 20px;
}
.cart-root .wm {
  gap: 12px;
}
.cart-root .wm .wm-hat {
  display: block;
  height: 20px;
  width: auto;
}
.cart-root .wm .wm-logo {
  height: 17px;
}
@media (max-width: 700px) {
  .cart-root .cart-header-inner {
    flex-direction: column;
    justify-content: center;
    gap: 7px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .cart-root .wm .wm-logo {
    display: none;
  }
  .cart-root .wm .wm-hat {
    height: 28px;
  }
  .cart-root .cart-header-tag {
    text-align: center;
  }
}
@media (min-width: 861px) {
  .cart-root .cart-header-inner,
  .cart-root .cart-pre-notices-inner,
  .cart-root .cart-notices-inner {
    max-width: 1160px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 1224px) {
  .cart-root .cart-header-inner,
  .cart-root .cart-pre-notices-inner,
  .cart-root .cart-notices-inner {
    padding-left: 0;
    padding-right: 0;
  }
}
.cart-root .cart-header-tag {
  font-family: var(--sans);
  font-weight: 500;
  font-size: 11.5px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #55534A;
}
.cart-root .cart-express {
  background: var(--cart-field-bg);
  border: 1px solid var(--cart-hair);
  border-radius: 0;
  padding: 26px 28px 28px;
}
.cart-root .cart-express-rail-top {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 18px;
}
.cart-root .cart-express-rail-top::before, .cart-root .cart-express-rail-top::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--cart-hair);
}
.cart-root .cart-express-rail-top span {
  font-family: var(--sans);
  font-weight: 600;
  font-size: 11.5px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: #55534A;
}
.cart-root .cart-express-divider {
  margin-top: 18px;
}
.cart-root .cart-express-divider span {
  font-family: var(--sans);
  font-weight: 400;
  font-size: 11.5px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--ink-3);
}
.cart-root .cart-section-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
}
.cart-root .cart-section-num {
  display: none;
}
.cart-root .cart-login-link {
  font-family: var(--sans);
  font-weight: 500;
  font-size: 13.5px;
  letter-spacing: 0.04em;
  color: var(--ink-3);
  text-decoration: underline;
  text-underline-offset: 3px;
  white-space: nowrap;
}
.cart-root .cart-login-link:hover {
  color: var(--brass-dark);
}
.cart-root .woocommerce-form-login-toggle,
.cart-root .cart-pre-notices form.woocommerce-form-login {
  display: none !important;
}
.cart-root .cart-pre-notices-inner {
  padding-top: 0;
  padding-bottom: 0;
}
.cart-root .cart-section-title {
  font-family: var(--serif);
  font-weight: 400;
  font-size: 26px;
}
.cart-root .cart-label-float {
  font-family: var(--sans);
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #8B887C;
}
.cart-root .cart-input,
.cart-root .cart-select {
  font-family: var(--sans);
  font-size: 16px;
}
.cart-root .cart-req,
.cart-root .cart-label-float abbr.required,
.cart-root .cart-label-float .required {
  display: none !important;
}
.cart-root .cart-payment-list {
  border: 1px solid rgba(42, 42, 36, 0.18);
  background: var(--cart-field-bg);
}
.cart-root .cart-pm {
  border-bottom: 1px solid var(--cart-hair);
}
.cart-root .cart-pm:last-child {
  border-bottom: 0;
}
.cart-root .cart-pm-head {
  padding: 18px 20px;
}
.cart-root .cart-pm-label {
  font-family: var(--sans);
  font-weight: 500;
  font-size: 15.5px;
  text-transform: none;
  letter-spacing: 0;
}
.cart-root .cart-pm-radio {
  width: 18px;
  height: 18px;
  border-width: 1.5px;
}
.cart-root .cart-pm-radio::after {
  width: 9px;
  height: 9px;
  background: var(--brass-dark);
}
.cart-root .cart-pm.is-active .cart-pm-radio,
.cart-root .cart-pm:has(input:checked) .cart-pm-radio {
  border-color: var(--brass-dark);
}
.cart-root .cart-pm-body {
  background: #F5F3EC;
}
.cart-root .cart-pm-body .woocommerce-SavedPaymentMethods li,
.cart-root .cart-pm-body .woocommerce-SavedPaymentMethods-token,
.cart-root .cart-pm-body .woocommerce-SavedPaymentMethods-new {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 6px 0;
}
.cart-root .cart-pm-body .woocommerce-SavedPaymentMethods li input[type=radio],
.cart-root .cart-pm-body .woocommerce-SavedPaymentMethods-token input[type=radio],
.cart-root .cart-pm-body .woocommerce-SavedPaymentMethods-new input[type=radio] {
  margin: 0;
  flex: none;
}
.cart-root .cart-pm-body .woocommerce-SavedPaymentMethods li label,
.cart-root .cart-pm-body .woocommerce-SavedPaymentMethods-token label,
.cart-root .cart-pm-body .woocommerce-SavedPaymentMethods-new label {
  display: inline;
  margin: 0;
  font-family: var(--sans);
  font-size: 14.5px;
  letter-spacing: 0.02em;
  text-transform: none;
}
.cart-root.cart-root button.cart-place-btn.button.alt,
.cart-root button.cart-place-btn {
  font-family: var(--sans) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: 0.2em !important;
  padding: 21px 28px !important;
}
.cart-root #payment div.form-row.place-order {
  padding: 0 !important;
}
.cart-root .cart-trust-row {
  justify-content: center;
  gap: 26px;
  margin-top: 22px;
  padding-top: 20px;
  border-top: 1px solid var(--cart-hair-soft);
  font-family: var(--sans);
  font-size: 11.5px;
  letter-spacing: 0.16em;
  color: #8B887C;
}
.cart-root .cart-sum-head h3 {
  font-family: var(--serif);
  font-weight: 400;
  font-size: 21px;
}
.cart-root .plan-line .pl-mark {
  width: 52px;
  height: 52px;
  background: var(--cart-field-bg);
  border: 1px solid rgba(42, 42, 36, 0.16);
  display: flex;
  align-items: center;
  justify-content: center;
}
.cart-root .plan-line .pl-mark .pl-mark__img {
  height: 26px;
  width: auto;
}
.cart-root .pl-name {
  font-family: var(--sans);
  font-weight: 600;
  font-size: 15px;
}
.cart-root .pl-billed {
  font-family: var(--sans);
  font-size: 11.5px;
  line-height: 1.5;
  color: #55534A;
  text-transform: none;
  letter-spacing: 0;
}
.cart-root .pl-price {
  font-family: var(--sans);
  font-weight: 600;
  font-size: 15px;
}
.cart-root .tot-grand > span:first-child {
  font-family: var(--serif);
  font-weight: 400;
  font-size: 17px;
}
.cart-root .tot-grand > span:last-child {
  font-family: var(--serif);
  font-weight: 500;
  font-size: 24px;
}
.cart-root .plan-reframe {
  border-top: 1px solid var(--cart-hair);
  padding-top: 16px;
}
.cart-root .plan-renewal--in-totals {
  margin: -4px 0 0;
  font-family: var(--sans);
  font-size: 12.5px;
  color: #8B887C;
  border: 0;
  padding: 0;
}
.cart-root .cart-sum-head::after,
.cart-root .plan-totals::after,
.cart-root .plan-totals::before {
  left: 0;
  right: 0;
}
.cart-root .plan-guarantee--below {
  display: flex;
  align-items: center;
  gap: 16px;
  background: transparent;
  border: 1px dashed rgba(138, 59, 46, 0.45);
  padding: 18px 22px;
  margin-top: 16px;
}
.cart-root .gu-circle {
  width: 54px;
  height: 54px;
  flex: none;
  border-radius: 50%;
  border: 1.5px solid var(--cochineal);
  color: var(--cochineal);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transform: rotate(-8deg);
}
.cart-root .gu-circle span:first-child {
  font-family: var(--serif);
  font-weight: 600;
  font-size: 15px;
  line-height: 1;
}
.cart-root .gu-circle span:last-child {
  font-family: var(--sans);
  font-weight: 600;
  font-size: 7px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.cart-root .plan-guarantee--below .gu-text {
  font-family: var(--sans);
  font-size: 13px;
  line-height: 1.6;
  color: #55534A;
}
.cart-root .plan-guarantee--below .gu-text strong {
  display: inline;
  font-weight: 600;
  color: var(--ink);
}
.cart-root .cart-reviews {
  margin-top: 28px;
}
.cart-root .cart-reviews-head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
}
.cart-root .cart-reviews-head::before, .cart-root .cart-reviews-head::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--cart-hair);
}
.cart-root .cart-reviews-head span {
  font-family: var(--sans);
  font-weight: 600;
  font-size: 11.5px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #55534A;
  white-space: nowrap;
}
.cart-root .cart-review {
  margin: 0 0 12px;
  background: var(--cart-field-bg);
  border: 1px solid var(--cart-hair);
  padding: 16px 18px;
}
.cart-root .cart-review .cart-review-stars {
  font-size: 15px;
  letter-spacing: 0.24em;
  color: var(--brass-dark);
  margin-bottom: 8px;
}
.cart-root .cart-review .cart-review-title {
  font-family: var(--sans);
  font-weight: 600;
  font-size: 15px;
  color: var(--ink);
  margin-bottom: 6px;
}
.cart-root .cart-review blockquote {
  margin: 0 0 10px;
  font-family: var(--sans);
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--ink-2);
}
.cart-root .cart-review figcaption {
  font-family: var(--sans);
  font-size: 12px;
  color: #8B887C;
}
.cart-root .cart-review figcaption span {
  color: var(--brass-dark);
}

@media (min-width: 861px) {
  .cart-root .cart-grid {
    max-width: 1160px;
    grid-template-columns: minmax(0, 1fr) 400px;
    gap: 72px;
    padding-left: 24px;
    padding-right: 24px;
  }
  .cart-page {
    position: relative;
  }
  .cart-page::after {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: calc((100vw - min(1160px, 100vw - 48px)) / 2 + 436px);
    background: var(--paper-2);
    border-left: 1px solid var(--cart-hair-soft);
    z-index: 0;
    pointer-events: none;
  }
  .cart-header,
  .cart-pre-notices,
  .cart-notices {
    position: relative;
    z-index: 2;
    background: var(--paper);
  }
  .cart-grid {
    position: relative;
    z-index: 1;
  }
  .cart-root .cart-summary {
    background: transparent;
    border: 0;
    padding: 8px 0 0;
  }
}
@media (min-width: 1224px) {
  .cart-root .cart-grid {
    padding-left: 0;
    padding-right: 0;
  }
}
body.cl-blocks-checkout .cart-blocks-shell {
  max-width: 1240px;
  margin: 0 auto;
  padding: clamp(28px, 4vw, 48px) clamp(24px, 4vw, 64px) 120px;
}
body.cl-blocks-checkout .cl-bx-returning {
  margin: 0 0 18px !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout {
  --wc-block-color-primary: #343332;
  --wc-block-color-error: #B0402E;
  --wp--preset--color--primary: #343332;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-sidebar-layout,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-sidebar-layout.is-large,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-sidebar-layout.wc-block-checkout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 440px) !important;
  gap: clamp(36px, 5vw, 72px) !important;
  align-items: start !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
@media (max-width: 900px) {
  body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-sidebar-layout,
  body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-sidebar-layout.is-large,
  body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-sidebar-layout.wc-block-checkout {
    grid-template-columns: 1fr !important;
  }
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-main,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-checkout__main {
  grid-column: 1 !important;
  grid-row: 1 !important;
  padding: 0 !important;
  max-width: none !important;
  width: 100% !important;
  min-width: 0;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-sidebar,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-checkout__sidebar {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  margin-top: 0 !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
body.cl-blocks-checkout .wc-block-checkout {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
@media (max-width: 900px) {
  body.cl-blocks-checkout .wc-block-checkout .wc-block-components-main,
  body.cl-blocks-checkout .wc-block-checkout .wc-block-checkout__main,
  body.cl-blocks-checkout .wc-block-checkout .wc-block-components-sidebar,
  body.cl-blocks-checkout .wc-block-checkout .wc-block-checkout__sidebar {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
  body.cl-blocks-checkout .wc-block-checkout .wc-block-components-sidebar,
  body.cl-blocks-checkout .wc-block-checkout .wc-block-checkout__sidebar {
    order: -1 !important;
  }
}
body.cl-blocks-checkout .wc-block-components-notices:empty,
body.cl-blocks-checkout .wc-block-components-notices__snackbar:empty,
body.cl-blocks-checkout .wc-block-components-notices > div:empty,
body.cl-blocks-checkout .wc-block-components-notice-banner:empty {
  display: none !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.cl-blocks-checkout .wc-block-components-checkout-step__heading-container,
body.cl-blocks-checkout .wc-block-components-checkout-step__heading {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
}
body.cl-blocks-checkout .wc-block-components-notices__snackbar,
body.cl-blocks-checkout .wc-block-components-notices,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-contact-information-block .wc-block-components-notices__snackbar,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-billing-address-block .wc-block-components-notices__snackbar {
  margin: 0 !important;
  padding: 0 !important;
}
body.cl-blocks-checkout .wc-block-components-notices__snackbar > div:empty,
body.cl-blocks-checkout .wc-block-components-notices > div:empty {
  margin: 0 !important;
  height: 0 !important;
}
body.cl-blocks-checkout .checkout-order-summary-block-fill,
body.cl-blocks-checkout .wc-block-components-main .wp-block-woocommerce-checkout-order-summary-block,
body.cl-blocks-checkout .wc-block-checkout__main .wp-block-woocommerce-checkout-order-summary-block {
  display: none !important;
}
body.cl-blocks-checkout .wc-block-components-totals-recurring,
body.cl-blocks-checkout .wc-block-components-recurring-totals,
body.cl-blocks-checkout .wcs-recurring-totals,
body.cl-blocks-checkout .wcs-recurring-totals-panel,
body.cl-blocks-checkout .wc-block-components-order-meta,
body.cl-blocks-checkout [class*=recurring-totals],
body.cl-blocks-checkout .wp-block-woocommerce-checkout-order-note-block,
body.cl-blocks-checkout .wc-block-checkout__order-notes,
body.cl-blocks-checkout .wc-block-components-totals-coupon,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-order-summary-coupon-form,
body.cl-blocks-checkout .wc-block-components-address-form__address_2-toggle,
body.cl-blocks-checkout span.wc-block-components-address-form__address_2-toggle,
body.cl-blocks-checkout .wc-block-components-address-form__address_2-wrapper,
body.cl-blocks-checkout [class*=address_2-toggle],
body.cl-blocks-checkout .wc-block-components-address-form button,
body.cl-blocks-checkout .wc-block-components-address-form a[role=button] {
  display: none !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-order-summary-block,
body.cl-blocks-checkout .wc-block-components-order-summary {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title-text,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-title,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-order-summary-block h2,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-order-summary-block h3,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-step__title,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-step__heading {
  display: none !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-order-summary-block::before {
  display: block;
  content: "Your order";
  margin: 0 0 10px;
  padding-bottom: 8px;
  border-bottom: 1px dotted rgba(207, 196, 187, 0.3);
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 20px;
  font-weight: 600;
  color: #343332;
  line-height: 1.2;
}
body.cl-blocks-checkout .wc-block-components-product-details,
body.cl-blocks-checkout .wc-block-components-product-metadata__description {
  display: none !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-express-payment-block {
  margin: 0 0 clamp(20px, 3vw, 32px);
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-express-payment-block .wc-block-components-title,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-express-payment-block .wc-block-checkout-express-payment-block__title {
  display: none;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-express-payment-block .wc-block-components-express-payment {
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-express-payment-block .wc-block-components-express-payment:empty,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-express-payment-block .wc-block-checkout-express-payment-block:empty {
  display: none;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-express-payment-block .wc-block-components-express-payment-continue-rule,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-express-payment-block .wc-block-components-express-payment-continue-rule--checkout {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 20px 0 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #8A8271;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-express-payment-block .wc-block-components-express-payment-continue-rule::before, body.cl-blocks-checkout .wp-block-woocommerce-checkout-express-payment-block .wc-block-components-express-payment-continue-rule::after,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-express-payment-block .wc-block-components-express-payment-continue-rule--checkout::before,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-express-payment-block .wc-block-components-express-payment-continue-rule--checkout::after {
  content: "";
  flex: 1;
  height: 1px;
  background: rgba(207, 196, 187, 0.3);
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-express-payment-block .wc-block-components-express-payment-continue-rule .wc-block-components-express-payment-continue-rule__divider,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-express-payment-block .wc-block-components-express-payment-continue-rule--checkout .wc-block-components-express-payment-continue-rule__divider {
  background: transparent;
  padding: 0;
}
body.cl-blocks-checkout .wc-block-components-checkout-step__heading,
body.cl-blocks-checkout .wc-block-components-checkout-step__title,
body.cl-blocks-checkout .wc-block-components-checkout-step__description,
body.cl-blocks-checkout .wc-block-components-title:not(.wp-block-woocommerce-checkout-totals-block .wc-block-components-title) {
  display: none !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-contact-information-block {
  margin: 0 !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-billing-address-block,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block {
  margin: 0 0 clamp(28px, 4vw, 40px) !important;
  border: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-shipping-method-block,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-pickup-options-block,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-shipping-address-block {
  display: none !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-contact-information-block::before {
  display: block;
  margin: 0 0 18px;
  content: "Step 01";
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #8A8271;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-contact-information-block::after {
  display: block;
  content: "Your details";
  margin: -14px 0 18px;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 26px;
  font-weight: 600;
  color: #343332;
  line-height: 1.15;
  letter-spacing: -0.005em;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-contact-information-block {
  display: flex;
  flex-direction: column;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-contact-information-block::before {
  order: -2;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-contact-information-block::after {
  order: -1;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block::before {
  display: block;
  margin: 0 0 18px;
  content: "Step 02";
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #8A8271;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block::after {
  display: block;
  content: "Payment method";
  margin: -14px 0 18px;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 26px;
  font-weight: 600;
  color: #343332;
  line-height: 1.15;
  letter-spacing: -0.005em;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block {
  display: flex;
  flex-direction: column;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block::before {
  order: -2;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block::after {
  order: -1;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-billing-address-block {
  padding-top: 0 !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-text-input,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-select,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-combobox {
  position: relative !important;
  margin: 0 0 14px !important;
  background: var(--cart-field-bg, #FBF8F0) !important;
  border: 1px solid rgba(207, 196, 187, 0.3) !important;
  border-radius: 2px !important;
  padding: 0 !important;
  min-height: 56px;
  box-sizing: border-box;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-text-input label,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-text-input .wc-block-components-text-input__label,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-select label,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-select .wc-block-components-text-input__label,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-combobox label,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-combobox .wc-block-components-text-input__label {
  position: absolute !important;
  top: 9px !important;
  left: 14px !important;
  right: 14px !important;
  bottom: auto !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #8A8271 !important;
  background: transparent !important;
  line-height: 1.2 !important;
  pointer-events: none !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-text-input input,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-text-input select,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-select input,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-select select,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-combobox input,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-combobox select {
  width: 100% !important;
  appearance: none !important;
  background: transparent !important;
  border: 0 !important;
  padding: 26px 14px 10px !important;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif !important;
  font-size: 16px !important;
  color: #343332 !important;
  line-height: 1.3 !important;
  box-shadow: none !important;
  margin: 0 !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-text-input input:focus,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-text-input select:focus,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-select input:focus,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-select select:focus,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-combobox input:focus,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-combobox select:focus {
  outline: none !important;
  box-shadow: none !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-text-input select,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-select select,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-combobox select {
  padding-right: 40px !important;
  cursor: pointer;
  background-image: linear-gradient(45deg, transparent 50%, #343332 50%), linear-gradient(-45deg, transparent 50%, #343332 50%) !important;
  background-position: calc(100% - 20px) 60%, calc(100% - 14px) 60% !important;
  background-size: 6px 6px !important;
  background-repeat: no-repeat !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-text-input:focus-within,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-select:focus-within,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-combobox:focus-within {
  background: #FFFFFF !important;
  border-color: #343332 !important;
  box-shadow: 0 0 0 3px rgba(26, 25, 21, 0.08) !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-text-input .wc-block-components-text-input__label--required-mark,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-text-input .required, body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-text-input::after,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-select .wc-block-components-text-input__label--required-mark,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-select .required,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-select::after,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-combobox .wc-block-components-text-input__label--required-mark,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-combobox .required,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-combobox::after {
  color: #B0402E !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-text-input .wc-block-components-validation-error,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-select .wc-block-components-validation-error,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-combobox .wc-block-components-validation-error {
  position: absolute !important;
  bottom: -16px !important;
  left: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #B0402E !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-text-input.has-error,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-select.has-error,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-combobox.has-error {
  border-color: #B0402E !important;
  background: #F4E4E2 !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-combobox-control__suggestions-container,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-combobox__listbox {
  z-index: 50 !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-blocks-components-select {
  position: relative !important;
  margin: 0 0 14px !important;
  background: var(--cart-field-bg, #FBF8F0) !important;
  border: 1px solid rgba(207, 196, 187, 0.3) !important;
  border-radius: 2px !important;
  padding: 0 !important;
  box-sizing: border-box;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__container {
  position: relative;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  height: auto !important;
  min-height: 0 !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__label,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-blocks-components-select label {
  position: absolute !important;
  top: 9px !important;
  left: 14px !important;
  right: 14px !important;
  bottom: auto !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #8A8271 !important;
  background: transparent !important;
  line-height: 1.2 !important;
  pointer-events: none !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__select,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-blocks-components-select select {
  width: 100% !important;
  appearance: none !important;
  background: transparent !important;
  border: 0 !important;
  padding: 22px 36px 8px 14px !important;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif !important;
  font-size: 16px !important;
  color: #343332 !important;
  line-height: 1.3 !important;
  cursor: pointer !important;
  box-shadow: none !important;
  margin: 0 !important;
  height: 56px !important;
  box-sizing: border-box !important;
  background-image: linear-gradient(45deg, transparent 50%, #343332 50%), linear-gradient(-45deg, transparent 50%, #343332 50%) !important;
  background-position: calc(100% - 20px) 60%, calc(100% - 14px) 60% !important;
  background-size: 6px 6px !important;
  background-repeat: no-repeat !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__select:focus,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-blocks-components-select select:focus {
  outline: none !important;
  box-shadow: none !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__expand,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-blocks-components-select .wc-block-components-select__chevron,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-blocks-components-select svg[aria-hidden=true] {
  display: none !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-blocks-components-select:focus-within {
  background: #FFFFFF !important;
  border-color: #343332 !important;
  box-shadow: 0 0 0 3px rgba(26, 25, 21, 0.08) !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-address-form__country .wc-blocks-components-select__label {
  font-size: 0 !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-address-form__country .wc-blocks-components-select__label::before {
  content: "Country" !important;
  display: inline-block;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #8A8271 !important;
  line-height: 1.2;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-text-input__label--required-mark,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-blocks-components-select__label .required,
body.cl-blocks-checkout .wp-block-woocommerce-checkout label .required {
  display: none !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-text-input:has(input[required])::after {
  content: "*";
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #B0402E !important;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 18px;
  line-height: 1;
  pointer-events: none;
  z-index: 2;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-blocks-components-select:has(select[required])::after {
  content: "*";
  position: absolute;
  right: 38px;
  top: 50%;
  transform: translateY(-50%);
  color: #B0402E !important;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 18px;
  line-height: 1;
  pointer-events: none;
  z-index: 2;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-address-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 14px;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-address-form > * {
  grid-column: span 2;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-address-form .wc-block-components-address-form__first_name,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-address-form .wc-block-components-address-form__last_name,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-address-form .wc-block-components-address-form__state,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-address-form .wc-block-components-address-form__postcode {
  grid-column: span 1;
}
@media (max-width: 600px) {
  body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-address-form {
    grid-template-columns: 1fr;
  }
  body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-address-form > * {
    grid-column: span 1;
  }
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-payment-method-options,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(207, 196, 187, 0.3) !important;
  border-radius: 2px;
  background: var(--cart-field-bg, #FBF8F0);
  overflow: hidden;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control-accordion-option,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control-accordion-option--checked,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control-accordion-option--selected,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control--highlight-checked,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option {
  border-color: rgba(207, 196, 187, 0.3) !important;
  outline: 0 !important;
  box-shadow: none !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 18px;
  margin: 0;
  cursor: pointer;
  border: 0 !important;
  background: transparent;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 17px;
  color: #343332;
  transition: background 0.12s ease;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option:hover {
  background: rgba(26, 25, 21, 0.02);
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option input[type=radio] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option::before {
  content: "";
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1.5px solid rgba(27, 24, 18, 0.16);
  background: #FFFFFF;
  transition: border-color 0.15s ease, background 0.15s ease;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option::after {
  content: "";
  position: absolute;
  left: 22px;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #343332;
  opacity: 0;
  transition: opacity 0.15s ease;
  pointer-events: none;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option {
  position: relative;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option.wc-block-components-radio-control__option--checked, body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option[data-checked=true], body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option:has(input[type=radio]:checked) {
  background: rgba(143, 110, 50, 0.04);
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option.wc-block-components-radio-control__option--checked::before, body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option[data-checked=true]::before, body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option:has(input[type=radio]:checked)::before {
  border-color: #343332;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option.wc-block-components-radio-control__option--checked::after, body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option[data-checked=true]::after, body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option:has(input[type=radio]:checked)::after {
  opacity: 1;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option .wc-block-components-radio-control__label {
  flex: 1;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 17px;
  color: #343332;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option .wc-block-components-radio-control__option-layout,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option .wc-block-components-payment-method-icons,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option img {
  max-height: 22px;
  width: auto;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option:has(input#radio-control-wc-payment-method-options-stripe) > .wc-block-components-payment-method-icons,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option:has(input#radio-control-wc-payment-method-options-stripe) > img,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option:has(input#radio-control-wc-payment-method-options-stripe) .wc-block-components-payment-method-icons img, body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option:has(input[value=stripe]) > .wc-block-components-payment-method-icons,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option:has(input[value=stripe]) > img,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option:has(input[value=stripe]) .wc-block-components-payment-method-icons img {
  display: none !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option:has(input#radio-control-wc-payment-method-options-stripe)::before, body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option:has(input[value=stripe])::before {
  content: "";
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option:has(input[value=ppcp-gateway]) > .wc-block-components-payment-method-icons,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option:has(input[value=ppcp-gateway]) > img, body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option:has(input[value=paypal]) > .wc-block-components-payment-method-icons,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option:has(input[value=paypal]) > img {
  display: none !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option .wc-block-components-radio-control__label img,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option .wc-block-components-radio-control__label span[class*=css-] {
  display: none !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option .wc-block-components-radio-control__label-group {
  display: flex !important;
  flex-grow: 1 !important;
  flex-shrink: 1 !important;
  flex-basis: 0 !important;
  width: 100% !important;
  align-items: center !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option .wc-block-components-radio-control__label-group > .wc-block-components-radio-control__label {
  flex: 0 0 auto !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .cl-bx-pmt-chips {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: auto !important;
  padding-left: 18px !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .cl-bx-pmt-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 4px 8px !important;
  border: 1px solid rgba(27, 24, 18, 0.16) !important;
  border-radius: 2px !important;
  background: #FFFFFF !important;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: #8A8271 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-payment-methods__content,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-payment-method-content,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control-accordion-content {
  margin: 14px !important;
  padding: 18px !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(207, 196, 187, 0.3) !important;
  border-radius: 2px !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control-accordion-content > p.content:first-of-type,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control-accordion-content > p:first-child {
  display: none !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block [class*=StripeLinkAuthentication],
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block [class*=LinkAuthentication],
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control-accordion-content [class*=link-authentication],
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control-accordion-content [class*=Link]:not([class*=Stripe]):not([class*=link]) {
  display: none !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wcstripe-payment-element {
  background: var(--cart-field-bg, #FBF8F0) !important;
  border: 1px solid rgba(207, 196, 187, 0.3) !important;
  border-radius: 2px !important;
  padding: 16px !important;
  min-height: 200px;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wcstripe-payment-element label {
  display: block !important;
  margin: 0 0 6px !important;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #8A8271 !important;
  line-height: 1.2 !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wcstripe-payment-element a, body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wcstripe-payment-element button {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #343332 !important;
  text-decoration: underline !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wcstripe-payment-element p, body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wcstripe-payment-element .__PrivateStripeElement + p {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif !important;
  font-size: 12px !important;
  font-style: italic;
  color: #8A8271 !important;
  margin: 12px 0 0 !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-saved-payment-method-options {
  margin: 0 0 14px;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control-accordion-content,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block [id$=__content][class*=radio-control-accordion-content] {
  display: block !important;
  height: auto !important;
  min-height: 220px !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
  transition: none !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control-accordion-option {
  pointer-events: auto;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option::before,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option::after {
  display: none !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option {
  cursor: default !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option:hover {
  background: transparent !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wcstripe-payment-element,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .__PrivateStripeElement {
  min-height: 200px !important;
  height: auto !important;
  transition: none !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .__PrivateStripeElement > iframe,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wcstripe-payment-element iframe {
  min-height: 180px !important;
  width: 100% !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-payment-method-options,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control {
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  overflow: visible !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block [class*=wc-block-components-radio-control-accordion-option],
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block [class*=wc-block-components-radio-control--highlight-checked] {
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block > *, body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block > * > *, body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block > * > * > *, body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block > * > * > * > *,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-checkout-step,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-checkout-step__content,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-checkout-step__heading,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-checkout-step__description,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-payment-methods,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-payment-method,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-payment-method-options,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-payment-method-content {
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__label,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block label.wc-block-components-radio-control__option,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option > .wc-block-components-radio-control__label-group {
  display: none !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option {
  padding: 0 !important;
  background: transparent !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option:hover {
  background: transparent !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .cl-bx-card-caption {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif !important;
  font-style: italic !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #8A8271 !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  margin: -8px 0 18px !important;
  padding: 0 !important;
  display: block;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__label img,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-payment-method-icons {
  display: none !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wcstripe-payment-element {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 8px 0 !important;
  margin: 0 !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wcstripe-payment-element,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .__PrivateStripeElement,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wcstripe-payment-element iframe,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .__PrivateStripeElement > iframe {
  width: 100% !important;
  max-width: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control-accordion-content,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block [id$=__content][class*=radio-control-accordion-content] {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-actions-block {
  margin: 24px 0 0;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-actions-block .wc-block-components-checkout-place-order-button,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-actions-block button.wc-block-components-button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  padding: 18px 24px !important;
  background: #343332 !important;
  color: #F6EEDF !important;
  border: 1px solid #343332 !important;
  border-radius: 2px !important;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: background 0.15s ease, transform 0.05s ease;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-actions-block .wc-block-components-checkout-place-order-button:hover,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-actions-block button.wc-block-components-button:hover {
  background: #000 !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-actions-block .wc-block-components-checkout-place-order-button:active,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-actions-block button.wc-block-components-button:active {
  transform: translateY(1px);
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-actions-block .wc-block-components-checkout-place-order-button:disabled, body.cl-blocks-checkout .wp-block-woocommerce-checkout-actions-block .wc-block-components-checkout-place-order-button.wc-block-components-button--loading,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-actions-block button.wc-block-components-button:disabled,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-actions-block button.wc-block-components-button.wc-block-components-button--loading {
  opacity: 0.65;
  cursor: wait;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-actions-block .wc-block-components-checkout-place-order-button .wc-block-components-button__text,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-actions-block button.wc-block-components-button .wc-block-components-button__text {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  letter-spacing: inherit;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-actions-block .wc-block-components-checkout-return-to-cart-button,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-actions-block a.wc-block-components-checkout-return-to-cart-button {
  display: none !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row {
  display: block !important;
  width: 100% !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-terms-block,
body.cl-blocks-checkout .wc-block-checkout__terms,
body.cl-blocks-checkout .wc-block-checkout__terms--with-separator {
  display: none !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-terms-block {
  margin: 18px 0;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-terms-block .wc-block-checkout__terms,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-terms-block .wc-block-components-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 14px;
  color: #4A463E;
  line-height: 1.5;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-terms-block .wc-block-checkout__terms input[type=checkbox],
body.cl-blocks-checkout .wp-block-woocommerce-checkout-terms-block .wc-block-components-checkbox input[type=checkbox] {
  margin: 2px 0 0;
  accent-color: #343332;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-terms-block .wc-block-checkout__terms a,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-terms-block .wc-block-components-checkbox a {
  color: #6E5926;
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block {
  background: var(--paper-2, #FAF6EC) !important;
  border: 1px solid rgba(207, 196, 187, 0.3) !important;
  border-radius: 4px !important;
  padding: clamp(20px, 3vw, 28px) !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .plan-guarantee--promoted,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .cl-bx-guarantee {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 0 0 12px;
  margin: 0 0 12px;
  border-bottom: 1px dotted rgba(207, 196, 187, 0.3);
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .plan-guarantee--promoted .gu-stamp,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .cl-bx-guarantee .gu-stamp {
  width: 56px;
  height: 56px;
  flex: 0 0 56px;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .plan-guarantee--promoted .gu-text,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .cl-bx-guarantee .gu-text {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 13px;
  line-height: 1.4;
  color: #4A463E;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .plan-guarantee--promoted .gu-text strong,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .cl-bx-guarantee .gu-text strong {
  display: block;
  margin: 0 0 4px;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 17px;
  font-weight: 600;
  color: #343332;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-title,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block h2.wp-block-heading,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-order-summary .wc-block-components-title,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-order-summary h2.wp-block-heading {
  display: block;
  margin: 0 0 14px;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 22px;
  font-weight: 600;
  color: #343332;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-order-summary-item {
  display: grid !important;
  grid-template-columns: 56px 1fr auto !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 12px 0 !important;
  border-bottom: 1px dotted rgba(207, 196, 187, 0.3) !important;
  background: transparent !important;
  position: relative !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-order-summary-item:last-of-type {
  border-bottom: 1px dotted rgba(207, 196, 187, 0.3) !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-order-summary-item .wc-block-components-order-summary-item__image,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-order-summary-item .wc-block-components-product-image {
  width: 56px !important;
  height: 56px !important;
  background: #F6EEDF url("/wp-content/themes/cl-theme-new/assets/images/hat-icon.png") no-repeat center center !important;
  background-size: 60% auto !important;
  border: 1px solid rgba(207, 196, 187, 0.3) !important;
  border-radius: 0 !important;
  display: grid !important;
  place-items: center !important;
  position: relative !important;
  overflow: hidden !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-order-summary-item .wc-block-components-order-summary-item__image::after,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-order-summary-item .wc-block-components-product-image::after {
  content: "";
  position: absolute;
  inset: 3px;
  border: 1px solid rgba(207, 196, 187, 0.3);
  pointer-events: none;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-order-summary-item .wc-block-components-order-summary-item__image img,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-order-summary-item .wc-block-components-product-image img {
  display: none !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-order-summary-item .wc-block-components-order-summary-item__description {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 2px !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-order-summary-item .wc-block-components-product-name {
  display: block !important;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #343332 !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  letter-spacing: -0.005em;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-order-summary-item .wc-block-components-product-metadata {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: #8A8271 !important;
  margin: 0 !important;
  line-height: 1.4;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-order-summary-item .wc-block-components-order-summary-item__individual-prices,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-order-summary-item .wc-block-components-order-summary-item__description .wc-block-components-product-price,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-order-summary-item .wc-block-components-order-summary-item__description .wc-block-components-order-summary-item__individual-price {
  display: none !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-order-summary-item .wc-block-components-order-summary-item__total-price {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #343332 !important;
  text-align: right !important;
  white-space: nowrap !important;
  display: flex !important;
  align-items: baseline !important;
  justify-content: flex-end !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-order-summary-item .wc-block-components-order-summary-item__total-price::after {
  content: " / month" !important;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  color: #8A8271 !important;
  margin-left: 2px !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-order-summary-item .wc-block-components-order-summary-item__total-price .wc-block-formatted-money-amount,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-order-summary-item .wc-block-components-order-summary-item__total-price .wc-block-components-formatted-money-amount {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #343332 !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-order-summary-item .wc-block-components-order-summary-item__quantity {
  display: none !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-product-name::after {
  display: block;
  content: "MEMBERSHIP";
  margin-top: 6px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #8A8271;
  line-height: 1.4;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-totals-item {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  padding: 6px 0 !important;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif !important;
  font-size: 15px !important;
  color: #4A463E !important;
  border: 0 !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-totals-item .wc-block-components-totals-item__label {
  color: #4A463E !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-totals-item .wc-block-components-totals-item__value {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif !important;
  font-weight: 600 !important;
  color: #343332 !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-totals-wrapper,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-cart-items-block,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-subtotal-block,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-totals-block,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-fee-block,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-discount-block,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-taxes-block,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-shipping-block {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-totals-footer-item,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-totals-item.wc-block-components-totals-footer-item {
  margin-top: 4px !important;
  padding-top: 6px !important;
  border-top: 0 !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-totals-item.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #343332 !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-totals-item.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  color: #343332 !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-totals-footer-item .wc-block-components-totals-item__value::after,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-totals-item.wc-block-components-totals-footer-item .wc-block-components-totals-item__value::after {
  content: " USD";
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.12em;
  color: #8A8271;
  margin-left: 4px;
  text-transform: uppercase;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-totals-coupon {
  margin: 12px 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #8A8271;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-totals-coupon a, body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .wc-block-components-totals-coupon button {
  color: #6E5926;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .plan-renewal,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .cl-bx-renewal {
  margin: 10px 0 0;
  padding: 10px 0 0;
  border-top: 1px dotted rgba(207, 196, 187, 0.3);
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 14px;
  color: #4A463E;
  line-height: 1.45;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .plan-renewal strong,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .cl-bx-renewal strong {
  color: #343332;
  font-weight: 600;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .plan-renewal .plan-renewal-aside,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block .cl-bx-renewal .plan-renewal-aside {
  display: block;
  margin-top: 4px;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-style: italic;
  font-size: 13px;
  letter-spacing: 0;
  text-transform: none;
  color: #8A8271;
  font-weight: 400;
}
@media (max-width: 900px) {
  body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-totals-wrapper {
    position: static;
    margin: 0 0 24px;
  }
  body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block {
    background: #FAF6EC !important;
    border: 1px solid rgba(207, 196, 187, 0.3) !important;
    border-radius: 4px !important;
    padding: 0 16px 20px !important;
    margin-bottom: 24px !important;
  }
  body.cl-blocks-checkout .cl-bx-guarantee,
  body.cl-blocks-checkout .plan-guarantee--promoted {
    display: none !important;
  }
  body.cl-blocks-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title,
  body.cl-blocks-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title-text,
  body.cl-blocks-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title-icon {
    display: flex !important;
    align-items: center !important;
  }
  body.cl-blocks-checkout .wc-block-components-checkout-order-summary__title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px;
    padding: 14px 0 !important;
    margin: 0 !important;
    border-top: 1px solid rgba(207, 196, 187, 0.3) !important;
    border-bottom: 1px solid rgba(207, 196, 187, 0.3) !important;
    font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: #343332 !important;
    cursor: pointer;
  }
  body.cl-blocks-checkout .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text {
    font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif !important;
    font-size: 11px !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: #343332 !important;
  }
  body.cl-blocks-checkout .wc-block-components-checkout-order-summary__title .wc-block-formatted-money-amount,
  body.cl-blocks-checkout .wc-block-components-checkout-order-summary__title .wc-block-components-formatted-money-amount {
    font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    color: #343332 !important;
    letter-spacing: 0;
    text-transform: none;
  }
  body.cl-blocks-checkout .wp-block-woocommerce-checkout-order-summary-block::before {
    display: none !important;
  }
  body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block:has(.wc-block-components-checkout-order-summary__title[aria-expanded=false]) .cl-bx-renewal,
  body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block:has(.wc-block-components-checkout-order-summary__title[aria-expanded=false]) .plan-renewal {
    display: none !important;
  }
  body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block:has(.wc-block-components-checkout-order-summary__title[aria-expanded=true]) .cl-bx-renewal,
  body.cl-blocks-checkout .wp-block-woocommerce-checkout-totals-block:has(.wc-block-components-checkout-order-summary__title[aria-expanded=true]) .plan-renewal {
    display: block !important;
  }
}
body.cl-blocks-checkout .wc-block-components-notices,
body.cl-blocks-checkout .wc-block-components-notice-banner {
  margin: 0 0 18px;
  padding: 14px 18px;
  background: #F4E4E2;
  border: 1px solid #B0402E;
  border-left: 3px solid #B0402E;
  border-radius: 2px;
  color: #343332;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 14px;
  line-height: 1.45;
}
body.cl-blocks-checkout .wc-block-components-skeleton__element,
body.cl-blocks-checkout .wc-block-components-loading-mask::before {
  background: #F0EEE8 !important;
}
body.cl-blocks-checkout.cl-no-tax .wp-block-woocommerce-checkout-order-summary-subtotal-block {
  display: none !important;
}
body.cl-blocks-checkout .cl-bx-returning {
  margin: 0 0 24px;
  padding: 14px 18px;
  background: #FAF6EC;
  border: 1px dashed rgba(207, 196, 187, 0.3);
  border-left: 3px solid #6E5926;
  border-radius: 2px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 14px;
  color: #4A463E;
  line-height: 1.45;
}
body.cl-blocks-checkout .cl-bx-returning .cl-bx-returning__link {
  color: #343332;
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 500;
}
body.cl-blocks-checkout .cl-bx-returning .cl-bx-returning__link:hover {
  color: #6E5926;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-contact-information-block .wc-block-components-checkout-step__content {
  display: flex !important;
  flex-direction: column !important;
}
body.cl-blocks-checkout.cl-blocks-checkout .wc-block-components-checkout-step__content,
body.cl-blocks-checkout .wp-block-woocommerce-checkout .wc-block-components-checkout-step__content,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-contact-information-block .wc-block-components-checkout-step__content,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-billing-address-block .wc-block-components-checkout-step__content,
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-checkout-step__content {
  margin-bottom: 0 !important;
  margin-block-end: 0 !important;
}
body.cl-blocks-checkout .wc-block-components-address-form {
  margin-bottom: 0 !important;
  margin-block-end: 0 !important;
}
body.cl-blocks-checkout .cl-bx-intro {
  order: -1 !important;
  margin: -8px 0 14px;
  padding: 0;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-style: italic;
  font-size: 14px;
  color: #8A8271;
  line-height: 1.5;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-contact-information-block {
  position: relative;
}
body.cl-blocks-checkout .cl-bx-login-link {
  position: absolute;
  top: 0;
  right: 0;
  order: -3 !important;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #8A8271 !important;
  text-decoration: none !important;
  line-height: 1.2;
  z-index: 2;
}
body.cl-blocks-checkout .cl-bx-login-link span {
  color: #343332 !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.cl-blocks-checkout .cl-bx-login-link:hover span {
  color: #6E5926 !important;
}
body.cl-blocks-checkout .wp-block-woocommerce-checkout-payment-block {
  border-top: 1px solid rgba(207, 196, 187, 0.3) !important;
  padding-top: clamp(28px, 4vw, 40px) !important;
}
body.cl-blocks-checkout .cart-trust-row--actions {
  margin: 18px auto 0 0 !important;
  padding: 0 !important;
  max-width: calc(100% - 440px - clamp(36px, 5vw, 72px)) !important;
}
@media (max-width: 900px) {
  body.cl-blocks-checkout .cart-trust-row--actions {
    max-width: 100% !important;
    margin: 18px 0 0 !important;
  }
}

.or-page {
  min-height: 100%;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--body);
}
.or-page *, .or-page *::before, .or-page *::after {
  box-sizing: border-box;
}

.or-hero {
  padding: clamp(56px, 8vw, 112px) clamp(24px, 4vw, 64px) clamp(40px, 5vw, 80px);
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.or-hero::after {
  content: "✦";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--paper);
  color: var(--brass);
  font-size: 20px;
  padding: 0 16px;
}

.or-hero-rule {
  height: 1px;
  background: var(--cart-hair);
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.or-eyebrow {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--brass-dark);
  display: inline-flex;
  gap: 14px;
  align-items: center;
  margin-bottom: 28px;
}
.or-eyebrow::before, .or-eyebrow::after {
  content: "";
  width: 24px;
  height: 1px;
  background: var(--brass-dark);
  opacity: 0.6;
}

.or-seal {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: var(--cochineal);
  color: var(--paper);
  margin: 0 auto 32px;
  display: grid;
  place-items: center;
  text-align: center;
  font-family: var(--serif);
  font-style: italic;
  transform: rotate(-6deg);
  box-shadow: 0 12px 32px -12px rgba(168, 66, 59, 0.4), inset 0 0 0 1px rgba(245, 239, 228, 0.15);
  position: relative;
}
.or-seal::before {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: 50%;
  border: 1px dashed rgba(245, 239, 228, 0.5);
}
.or-seal .seal-mark {
  font-size: 50px;
  line-height: 1;
  font-weight: 600;
}
.or-seal .seal-sub {
  position: absolute;
  bottom: 16px;
  left: 0;
  right: 0;
  font-family: var(--mono);
  font-style: normal;
  font-size: 8px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  opacity: 0.85;
}

.or-title {
  font-family: var(--serif);
  font-size: clamp(42px, 5.6vw, 76px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.015em;
  margin: 0 0 18px;
  color: var(--ink);
}
.or-title em {
  font-style: italic;
  color: var(--brass-dark);
  font-weight: 400;
}

.or-lede {
  font-size: 19px;
  color: var(--ink-2);
  max-width: 52ch;
  margin: 0 auto 20px;
  line-height: 1.55;
}
.or-lede strong {
  color: var(--ink);
  font-weight: 600;
}

.or-signature {
  font-family: var(--serif);
  font-style: italic;
  font-size: 18px;
  color: var(--ink-2);
  margin: 12px auto 0;
}
.or-signature .sig-name {
  display: block;
  font-style: normal;
  font-family: var(--serif);
  font-weight: 600;
  color: var(--ink);
  font-size: 16px;
  margin-top: 4px;
}
.or-signature .sig-role {
  display: block;
  font-style: italic;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ink-3);
  margin-top: 2px;
}

.or-body {
  max-width: 1100px;
  margin: 0 auto;
  padding: clamp(36px, 5vw, 72px) clamp(24px, 4vw, 64px) clamp(80px, 10vw, 140px);
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: clamp(32px, 4vw, 56px);
  align-items: start;
}

.or-receipt {
  background: var(--paper);
  border: 1px solid var(--ink);
  padding: 32px 32px 28px;
}
.or-receipt .rec-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  border-bottom: 1px solid var(--ink);
  padding-bottom: 14px;
  margin-bottom: 20px;
  gap: 12px;
}
.or-receipt .rec-head h3 {
  font-family: var(--serif);
  font-size: 22px;
  font-weight: 600;
  margin: 0;
  letter-spacing: -0.005em;
  color: var(--ink);
}
.or-receipt .rec-order {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ink-3);
  text-align: right;
}
.or-receipt .rec-order strong {
  display: block;
  color: var(--ink);
  font-weight: 600;
  margin-top: 2px;
}

.rec-meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 22px;
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: 1px dashed var(--cart-hair);
  font-size: 14px;
}
.rec-meta dt {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ink-3);
  margin-bottom: 2px;
}
.rec-meta dd {
  margin: 0;
  color: var(--ink);
  font-weight: 500;
}

.rec-totals {
  display: grid;
  gap: 6px;
  font-size: 15px;
  color: var(--ink-2);
}
.rec-totals .rec-row {
  display: flex;
  justify-content: space-between;
}
.rec-totals .rec-row.rec-grand {
  font-family: var(--serif);
  font-size: 26px;
  font-weight: 600;
  color: var(--ink);
  padding-top: 10px;
  margin-top: 8px;
  border-top: 1px solid var(--cart-hair);
  align-items: baseline;
}

.rec-actions {
  display: flex;
  gap: 10px;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px dashed var(--cart-hair);
}
.rec-actions a {
  flex: 1;
  text-align: center;
  padding: 10px 12px;
  border: 1px solid var(--cart-hair);
  background: var(--cart-field-bg);
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ink-2);
  border-radius: 2px;
  transition: border-color 0.12s ease, color 0.12s ease;
  text-decoration: none;
}
.rec-actions a:hover {
  border-color: var(--ink);
  color: var(--ink);
}

.or-cta {
  background: var(--ink);
  color: var(--paper);
  padding: 40px 36px 36px;
  position: relative;
  overflow: hidden;
}
.or-cta::before {
  content: "";
  position: absolute;
  inset: 8px;
  border: 1px solid rgba(245, 239, 228, 0.12);
  pointer-events: none;
}

.or-cta-eye {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--brass);
  margin-bottom: 16px;
  position: relative;
}

.or-cta-title {
  font-family: var(--serif);
  font-size: 34px;
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -0.01em;
  margin: 0 0 16px;
  color: var(--paper);
  position: relative;
}
.or-cta-title em {
  font-style: italic;
  color: var(--brass);
  font-weight: 400;
}

.or-cta-lede {
  font-size: 15px;
  color: rgba(245, 239, 228, 0.78);
  line-height: 1.55;
  margin-bottom: 28px;
  position: relative;
}

.or-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 18px 24px;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  border-radius: 2px;
  transition: background 0.12s ease;
  text-decoration: none;
  position: relative;
}
.or-cta-btn:hover {
  background: #FFFAF0;
  color: var(--ink);
}

.or-cta-mosaic {
  margin-top: 32px;
  padding-top: 22px;
  border-top: 1px dashed rgba(245, 239, 228, 0.2);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  position: relative;
}
.or-cta-mosaic .tile {
  aspect-ratio: 4/5;
  background: var(--paper-2);
  position: relative;
  overflow: hidden;
}
.or-cta-mosaic .tile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(0.1) contrast(1.02);
}
.or-cta-mosaic .or-cta-mosaic-cap {
  grid-column: 1/-1;
  margin-top: 8px;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(245, 239, 228, 0.55);
  text-align: center;
}

.or-foot {
  border-top: 1px solid var(--cart-hair);
  padding: 28px clamp(24px, 4vw, 64px);
  text-align: center;
  font-size: 14px;
  color: var(--ink-3);
  font-style: italic;
}
.or-foot strong {
  font-style: normal;
  color: var(--ink);
}
.or-foot a {
  color: var(--ink-2);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.or-receipt .plan-renewal {
  padding-top: 18px;
  border-top: 1px dashed var(--cart-hair);
  margin-top: 20px;
}

@media (max-width: 860px) {
  .or-hero {
    padding: 40px 20px 32px;
  }
  .or-seal {
    width: 110px;
    height: 110px;
    margin-bottom: 24px;
  }
  .or-seal .seal-mark {
    font-size: 38px;
  }
  .or-title {
    font-size: 36px;
  }
  .or-lede {
    font-size: 16px;
  }
  .or-body {
    grid-template-columns: 1fr;
    padding: 24px 20px 60px;
    gap: 24px;
  }
  .or-receipt {
    padding: 24px 22px 22px;
  }
  .or-cta {
    padding: 32px 24px 28px;
  }
  .or-cta-title {
    font-size: 26px;
  }
  .rec-actions {
    flex-direction: column;
  }
}
.jr-root {
  background: #F6EEDF;
  color: #4A463E;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
}
.jr-root hr {
  border: 0;
  border-top: 1px solid rgba(207, 196, 187, 0.3);
  margin: 16px 0;
}

.jr-shell {
  max-width: 1180px;
  margin: 0 auto;
  padding: 24px clamp(24px, 4vw, 48px) 64px;
}

.jr-rule {
  border: 0;
  border-top: 1px solid rgba(27, 24, 18, 0.16);
  margin: 16px 0;
}
.jr-rule--soft {
  border-top-color: rgba(207, 196, 187, 0.3);
}

.jr-dot {
  color: #8A8271;
  opacity: 0.5;
  padding: 0 6px;
}

.jr-eyebrow {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #6E5926;
  margin: 0 0 12px;
}

.jr-section-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin-top: 48px;
  flex-wrap: wrap;
}

.jr-section-title {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #8A8271;
  margin: 0;
  font-weight: 500;
}

.jr-section-caption {
  margin: 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 15px;
  color: #8A8271;
}

.jr-featured {
  margin: 24px 0 48px;
}

.jr-featured__link {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: clamp(24px, 4vw, 48px);
  align-items: center;
  text-decoration: none;
  color: inherit;
}
.jr-featured__link:hover .jr-featured__cta {
  color: #6E5926;
  border-bottom-color: #6E5926;
}
.jr-featured__link:hover .jr-featured__title {
  color: #6E5926;
}
@media (max-width: 776px) {
  .jr-featured__link {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.jr-featured__figure {
  min-width: 0;
}

.jr-featured__frame {
  position: relative;
  border: 1px solid #6E5926;
  background: #F6EEDF;
  padding: 12px;
  overflow: hidden;
}

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

.jr-featured__body {
  min-width: 0;
}

.jr-featured__eyebrow {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  margin: 0 0 12px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #8A8271;
}

.jr-featured__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: clamp(36px, 3.8vw, 50px);
  line-height: 1.05;
  letter-spacing: -0.015em;
  color: #343332;
  margin: 0 0 16px;
  font-weight: 500;
  transition: color 0.15s ease;
}

.jr-featured__dek {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 20px;
  line-height: 1.55;
  color: #4A463E;
  margin: 0 0 16px;
  max-width: 52ch;
}

.jr-featured__cta {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #6E5926;
  border-bottom: 1px solid #6E5926;
  padding-bottom: 2px;
  transition: color 0.15s ease, border-color 0.15s ease;
}

.jr-entries {
  margin: 24px 0 48px;
  display: flex;
  flex-direction: column;
}

.jr-entry {
  border-top: 1px solid rgba(207, 196, 187, 0.3);
}
.jr-entry:first-child {
  border-top: 0;
}

.jr-entry__link {
  display: grid;
  grid-template-columns: 96px minmax(0, 540px) 1fr;
  gap: clamp(16px, 3vw, 32px);
  padding: 24px 0;
  text-decoration: none;
  color: inherit;
  align-items: center;
}
.jr-entry__link:hover .jr-entry__title {
  color: #6E5926;
}
.jr-entry__link:hover .jr-entry__thumb-frame {
  border-color: #343332;
}
@media (max-width: 776px) {
  .jr-entry__link {
    grid-template-columns: 64px 1fr;
    grid-template-areas: "num  body" "thumb thumb";
  }
  .jr-entry__link .jr-entry__num {
    grid-area: num;
  }
  .jr-entry__link .jr-entry__body {
    grid-area: body;
  }
  .jr-entry__link .jr-entry__thumb {
    grid-area: thumb;
    justify-self: stretch;
    max-width: 100%;
  }
}

.jr-entry__num {
  text-align: left;
}
@media (max-width: 776px) {
  .jr-entry__num {
    text-align: center;
  }
}

.jr-entry__numeral {
  display: block;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-style: italic;
  font-size: 54px;
  line-height: 1;
  color: #6E5926;
  font-weight: 400;
}

.jr-entry__numeral-label {
  display: block;
  margin-top: 4px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #8A8271;
}

.jr-entry__body {
  min-width: 0;
}

.jr-entry__eyebrow {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  margin: 0 0 8px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #8A8271;
}

.jr-entry__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: clamp(22px, 2.2vw, 26px);
  line-height: 1.2;
  letter-spacing: -0.005em;
  color: #343332;
  margin: 0 0 8px;
  font-weight: 500;
  transition: color 0.15s ease;
}

.jr-entry__dek {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 17px;
  line-height: 1.55;
  color: #4A463E;
  margin: 0 0 12px;
  max-width: 54ch;
}

.jr-entry__byline {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  margin: 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #8A8271;
}
.jr-entry__byline-label {
  margin-right: 8px;
}
.jr-entry__byline-name {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 15px;
  letter-spacing: 0;
  text-transform: none;
  color: #343332;
}
.jr-entry__byline-time {
  color: #8A8271;
  letter-spacing: 0.2em;
}

.jr-entry__thumb {
  justify-self: end;
  width: 200px;
  max-width: 100%;
}

.jr-entry__thumb-frame {
  border: 1px solid #6E5926;
  padding: 8px;
  background: #F6EEDF;
  overflow: hidden;
  transition: border-color 0.15s ease;
}

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

.jr-pagination {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin: 48px 0 24px;
  padding-top: 16px;
  border-top: 1px solid rgba(207, 196, 187, 0.3);
}
.jr-pagination a {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #6E5926;
  text-decoration: none;
  transition: color 0.15s ease;
}
.jr-pagination a:hover {
  color: #343332;
}

.jr-article-breadcrumb {
  margin: 32px 0 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(207, 196, 187, 0.3);
}

.jr-article-breadcrumb__back {
  display: inline-block;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #6E5926;
  text-decoration: none;
  transition: color 0.15s ease;
}
.jr-article-breadcrumb__back:hover {
  color: #343332;
}

.jr-article-head {
  max-width: 920px;
  margin: 0 auto 32px;
  padding: 0 8px;
}

.jr-article-head__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: clamp(44px, 5.6vw, 80px);
  line-height: 1.05;
  letter-spacing: -0.015em;
  color: #343332;
  margin: 0 0 16px;
  font-weight: 500;
}
.jr-article-head__title em {
  font-style: italic;
  color: #6E5926;
  font-weight: 400;
}

.jr-article-head__dek {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: clamp(19px, 1.6vw, 22px);
  line-height: 1.55;
  color: #4A463E;
  margin: 0 0 24px;
  max-width: 52ch;
}

.jr-article-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  margin: 0;
}
@media (max-width: 776px) {
  .jr-article-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
}

.jr-article-meta__cell dt {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #8A8271;
  margin-bottom: 8px;
}
.jr-article-meta__cell dd {
  margin: 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 15px;
  color: #343332;
  line-height: 1.4;
}

.jr-article-meta__writer {
  display: flex;
  align-items: center;
  gap: 8px;
}

.jr-article-meta__avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid rgba(27, 24, 18, 0.16);
  background: #F6EEDF;
  padding: 3px;
  flex-shrink: 0;
  object-fit: contain;
}

.jr-article-meta__name {
  font-weight: 500;
}

.jr-article-figure {
  margin: 32px auto 12px;
  max-width: 1060px;
}

.jr-article-figure__frame {
  border: 1px solid #6E5926;
  background: #F6EEDF;
  padding: 12px;
  overflow: hidden;
}

.jr-article-figure__img {
  display: block;
  width: 100%;
  height: auto;
}

.jr-article-figure__caption {
  margin-top: 12px;
  padding: 0 8px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 15px;
  color: #8A8271;
  text-align: center;
}

.jr-article-body {
  max-width: 720px;
  margin: 32px auto 0;
  padding: 0 8px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 20px;
  line-height: 1.7;
  color: #4A463E;
}
.jr-article-body > * + * {
  margin-top: 16px;
}
.jr-article-body > p:first-of-type {
  font-size: clamp(22px, 2.1vw, 26px);
  line-height: 1.45;
  color: #343332;
}
.jr-article-body > p:first-of-type + p::first-letter {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-style: italic;
  font-size: 5em;
  line-height: 0.85;
  float: left;
  margin: 0.05em 0.12em 0 0;
  color: #6E5926;
  font-weight: 400;
}
.jr-article-body h2 {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: clamp(28px, 3vw, 38px);
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #343332;
  margin-top: 48px;
  margin-bottom: 12px;
  font-weight: 500;
}
.jr-article-body h2 em {
  font-style: italic;
  color: #6E5926;
}
.jr-article-body h3 {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: clamp(22px, 2vw, 26px);
  line-height: 1.25;
  color: #343332;
  margin-top: 32px;
  margin-bottom: 12px;
  font-weight: 500;
}
.jr-article-body ul,
.jr-article-body ol {
  padding-left: 24px;
  margin: 16px 0;
}
.jr-article-body ul li + li,
.jr-article-body ol li + li {
  margin-top: 8px;
}
.jr-article-body a {
  color: #6E5926;
  text-decoration: none;
  border-bottom: 1px solid rgba(110, 89, 38, 0.4);
  transition: border-color 0.15s ease;
}
.jr-article-body a:hover {
  border-bottom-color: #6E5926;
}
.jr-article-body blockquote {
  position: relative;
  margin: 32px 0;
  padding: 16px 24px 16px 32px;
  background: #FAF6EC;
  border-left: 2px solid #6E5926;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-style: italic;
  font-size: clamp(20px, 1.9vw, 23px);
  line-height: 1.5;
  color: #343332;
}
.jr-article-body blockquote::before {
  content: "¶";
  position: absolute;
  left: 12px;
  top: 16px;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-style: italic;
  color: #6E5926;
  font-size: 24px;
  line-height: 1;
}
.jr-article-body blockquote p {
  margin: 0;
}
.jr-article-body blockquote p + p {
  margin-top: 12px;
}
.jr-article-body blockquote cite {
  display: block;
  margin-top: 12px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-style: normal;
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #8A8271;
}
.jr-article-body figure {
  margin: 32px 0;
}
.jr-article-body figure img {
  border: 1px solid #6E5926;
  padding: 8px;
  background: #F6EEDF;
  display: block;
  width: 100%;
  height: auto;
}
.jr-article-body figure figcaption {
  margin-top: 8px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 15px;
  color: #8A8271;
  text-align: center;
}
.jr-article-body > img,
.jr-article-body p > img,
.jr-article-body .wp-caption img {
  border: 1px solid #6E5926;
  padding: 8px;
  background: #F6EEDF;
  max-width: 100%;
  height: auto;
}
.jr-article-body hr {
  border: 0;
  margin: 32px auto;
  text-align: center;
  width: 100%;
}
.jr-article-body hr::before {
  content: "❦";
  display: inline-block;
  color: #6E5926;
  font-size: 18px;
  line-height: 1;
}
.jr-article-body code {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 0.85em;
  background: #FAF6EC;
  padding: 1px 6px;
  border-radius: 2px;
}
.jr-article-body .wp-block-button__link,
.jr-article-body .wp-block-button .wp-element-button,
.jr-article-body .elementor-button,
.jr-article-body .btn,
.jr-article-body button:not(.jr-article-foot__back):not(.jr-pagination__prev a):not(.jr-pagination__next a),
.jr-article-body input[type=submit] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 22px;
  background: #343332;
  color: #F6EEDF;
  border: 1px solid #343332;
  border-radius: 2px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.jr-article-body .wp-block-button__link:hover, .jr-article-body .wp-block-button__link:focus-visible,
.jr-article-body .wp-block-button .wp-element-button:hover,
.jr-article-body .wp-block-button .wp-element-button:focus-visible,
.jr-article-body .elementor-button:hover,
.jr-article-body .elementor-button:focus-visible,
.jr-article-body .btn:hover,
.jr-article-body .btn:focus-visible,
.jr-article-body button:not(.jr-article-foot__back):not(.jr-pagination__prev a):not(.jr-pagination__next a):hover,
.jr-article-body button:not(.jr-article-foot__back):not(.jr-pagination__prev a):not(.jr-pagination__next a):focus-visible,
.jr-article-body input[type=submit]:hover,
.jr-article-body input[type=submit]:focus-visible {
  background: #6E5926;
  border-color: #6E5926;
  color: #F6EEDF;
}
.jr-article-body + .sharedaddy,
.jr-article-body + .jp-relatedposts,
.jr-article-body + .post-navigation,
.jr-article-body + .posts-navigation,
.jr-article-body + .post-nav-links,
.jr-article-body .sharedaddy,
.jr-article-body .a2a_kit,
.jr-article-body .addtoany_share_save_container,
.jr-article-body .jp-relatedposts,
.jr-article-body .post-navigation,
.jr-article-body .posts-navigation,
.jr-article-body .wp-block-post-navigation-link {
  display: none !important;
}

.jr-article-foot {
  max-width: 720px;
  margin: 48px auto 0;
  padding: 16px 8px 0;
  border-top: 1px solid rgba(207, 196, 187, 0.3);
  text-align: center;
}

.jr-article-foot__back {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #6E5926;
  text-decoration: none;
  transition: color 0.15s ease;
}
.jr-article-foot__back:hover {
  color: #343332;
}

.jr-related {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin: 24px 0 32px;
}
@media (max-width: 776px) {
  .jr-related {
    grid-template-columns: 1fr;
  }
}

.jr-related__card {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
}
.jr-related__card:hover .jr-related__title {
  color: #6E5926;
}
.jr-related__card:hover .jr-related__frame {
  border-color: #343332;
}

.jr-related__frame {
  border: 1px solid #6E5926;
  padding: 8px;
  background: #F6EEDF;
  overflow: hidden;
  margin-bottom: 12px;
  transition: border-color 0.15s ease;
}

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

.jr-related__body {
  flex: 1;
}

.jr-related__cat {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #6E5926;
  margin: 0 0 8px;
}

.jr-related__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 22px;
  line-height: 1.25;
  color: #343332;
  margin: 0 0 8px;
  font-weight: 500;
  transition: color 0.15s ease;
}

.jr-related__date {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #8A8271;
  margin: 0;
}

.jr-archive-head {
  margin: 16px 0 32px;
  max-width: 720px;
}

.jr-archive-head__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: clamp(44px, 5vw, 68px);
  line-height: 1;
  letter-spacing: -0.015em;
  color: #343332;
  margin: 0 0 12px;
  font-weight: 500;
}

.jr-archive-head__sub {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 20px;
  line-height: 1.55;
  color: #4A463E;
  margin: 0;
  max-width: 52ch;
}

.jr-archive-empty {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 20px;
  color: #8A8271;
  margin: 32px 0 64px;
  text-align: center;
}

.license-root,
.affiliate-root {
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
}

.license-page,
.affiliate-page {
  max-width: 1100px;
  margin: 0 auto;
  padding: 64px 40px 80px;
}
@media (max-width: 760px) {
  .license-page,
  .affiliate-page {
    padding: 40px 20px 56px;
  }
}

.license-eyebrow {
  margin: 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.3em;
  color: #8A734A;
  text-transform: uppercase;
  text-align: center;
}

.license-title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  margin: 18px 0 0;
  text-align: center;
  font-size: clamp(40px, 4vw, 62px);
  line-height: 1.1;
}

.license-section-title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  margin: 16px 0 0;
  text-align: center;
  font-size: clamp(30px, 2.6vw, 42px);
  line-height: 1.1;
}

.license-lede {
  margin: 22px auto 0;
  max-width: 640px;
  text-align: center;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 19px;
  line-height: 1.7;
  color: #3b3830;
}

.hero-em {
  font-style: normal;
}

.license-root .license-tier-toggle,
.license-root .pricing-toggle {
  margin: 34px auto 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 16px;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.license-root .pricing-toggle__btn {
  padding: 2px 2px 6px;
  border: none;
  border-radius: 0;
  background: none;
  box-shadow: none;
  cursor: pointer;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 22px;
  color: #8A8271;
  border-bottom: 1px solid transparent;
  transition: color 0.15s ease, border-color 0.15s ease;
}
.license-root .pricing-toggle__btn:hover {
  color: #343332;
}
.license-root .pricing-toggle__btn.is-active {
  background: none;
  color: #343332;
  border-bottom-color: #D6B587;
}
.license-root .pricing-toggle__label {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-style: italic;
  color: #D6B587;
}

.license-tier-content[hidden] {
  display: none;
}

.license-tldr {
  margin: 44px auto 0;
  max-width: 820px;
  padding: 28px 32px;
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 5px;
  box-shadow: inset 0 0 0 1px rgba(207, 196, 187, 0.12), 0 1px 0 #FFFFFF, 0 -1px 0 #FFFFFF, 1px 0 0 #FFFFFF, -1px 0 0 #FFFFFF;
  text-align: center;
}
.license-tldr__label {
  margin: 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.26em;
  color: #8A734A;
  text-transform: uppercase;
}
.license-tldr__body {
  margin: 12px 0 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 19px;
  line-height: 1.65;
  color: #343332;
}

.license-grid {
  margin-top: 56px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
}
@media (max-width: 860px) {
  .license-grid {
    grid-template-columns: 1fr;
    row-gap: 40px;
  }
}

.license-col {
  padding-right: 44px;
}
.license-col + .license-col {
  padding-right: 0;
  padding-left: 44px;
  border-left: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: inset 1px 0 0 rgba(207, 196, 187, 0.3), inset 2px 0 0 #FFFFFF;
}
@media (max-width: 860px) {
  .license-col, .license-col + .license-col {
    padding: 0;
    border-left: none;
    box-shadow: none;
  }
}
.license-col__eyebrow {
  margin: 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.26em;
  color: #8A734A;
  text-transform: uppercase;
}
.license-col--cannot .license-col__eyebrow {
  color: var(--cl-accent, #B0402E);
}
.license-col__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  margin: 14px 0 0;
  font-size: 26px;
  line-height: 1.2;
}

.license-list {
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}
.license-list li {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin: 0;
  padding: 14px 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 17px;
  line-height: 1.55;
  color: #4A463E;
  border-bottom: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: 0 1px 0 rgba(207, 196, 187, 0.3), 0 2px 0 #FFFFFF;
}
.license-list li::before {
  content: none;
}
.license-list li:last-child {
  border-bottom: 0;
  box-shadow: none;
}

.license-glyph {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin-top: 2px;
  border-radius: 50%;
  font-size: 12px;
  line-height: 1;
}
.license-glyph--tick {
  background: #efe3c8;
  color: #60594D;
}
.license-glyph--cross {
  background: rgba(176, 64, 46, 0.1);
  color: var(--cl-accent, #B0402E);
}

.license-faq,
.affiliate-faq {
  margin-top: 72px;
}

.license-faq__head {
  text-align: center;
}

.license-faq__list {
  margin: 40px 0 0;
  padding: 0;
  list-style: none;
}

.license-faq__item {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: 0 1px 0 rgba(207, 196, 187, 0.3), 0 2px 0 #FFFFFF;
}
.license-faq__item::before {
  content: none;
}

.license-faq__q {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  padding: 20px 2px;
  border: none;
  background: transparent;
  cursor: pointer;
  text-align: left;
}

.license-faq__q-text {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  font-size: 21px;
  line-height: 1.35;
  color: #343332;
}

.license-faq__q-mark {
  flex: none;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: #8A734A;
  transition: transform 0.25s ease;
}

.license-faq__q[aria-expanded=true] .license-faq__q-mark {
  transform: rotate(45deg);
}

.license-faq__a {
  padding: 0 2px 24px;
  max-width: 780px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 17.5px;
  line-height: 1.7;
  color: #4A463E;
}
.license-faq__a[hidden] {
  display: none;
}
.license-faq__a p {
  font: inherit;
  color: inherit;
  margin: 0 0 14px;
}
.license-faq__a p:last-child {
  margin-bottom: 0;
}
.license-faq__a a {
  color: #8A734A;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.license-extended {
  margin-top: 72px;
  padding: 40px 44px;
  background: #FAF6EC url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-light.jpg") repeat;
  background-size: 620px;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 5px;
}
@media (max-width: 760px) {
  .license-extended {
    padding: 28px 20px;
  }
}
.license-extended p {
  margin: 16px 0 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 17.5px;
  line-height: 1.7;
  color: #4A463E;
}
.license-extended__contact {
  margin-top: 26px;
}

.license-contact {
  margin-top: 48px;
  text-align: center;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 18px;
  color: #60594D;
}
.license-contact a {
  color: #8A734A;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.affiliate-hero {
  text-align: center;
}
.affiliate-hero__actions {
  margin-top: 34px;
}

.affiliate-btn--ghost {
  background: rgba(253, 251, 245, 0.7);
  border: 1px solid #D6B587;
  color: #8A734A;
}
.affiliate-btn--ghost:hover, .affiliate-btn--ghost:focus-visible {
  filter: none;
  background: #FDFBF5;
  color: #8A734A;
}

.affiliate-terms {
  margin-top: 64px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
}
@media (max-width: 820px) {
  .affiliate-terms {
    grid-template-columns: 1fr;
    row-gap: 28px;
  }
}
.affiliate-terms__tile {
  padding: 0 32px;
  text-align: center;
}
.affiliate-terms__tile + .affiliate-terms__tile {
  border-left: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: inset 1px 0 0 rgba(207, 196, 187, 0.3), inset 2px 0 0 #FFFFFF;
}
@media (max-width: 820px) {
  .affiliate-terms__tile {
    padding: 0;
  }
  .affiliate-terms__tile + .affiliate-terms__tile {
    border-left: none;
    box-shadow: none;
    padding-top: 28px;
    border-top: 1px solid rgba(207, 196, 187, 0.1);
    box-shadow: inset 0 1px 0 rgba(207, 196, 187, 0.3), inset 0 2px 0 #FFFFFF;
  }
}
.affiliate-terms__big {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 500;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  font-size: 44px;
  line-height: 1;
  color: #343332;
}
.affiliate-terms__label {
  margin-top: 10px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: #8A734A;
}
.affiliate-terms__sub {
  margin: 12px 0 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #4A463E;
}

.affiliate-section-head {
  margin-top: 80px;
  text-align: center;
}

.affiliate-steps__list {
  margin: 56px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 48px;
}

.affiliate-steps__item {
  margin: 0;
  padding: 0;
  text-align: center;
}
.affiliate-steps__item::before {
  content: none;
}

.affiliate-steps__num {
  width: 58px;
  height: 58px;
  margin: 0 auto;
  border: 1px solid #D6B587;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 24px;
  color: #8A734A;
}

.affiliate-steps__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  margin: 22px 0 0;
  font-size: 26px;
}

.affiliate-steps__body {
  margin: 12px auto 0;
  max-width: 320px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 15px;
  line-height: 1.65;
  color: #4A463E;
}

.affiliate-audience__grid {
  margin-top: 48px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
}
@media (max-width: 760px) {
  .affiliate-audience__grid {
    grid-template-columns: 1fr;
  }
}

.affiliate-audience__cell {
  padding: 28px 36px 30px 0;
  border-bottom: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: 0 1px 0 rgba(207, 196, 187, 0.3), 0 2px 0 #FFFFFF;
}
.affiliate-audience__cell:nth-child(even) {
  padding: 28px 0 30px 36px;
  border-left: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: inset 1px 0 0 rgba(207, 196, 187, 0.3), inset 2px 0 0 #FFFFFF;
}
@media (max-width: 760px) {
  .affiliate-audience__cell, .affiliate-audience__cell:nth-child(even) {
    padding: 24px 0;
    border-left: none;
    box-shadow: none;
    border-bottom: 1px solid rgba(207, 196, 187, 0.1);
    box-shadow: 0 1px 0 rgba(207, 196, 187, 0.3), 0 2px 0 #FFFFFF;
  }
}
.affiliate-audience__cell h3 {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  margin: 0;
  font-size: 22px;
}
.affiliate-audience__cell p {
  margin: 10px 0 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 15px;
  line-height: 1.7;
  color: #4A463E;
}

.affiliate-apply {
  margin-top: 80px;
  padding: 44px 48px;
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 5px;
  box-shadow: 0 18px 30px -20px rgba(52, 51, 50, 0.3);
}
@media (max-width: 760px) {
  .affiliate-apply {
    padding: 28px 20px;
  }
}
.affiliate-apply__form {
  margin-top: 28px;
}
.affiliate-apply__fallback {
  margin-top: 20px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 17px;
  color: #60594D;
}
.affiliate-apply label {
  display: block;
  margin-bottom: 6px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #8A734A;
}
.affiliate-apply input[type=text],
.affiliate-apply input[type=email],
.affiliate-apply input[type=password],
.affiliate-apply input[type=url],
.affiliate-apply textarea,
.affiliate-apply select {
  width: 100%;
  padding: 12px 14px;
  background: #FDFBF5;
  border: 1px solid #E0C8A5;
  border-radius: 5px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 17px;
  color: #343332;
}
.affiliate-apply input[type=text]:focus,
.affiliate-apply input[type=email]:focus,
.affiliate-apply input[type=password]:focus,
.affiliate-apply input[type=url]:focus,
.affiliate-apply textarea:focus,
.affiliate-apply select:focus {
  outline: none;
  border-color: #D6B587;
}
.affiliate-apply textarea {
  min-height: 130px;
}
.affiliate-apply input[type=submit],
.affiliate-apply button[type=submit] {
  width: 100%;
  margin-top: 8px;
}

.ab26-team__portrait, .ab26-numbers__plate {
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 5px;
  box-shadow: inset 0 0 0 1px rgba(207, 196, 187, 0.12), 0 1px 0 #FFFFFF, 0 -1px 0 #FFFFFF, 1px 0 0 #FFFFFF, -1px 0 0 #FFFFFF;
}

.ab26-cta, .ab26-team, .ab26-craft, .ab26-story {
  background: #FAF6EC url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-light.jpg") repeat;
  background-size: 620px;
}

.ab26-bio__body, .ab26-belief__body, .ab26-step__body {
  margin: 12px 0 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 15px;
  line-height: 1.68;
  color: #4A463E;
}

.ab26-hero {
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
}

.ab26-hero__inner {
  max-width: 900px;
  margin: 0 auto;
  padding: 72px 40px;
  text-align: center;
}
@media (max-width: 760px) {
  .ab26-hero__inner {
    padding: 44px 20px;
  }
}

.ab26-hero__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  margin: 18px 0 0;
  font-size: clamp(40px, 4vw, 60px);
  line-height: 1.14;
}

.ab26-hero__lede {
  margin: 24px auto 0;
  max-width: 640px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 19px;
  line-height: 1.75;
  color: #3b3830;
}
@media (max-width: 560px) {
  .ab26-hero__lede {
    font-size: 17px;
  }
}

.ab26-story__inner {
  max-width: 900px;
  margin: 0 auto;
  padding: 72px 40px 0;
  text-align: center;
}
@media (max-width: 760px) {
  .ab26-story__inner {
    padding: 44px 20px 0;
  }
}

.ab26-story__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  margin: 16px 0 0;
  font-size: clamp(32px, 3vw, 46px);
  line-height: 1.12;
}

.ab26-story__body {
  margin: 22px auto 0;
  max-width: 640px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 18px;
  line-height: 1.75;
  color: #3b3830;
}

.ab26-craft__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 80px 40px;
}
@media (max-width: 760px) {
  .ab26-craft__inner {
    padding: 48px 20px;
  }
}

.ab26-craft__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  margin: 16px auto 0;
  text-align: center;
  font-size: clamp(32px, 3vw, 46px);
  line-height: 1.12;
}

.ab26-craft__sub {
  margin: 20px auto 0;
  max-width: 620px;
  text-align: center;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 18px;
  line-height: 1.7;
  color: #3b3830;
}

.ab26-steps {
  margin: 56px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 760px) {
  .ab26-steps {
    grid-template-columns: 1fr;
    margin-top: 36px;
  }
}

.ab26-step {
  padding: 0 40px;
}
.ab26-step:first-child {
  padding-left: 0;
}
.ab26-step:last-child {
  padding-right: 0;
}
.ab26-step + .ab26-step {
  border-left: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: inset 1px 0 0 rgba(207, 196, 187, 0.3), inset 2px 0 0 #FFFFFF;
}
@media (max-width: 1100px) {
  .ab26-step {
    padding: 0 26px;
  }
}
@media (max-width: 760px) {
  .ab26-step {
    padding: 28px 0 0;
  }
  .ab26-step:first-child {
    padding-top: 0;
  }
  .ab26-step + .ab26-step {
    border-left: 0;
    border-top: 1px solid rgba(207, 196, 187, 0.1);
    box-shadow: inset 0 1px 0 rgba(207, 196, 187, 0.3), inset 0 2px 0 #FFFFFF;
    margin-top: 28px;
    padding-top: 28px;
  }
}

.ab26-step__no {
  margin: 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 22px;
  color: #AB9C85;
  text-shadow: 0 -1px 0 rgba(120, 100, 70, 0.4), 0 2px 1px #FFFFFF, 0 1px 0 #FFFFFF;
}

.ab26-step__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  margin: 14px 0 0;
  font-size: 26px;
  color: #343332;
}

.ab26-beliefs {
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
  border-top: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: inset 0 1px 0 rgba(207, 196, 187, 0.3), inset 0 2px 0 #FFFFFF;
}

.ab26-beliefs__inner {
  max-width: 900px;
  margin: 0 auto;
  padding: 72px 40px;
}
@media (max-width: 760px) {
  .ab26-beliefs__inner {
    padding: 48px 20px;
  }
}

.ab26-beliefs__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  margin: 16px auto 0;
  text-align: center;
  font-size: clamp(32px, 3vw, 46px);
  line-height: 1.12;
}

.ab26-beliefs__list {
  margin: 44px 0 0;
  padding: 0;
  list-style: none;
}

.ab26-belief {
  display: flex;
  gap: 26px;
  padding: 26px 0;
}
.ab26-belief:not(:last-child) {
  border-bottom: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: 0 1px 0 rgba(207, 196, 187, 0.3), 0 2px 0 #FFFFFF;
}
@media (max-width: 560px) {
  .ab26-belief {
    flex-direction: column;
    gap: 6px;
  }
}

.ab26-belief__numeral {
  flex: none;
  min-width: 46px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 24px;
  line-height: 1.3;
  color: #AB9C85;
  text-shadow: 0 -1px 0 rgba(120, 100, 70, 0.4), 0 2px 1px #FFFFFF, 0 1px 0 #FFFFFF;
}

.ab26-belief__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  margin: 0;
  font-size: 25px;
  color: #343332;
}

.ab26-belief__body {
  margin-top: 10px;
}

.ab26-numbers {
  margin-top: 44px;
}

.ab26-numbers__label {
  margin-bottom: 22px;
}

.ab26-numbers__plate {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  padding: 28px 8px;
}
@media (max-width: 760px) {
  .ab26-numbers__plate {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 26px;
  }
}
@media (max-width: 560px) {
  .ab26-numbers__plate {
    grid-template-columns: 1fr;
    row-gap: 22px;
  }
}

.ab26-stat {
  padding: 6px 12px;
  text-align: center;
}
.ab26-stat + .ab26-stat {
  border-left: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: inset 1px 0 0 rgba(207, 196, 187, 0.3), inset 2px 0 0 #FFFFFF;
}
@media (max-width: 760px) {
  .ab26-stat + .ab26-stat {
    border-left: 0;
    box-shadow: none;
  }
  .ab26-stat:nth-child(even) {
    border-left: 1px solid rgba(207, 196, 187, 0.1);
    box-shadow: inset 1px 0 0 rgba(207, 196, 187, 0.3), inset 2px 0 0 #FFFFFF;
  }
}
@media (max-width: 560px) {
  .ab26-stat:nth-child(even) {
    border-left: 0;
    box-shadow: none;
  }
}

.ab26-stat__big {
  margin: 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 34px;
  font-weight: 500;
  line-height: 1.1;
  color: #343332;
}

.ab26-stat__label {
  margin: 8px 0 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: #60594D;
}

.ab26-team__inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 80px 40px 0;
}
@media (max-width: 760px) {
  .ab26-team__inner {
    padding: 48px 20px 0;
  }
}

.ab26-team__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  margin: 16px auto 0;
  text-align: center;
  font-size: clamp(32px, 3vw, 46px);
  line-height: 1.12;
}

.ab26-team__grid {
  margin-top: 48px;
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 56px;
  align-items: start;
}
@media (max-width: 1100px) {
  .ab26-team__grid {
    gap: 40px;
  }
}
@media (max-width: 760px) {
  .ab26-team__grid {
    grid-template-columns: 1fr;
    gap: 32px;
    margin-top: 32px;
  }
}

.ab26-team__portrait {
  overflow: hidden;
}
.ab26-team__portrait img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 760px) {
  .ab26-team__portrait {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
  }
}

.ab26-team__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  padding: 16px;
  background: #FAF6EC;
  text-align: center;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #AB9C85;
}

.ab26-bios {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ab26-bio {
  padding: 24px 0;
  border-bottom: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: 0 1px 0 rgba(207, 196, 187, 0.3), 0 2px 0 #FFFFFF;
}
.ab26-bio:first-child {
  padding-top: 0;
}
.ab26-bio:last-child {
  padding-bottom: 0;
  border-bottom: 0;
  box-shadow: none;
}

.ab26-bio__name {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  margin: 0;
  font-size: 25px;
  color: #343332;
}

.ab26-bio__role {
  margin-left: 12px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #7B5F2B;
}
@media (max-width: 560px) {
  .ab26-bio__role {
    display: block;
    margin: 6px 0 0;
  }
}

.ab26-bio__body {
  margin-top: 10px;
}

.ab26-cta__inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 72px 40px 80px;
  text-align: center;
}
@media (max-width: 760px) {
  .ab26-cta__inner {
    padding: 48px 20px 56px;
  }
}

.ab26-cta__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  margin: 16px auto 0;
  font-size: clamp(30px, 2.6vw, 42px);
  line-height: 1.1;
}

.ab26-cta__body {
  margin: 18px auto 0;
  max-width: 560px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 18px;
  line-height: 1.7;
  color: #3b3830;
}

.ab26-cta__btn {
  margin-top: 26px;
}

.affiliate-dashboard .afwc-affiliate-details-card-wrapper,
.affiliate-dashboard .afwc-affiliate-details-card {
  background: #FDFBF5 !important;
  border: 1px solid rgba(27, 24, 18, 0.16);
  border-radius: 2px;
  padding: 16px 24px;
  margin: 0 0 24px;
}
.affiliate-dashboard .afwc-avatar-wrapper {
  background: #6E5926 !important;
}
.affiliate-dashboard .afwc-avatar-img {
  border-radius: 50%;
}
.affiliate-dashboard .afwc-display-name {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif !important;
  font-size: 26px !important;
  color: #343332 !important;
  margin-bottom: 8px !important;
}
.affiliate-dashboard .afwc-signup-date-wrapper {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: #8A8271 !important;
  margin-bottom: 12px !important;
}
.affiliate-dashboard .afwc-referral-url-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  background: #FAF6EC;
  border: 1px dashed #8A734A;
  border-radius: 2px;
  padding: 12px 16px;
  margin-top: 12px;
}
.affiliate-dashboard .afwc-affiliate-ref-url-label {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif !important;
  font-size: 13px !important;
  color: #343332 !important;
  word-break: break-all;
  flex: 1;
}
.affiliate-dashboard .afwc-click-to-copy {
  background: #343332 !important;
  color: #F6EEDF !important;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  padding: 8px 16px !important;
  border-radius: 2px !important;
  border: none !important;
  cursor: pointer;
  transition: background 0.18s ease;
}
.affiliate-dashboard .afwc-click-to-copy:hover {
  background: #6E5926 !important;
}

.affiliate-dashboard .afwc-reports,
.affiliate-dashboard .afwc-profile {
  margin-top: 16px;
}
.affiliate-dashboard ul.nav-tabs,
.affiliate-dashboard .nav-tabs {
  border-bottom: 1px solid rgba(207, 196, 187, 0.3) !important;
}
.affiliate-dashboard ul.nav-tabs .nav-link.active,
.affiliate-dashboard ul.nav-tabs li.active a,
.affiliate-dashboard .nav-tabs .nav-link.active,
.affiliate-dashboard .nav-tabs li.active a {
  color: #6E5926 !important;
  border-bottom: 2px solid #6E5926 !important;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif !important;
  font-size: 13px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}
.affiliate-dashboard ul.nav-tabs .nav-link,
.affiliate-dashboard ul.nav-tabs li a,
.affiliate-dashboard .nav-tabs .nav-link,
.affiliate-dashboard .nav-tabs li a {
  color: #4A463E !important;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif !important;
  font-size: 13px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  padding: 8px 12px !important;
}

.affiliate-dashboard .afwc-kpi-row {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px !important;
  margin: 16px 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
@media (max-width: 768px) {
  .affiliate-dashboard .afwc-kpi-row {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .affiliate-dashboard .afwc-kpi-row {
    grid-template-columns: 1fr;
  }
}
.affiliate-dashboard .afwc-kpi-box {
  background: #FDFBF5 !important;
  border: 1px solid rgba(27, 24, 18, 0.16) !important;
  border-radius: 2px !important;
  padding: 16px !important;
  text-align: center !important;
  box-shadow: none !important;
}
.affiliate-dashboard .afwc-kpi-number {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif !important;
  font-size: clamp(28px, 3.2vw, 38px) !important;
  line-height: 1 !important;
  color: #343332 !important;
  margin: 0 0 8px !important;
  display: block !important;
}
.affiliate-dashboard .afwc-kpi-title {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: #8A8271 !important;
  margin: 0 !important;
  display: block !important;
}
.affiliate-dashboard .afwc-separator,
.affiliate-dashboard .afwc-kpi-row > svg {
  display: none !important;
}

.affiliate-dashboard .afwc-table-header-wrapper,
.affiliate-dashboard .afwc-table-header {
  margin: 32px 0 12px !important;
  border-bottom: 1px solid rgba(207, 196, 187, 0.3);
  padding-bottom: 8px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.affiliate-dashboard .afwc-table-header h2,
.affiliate-dashboard .afwc-table-header h3,
.affiliate-dashboard .afwc-table-header strong,
.affiliate-dashboard .afwc-table-header-wrapper h2,
.affiliate-dashboard .afwc-table-header-wrapper h3,
.affiliate-dashboard .afwc-table-header-wrapper strong {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif !important;
  font-size: 22px !important;
  color: #343332 !important;
  margin: 0 !important;
}
.affiliate-dashboard .afwc-view-all-reports,
.affiliate-dashboard a.afwc-view-all-reports {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #6E5926 !important;
  text-decoration: none !important;
}
.affiliate-dashboard .afwc-view-all-reports:hover,
.affiliate-dashboard a.afwc-view-all-reports:hover {
  color: #343332 !important;
}

.affiliate-dashboard .afwc-referrals-table,
.affiliate-dashboard .afwc-products-table,
.affiliate-dashboard .afwc-payouts-table,
.affiliate-dashboard .afwc-visits-table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin-bottom: 24px !important;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif !important;
  font-size: 14px !important;
  background: transparent !important;
}
.affiliate-dashboard .afwc-referrals-table thead,
.affiliate-dashboard .afwc-products-table thead,
.affiliate-dashboard .afwc-payouts-table thead,
.affiliate-dashboard .afwc-visits-table thead {
  background: #FAF6EC !important;
}
.affiliate-dashboard .afwc-referrals-table thead th,
.affiliate-dashboard .afwc-products-table thead th,
.affiliate-dashboard .afwc-payouts-table thead th,
.affiliate-dashboard .afwc-visits-table thead th {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: #8A8271 !important;
  padding: 12px 12px !important;
  text-align: left !important;
  border-bottom: 1px solid rgba(27, 24, 18, 0.16) !important;
  font-weight: normal !important;
}
.affiliate-dashboard .afwc-referrals-table tbody tr,
.affiliate-dashboard .afwc-products-table tbody tr,
.affiliate-dashboard .afwc-payouts-table tbody tr,
.affiliate-dashboard .afwc-visits-table tbody tr {
  border-bottom: 1px solid rgba(207, 196, 187, 0.3) !important;
}
.affiliate-dashboard .afwc-referrals-table tbody tr:nth-child(even),
.affiliate-dashboard .afwc-products-table tbody tr:nth-child(even),
.affiliate-dashboard .afwc-payouts-table tbody tr:nth-child(even),
.affiliate-dashboard .afwc-visits-table tbody tr:nth-child(even) {
  background: #FDFBF5 !important;
}
.affiliate-dashboard .afwc-referrals-table tbody tr:hover,
.affiliate-dashboard .afwc-products-table tbody tr:hover,
.affiliate-dashboard .afwc-payouts-table tbody tr:hover,
.affiliate-dashboard .afwc-visits-table tbody tr:hover {
  background: #FAF6EC !important;
}
.affiliate-dashboard .afwc-referrals-table tbody td,
.affiliate-dashboard .afwc-products-table tbody td,
.affiliate-dashboard .afwc-payouts-table tbody td,
.affiliate-dashboard .afwc-visits-table tbody td {
  padding: 12px 12px !important;
  color: #4A463E !important;
  vertical-align: top !important;
}
.affiliate-dashboard .afwc-referrals-table a,
.affiliate-dashboard .afwc-products-table a,
.affiliate-dashboard .afwc-payouts-table a,
.affiliate-dashboard .afwc-visits-table a {
  color: #343332 !important;
  text-decoration: underline;
  text-decoration-color: #8A734A !important;
  text-underline-offset: 2px;
}
.affiliate-dashboard .afwc-referrals-table a:hover,
.affiliate-dashboard .afwc-products-table a:hover,
.affiliate-dashboard .afwc-payouts-table a:hover,
.affiliate-dashboard .afwc-visits-table a:hover {
  color: #6E5926 !important;
}
.affiliate-dashboard .afwc-referrals-table td:nth-child(3),
.affiliate-dashboard .afwc-products-table td:nth-child(3),
.affiliate-dashboard .afwc-payouts-table td:nth-child(3),
.affiliate-dashboard .afwc-visits-table td:nth-child(3) {
  max-width: 280px;
}
.affiliate-dashboard .afwc-referrals-table td:nth-child(3) a,
.affiliate-dashboard .afwc-products-table td:nth-child(3) a,
.affiliate-dashboard .afwc-payouts-table td:nth-child(3) a,
.affiliate-dashboard .afwc-visits-table td:nth-child(3) a {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}

.affiliate-dashboard .afwc-referrals-order-status,
.affiliate-dashboard .order-status {
  display: inline-block;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 3px 9px !important;
  border-radius: 2px !important;
  background: #FAF6EC !important;
  color: #8A8271 !important;
  border: 1px solid rgba(207, 196, 187, 0.3);
}
.affiliate-dashboard .afwc-referrals-order-status.unpaid, .affiliate-dashboard .afwc-referrals-order-status[class*=unpaid],
.affiliate-dashboard .order-status.unpaid,
.affiliate-dashboard .order-status[class*=unpaid] {
  background: #FDFBF5 !important;
  color: #6E5926 !important;
  border-color: #8A734A !important;
}
.affiliate-dashboard .afwc-referrals-order-status.paid, .affiliate-dashboard .afwc-referrals-order-status[class*=paid]:not([class*=unpaid]),
.affiliate-dashboard .order-status.paid,
.affiliate-dashboard .order-status[class*=paid]:not([class*=unpaid]) {
  background: #e6f4ea !important;
  color: #1f6f3a !important;
  border-color: #b6e0c1 !important;
}
.affiliate-dashboard .afwc-referrals-order-status.rejected, .affiliate-dashboard .afwc-referrals-order-status[class*=rejected],
.affiliate-dashboard .order-status.rejected,
.affiliate-dashboard .order-status[class*=rejected] {
  background: #fdecec !important;
  color: #a33 !important;
  border-color: #f5c8c8 !important;
}

.affiliate-dashboard .afwc-date-range-wrapper,
.affiliate-dashboard input[type=text][placeholder*="dd/mm"],
.affiliate-dashboard .daterangepicker-input {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif !important;
  font-size: 13px !important;
  background: #FDFBF5 !important;
  border: 1px solid rgba(27, 24, 18, 0.16) !important;
  border-radius: 2px !important;
  padding: 8px 12px !important;
  color: #343332 !important;
}

.affiliate-dashboard .no-data,
.affiliate-dashboard .afwc-no-data,
.affiliate-dashboard .afwc-empty-state {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif !important;
  font-style: italic !important;
  color: #8A8271 !important;
  text-align: center !important;
  padding: 16px !important;
}

@media (max-width: 776px) {
  .affiliate-dashboard .afwc-referral-url-wrapper {
    flex-direction: column;
    align-items: stretch;
  }
  .affiliate-dashboard .afwc-click-to-copy {
    width: 100%;
  }
}
.cf-locked {
  overflow: hidden;
}

.cancel-flow {
  position: fixed;
  inset: 0;
  z-index: 9000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  color: #4A463E;
}

.cancel-flow[hidden] {
  display: none;
}

.cancel-flow__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(52, 51, 50, 0.5);
  backdrop-filter: blur(2px);
}

.cancel-flow__panel {
  position: relative;
  z-index: 1;
  max-width: 580px;
  width: calc(100% - 32px);
  max-height: calc(100vh - 48px);
  overflow-y: auto;
  background: #F6EEDF;
  border: 1px solid rgba(27, 24, 18, 0.16);
  padding: clamp(24px, 4vw, 48px);
  box-shadow: 0 24px 60px -20px rgba(52, 51, 50, 0.25);
}

.cancel-flow__close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  padding: 0;
  background: transparent;
  border: 0;
  font-size: 22px;
  line-height: 1;
  color: #8A8271;
  cursor: pointer;
  transition: color 0.15s ease;
}
.cancel-flow__close:hover, .cancel-flow__close:focus-visible {
  color: #343332;
  outline: none;
}

.cancel-flow__rail {
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  position: relative;
}
.cancel-flow__rail::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  right: 16px;
  height: 1px;
  background: rgba(27, 24, 18, 0.16);
  z-index: 0;
}

.cancel-flow__rail-item {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
}

.cancel-flow__rail-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #FAF6EC;
  border: 1px solid rgba(27, 24, 18, 0.16);
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-style: italic;
  font-size: 14px;
  color: #8A8271;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.cancel-flow__rail-item.is-active .cancel-flow__rail-num {
  background: #343332;
  border-color: #343332;
  color: #F6EEDF;
}

.cancel-flow__rail-item.is-done .cancel-flow__rail-num {
  background: #343332;
  border-color: #343332;
  color: #F6EEDF;
  opacity: 0.55;
}

.cancel-flow__eyebrow {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #6E5926;
  margin: 0 0 12px;
}

.cancel-flow__headline {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: clamp(24px, 3vw, 32px);
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: #343332;
  margin: 0 0 12px;
  font-weight: 500;
}
.cancel-flow__headline em {
  font-style: italic;
  color: #6E5926;
  font-weight: 400;
}
.cancel-flow__headline:focus-visible {
  outline: none;
}

.cancel-flow__body {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 17px;
  line-height: 1.55;
  color: #4A463E;
  margin: 0 0 24px;
}

.cancel-flow__reasons {
  border: 0;
  padding: 0;
  margin: 0 0 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cancel-flow__sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.cancel-flow__reason {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: #FAF6EC;
  border: 1px solid transparent;
  cursor: pointer;
  transition: border-color 0.12s ease, background 0.12s ease;
}
.cancel-flow__reason input[type=radio] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.cancel-flow__reason:hover {
  border-color: rgba(27, 24, 18, 0.16);
}
.cancel-flow__reason:has(input:checked) {
  border-color: #343332;
  background: #F6EEDF;
}

.cancel-flow__reason-dot {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1.5px solid #8A8271;
  background: #F6EEDF;
  position: relative;
  transition: border-color 0.12s ease;
}
.cancel-flow__reason:has(input:checked) .cancel-flow__reason-dot {
  border-color: #343332;
}
.cancel-flow__reason:has(input:checked) .cancel-flow__reason-dot::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: #343332;
}

.cancel-flow__reason-label {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 17px;
  color: #343332;
}

.cancel-flow__offer-card {
  padding: clamp(16px, 3vw, 24px);
  background: #FAF6EC;
  border: 1px solid rgba(27, 24, 18, 0.16);
  margin: 0 0 24px;
  text-align: center;
}

.cancel-flow__offer-label {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #6E5926;
  margin: 0 0 8px;
}

.cancel-flow__offer-big {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-style: italic;
  font-size: clamp(48px, 6vw, 64px);
  line-height: 1;
  color: #343332;
  margin: 0 0 12px;
  font-weight: 500;
}
.cancel-flow__offer-big span {
  font-style: normal;
  font-size: 15px;
  color: #8A8271;
  margin-left: 8px;
}

.cancel-flow__offer-body {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 15px;
  line-height: 1.6;
  color: #4A463E;
  max-width: 48ch;
  margin: 0 auto;
}

.cancel-flow__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
  justify-content: space-between;
  align-items: center;
}
.cancel-flow__actions .cancel-flow__btn--text {
  margin-left: auto;
}

.cancel-flow__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 22px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  border-radius: 2px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
  line-height: 1;
}
.cancel-flow__btn:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}
.cancel-flow__btn.is-busy {
  cursor: progress;
  opacity: 0.7;
}
.cancel-flow__btn--primary {
  background: #343332;
  color: #F6EEDF;
  border-color: #343332;
}
.cancel-flow__btn--primary:hover:not(:disabled), .cancel-flow__btn--primary:focus-visible:not(:disabled) {
  background: #6E5926;
  border-color: #6E5926;
  color: #F6EEDF;
  outline: none;
}
.cancel-flow__btn--ghost {
  background: #FAF6EC;
  color: #343332;
  border-color: rgba(27, 24, 18, 0.16);
}
.cancel-flow__btn--ghost:hover:not(:disabled), .cancel-flow__btn--ghost:focus-visible:not(:disabled) {
  background: #F6EEDF;
  border-color: #343332;
  outline: none;
}
.cancel-flow__btn--text {
  background: transparent;
  color: #8A8271;
  border: 0;
  padding: 12px 0;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.cancel-flow__btn--text:hover:not(:disabled), .cancel-flow__btn--text:focus-visible:not(:disabled) {
  color: #343332;
  outline: none;
}
.cancel-flow__btn--danger {
  background: transparent;
  color: #B0402E;
  border-color: #B0402E;
}
.cancel-flow__btn--danger:hover:not(:disabled), .cancel-flow__btn--danger:focus-visible:not(:disabled) {
  background: #B0402E;
  color: #F6EEDF;
  outline: none;
}

.cancel-flow__step--success {
  text-align: center;
}
.cancel-flow__step--success .cancel-flow__headline {
  margin-top: 12px;
}
.cancel-flow__step--success .cancel-flow__actions {
  justify-content: center;
  margin-top: 24px;
}

.cancel-flow__success-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(110, 89, 38, 0.12);
  color: #6E5926;
  font-size: 32px;
  line-height: 1;
  margin: 0 auto 12px;
}
.cancel-flow__success-mark--muted {
  background: rgba(138, 130, 113, 0.12);
  color: #8A8271;
}

.cancel-flow__error {
  margin-top: 16px;
  padding: 12px 16px;
  background: rgba(176, 64, 46, 0.08);
  border-left: 2px solid #B0402E;
  color: #B0402E;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 15px;
}

@media (max-width: 776px) {
  .cancel-flow__panel {
    padding: 24px 16px 16px;
    width: calc(100% - 16px);
  }
  .cancel-flow__actions {
    flex-direction: column;
    align-items: stretch;
  }
  .cancel-flow__actions .cancel-flow__btn {
    width: 100%;
  }
  .cancel-flow__actions .cancel-flow__btn--text {
    margin-left: 0;
  }
  .cancel-flow__rail-num {
    width: 28px;
    height: 28px;
    font-size: 12px;
  }
}
.freebie {
  background: #F6EEDF;
}
.freebie__inner {
  max-width: 760px;
  margin: 0 auto;
  padding: clamp(48px, 7vw, 96px) clamp(20px, 5vw, 64px) clamp(40px, 6vw, 72px);
}
.freebie__head {
  text-align: center;
  margin-bottom: clamp(32px, 5vw, 56px);
}
.freebie__eyebrow {
  margin-bottom: 14px;
}
.freebie__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: clamp(38px, 5.5vw, 64px);
  line-height: 1.1;
  letter-spacing: -0.015em;
  font-weight: 600;
  color: #343332;
  margin: 0 0 24px;
  overflow-wrap: break-word;
  hyphens: none;
}
.freebie__intro {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 20px;
  line-height: 1.7;
  color: #4A463E;
  max-width: 58ch;
  margin: 0 auto;
}
.freebie__intro p {
  font-size: inherit;
  line-height: inherit;
}
.freebie__intro p:last-child {
  margin-bottom: 0;
}
.freebie__gallery {
  display: grid;
  gap: clamp(12px, 2vw, 20px);
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  margin: clamp(32px, 5vw, 56px) 0;
}
.freebie__gallery--1 {
  grid-template-columns: 1fr;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
.freebie__gallery--2 {
  grid-template-columns: repeat(2, 1fr);
}
.freebie__gallery--4 {
  grid-template-columns: repeat(2, 1fr);
}
.freebie__shot {
  margin: 0;
  background: #F0EEE8;
  border: 1px solid rgba(52, 51, 50, 0.15);
  border-radius: 3px;
  overflow: hidden;
}
.freebie__shot img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.freebie__download {
  text-align: center;
  margin: clamp(32px, 5vw, 48px) 0;
}
.freebie__btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #343332;
  color: #F6EEDF;
  border: none;
  padding: 20px 38px;
  border-radius: 2px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 14px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-decoration: none;
  transition: background 0.2s ease, transform 0.2s ease;
}
.freebie__btn:hover {
  background: #6E5926;
  color: #F6EEDF;
  transform: translateY(-1px);
  text-decoration: none;
}
.freebie__btn-arrow {
  font-size: 16px;
  line-height: 1;
}
.freebie__filemeta {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #8A8271;
  margin: 14px 0 0;
}
.freebie__closing {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 20px;
  line-height: 1.7;
  color: #4A463E;
  max-width: 58ch;
  margin: 0 auto;
  text-align: center;
}
.freebie__closing p {
  font-size: inherit;
  line-height: inherit;
}
.freebie__closing p:last-child {
  margin-bottom: 0;
}

.freebie-cta {
  background: #FAF6EC;
  border-top: 1px solid rgba(207, 196, 187, 0.3);
  text-align: center;
  padding: clamp(56px, 8vw, 100px) 0;
}
.freebie-cta__inner {
  max-width: 640px;
  margin: 0 auto;
  padding: 0 clamp(20px, 5vw, 64px);
}
.freebie-cta__ornament {
  color: #8A734A;
  font-size: 18px;
  line-height: 1;
  margin: 0 auto 18px;
}
.freebie-cta__eyebrow {
  margin-bottom: 18px;
}
.freebie-cta__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: clamp(36px, 5.5vw, 64px);
  line-height: 1.1;
  letter-spacing: -0.015em;
  font-weight: 600;
  color: #343332;
  margin: 0 0 24px;
}
.freebie-cta__em {
  font-style: italic;
  color: #6E5926;
}
.freebie-cta__sub {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 20px;
  line-height: 1.55;
  color: #4A463E;
  max-width: 52ch;
  margin: 0 auto 32px;
}
.freebie-cta__actions {
  display: flex;
  gap: 22px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.freebie-cta__btn {
  background: #343332;
  color: #F6EEDF;
  border: none;
  padding: 20px 36px;
  border-radius: 2px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 14px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-decoration: none;
  transition: background 0.2s ease;
}
.freebie-cta__btn:hover {
  background: #6E5926;
  color: #F6EEDF;
  text-decoration: none;
}
.freebie-cta__link {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #4A463E;
  padding: 14px 10px;
  text-decoration: none;
}
.freebie-cta__link:hover {
  color: #343332;
  text-decoration: none;
}

@media (max-width: 640px) {
  .freebie__gallery,
  .freebie__gallery--2,
  .freebie__gallery--4 {
    grid-template-columns: 1fr;
  }
}
.h26-hero {
  position: relative;
  overflow: hidden;
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
}

.h26-hero__plate {
  position: relative;
  width: 100%;
  max-width: 1672px;
  margin: 0 auto;
  min-height: 843px;
}
@media (max-width: 1087px) {
  .h26-hero__plate {
    min-height: 632px;
  }
}
@media (max-width: 760px) {
  .h26-hero__plate {
    min-height: 0;
  }
}

.h26-hero__botanical {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  pointer-events: none;
  user-select: none;
}

.h26-hero__body {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 100px 32px 96px;
}
@media (max-width: 1087px) {
  .h26-hero__body {
    padding-top: 50px;
  }
}
@media (max-width: 760px) {
  .h26-hero__body {
    padding-top: 34px;
  }
}

.h26-hero__eyebrow {
  margin: 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.34em;
  color: #3f3b34;
  text-transform: uppercase;
  padding-left: 0.34em;
}

.h26-hero__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 400;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  margin: 21px 0 0;
  font-size: 56px;
  line-height: 1.2;
  color: #3b3831;
}
@media (max-width: 760px) {
  .h26-hero__title {
    font-size: 32px;
  }
}

@media (max-width: 1350px) {
  .h26-hero__br {
    display: none;
  }
}

.h26-hero__standfirst {
  margin: 24px auto 0;
  max-width: 720px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 21px;
  color: #3b3830;
}
@media (max-width: 760px) {
  .h26-hero__standfirst {
    font-size: 17px;
    padding: 0 18px;
  }
}

.h26-hero__cta {
  margin-top: 42px;
}

.h26-hero__secondary {
  margin-top: 26px;
}

.h26-marg {
  position: absolute;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #4A463E;
}
@media (max-width: 1280px) {
  .h26-marg {
    display: none !important;
  }
}
.h26-marg--cat {
  left: 60px;
  top: 308px;
  min-width: 106px;
  padding-bottom: 14px;
  border-bottom: 1px solid #E0C8A5;
}
.h26-marg--note {
  right: 54px;
  top: 286px;
  text-align: center;
  font-size: 10.5px;
  line-height: 19px;
  padding-bottom: 13px;
  border-bottom: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: 0 1px 0 rgba(207, 196, 187, 0.3), 0 2px 0 #FFFFFF;
}
.h26-marg--fig {
  left: 478px;
  bottom: 54px;
  font-style: italic;
  font-size: 14px;
  letter-spacing: 0;
  text-transform: none;
  padding-bottom: 10px;
  padding-right: 2px;
  border-bottom: 1px solid #E0C8A5;
}

@keyframes cl-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.h26-marquee {
  position: relative;
  overflow: hidden;
  background: #FDFBF5;
}

.h26-marquee__rule {
  -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
  mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}
.h26-marquee__rule span {
  display: block;
  height: 1px;
}
.h26-marquee__rule span:nth-child(1) {
  background: rgba(207, 196, 187, 0.1);
}
.h26-marquee__rule span:nth-child(2) {
  background: rgba(207, 196, 187, 0.3);
}
.h26-marquee__rule span:nth-child(3) {
  background: #FFFFFF;
}

.h26-marquee__viewport {
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 26px 0;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent, black 14%, black 86%, transparent);
  mask-image: linear-gradient(to right, transparent, black 14%, black 86%, transparent);
}

.h26-marquee__track {
  display: flex;
  width: max-content;
  animation: cl-marquee 55s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .h26-marquee__track {
    animation: none;
  }
}

.h26-marquee__set {
  display: flex;
  align-items: center;
  flex: none;
}

.h26-marquee__item {
  white-space: nowrap;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: #3a372f;
}

.h26-marquee__dot {
  padding: 0 30px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-style: italic;
  color: #60594D;
}

.h26-manifesto {
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
}

.h26-manifesto__stage {
  position: relative;
  max-width: 1110px;
  margin: 0 auto;
  padding: 48px 40px 96px;
}

.h26-manifesto__panel {
  position: absolute;
  top: calc(78px + (100% - 174px) / 2);
  width: auto;
  height: auto;
  max-height: calc(100% - 174px);
  pointer-events: none;
  user-select: none;
}
.h26-manifesto__panel--left {
  left: 40px;
  transform: translate(-100%, -50%);
}
.h26-manifesto__panel--right {
  right: 40px;
  transform: translate(100%, -50%);
}

.h26-manifesto__shadow {
  position: relative;
  z-index: 1;
  margin-top: 30px;
  filter: drop-shadow(0 20px 30px rgba(52, 51, 50, 0.22));
}

.h26-card {
  position: relative;
  padding: 72px 64px;
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
  clip-path: polygon(18px 0, calc(100% - 18px) 0, 100% 18px, 100% calc(100% - 18px), calc(100% - 18px) 100%, 18px 100%, 0 calc(100% - 18px), 0 18px);
}
@media (max-width: 760px) {
  .h26-card {
    padding: 44px 24px;
  }
}

.h26-card__rule {
  position: absolute;
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 12px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px), 0 12px);
}
.h26-card__rule--outer {
  inset: 10px;
  background: rgba(207, 196, 187, 0.45);
}
.h26-card__rule--lip {
  inset: 11px;
  background: #FFFFFF;
}
.h26-card__rule--face {
  inset: 12px;
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
}

.h26-card__body {
  position: relative;
}

.h26-manifesto__mark {
  display: block;
  width: 100px;
  height: auto;
  margin: 0 auto 28px;
}

.h26-manifesto__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  margin: 26px auto 0;
  max-width: 900px;
  text-align: center;
  font-size: clamp(40px, 3.9vw, 62px);
  line-height: 1.18;
}

.h26-manifesto__standfirst {
  margin: 28px auto 0;
  max-width: 560px;
  text-align: center;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 19px;
  line-height: 1.7;
  color: #3b3830;
}

.h26-stats {
  margin-top: 52px;
  padding: 32px 8px;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 5px;
  box-shadow: inset 0 0 0 1px rgba(207, 196, 187, 0.12), 0 1px 0 #FFFFFF, 0 -1px 0 #FFFFFF, 1px 0 0 #FFFFFF, -1px 0 0 #FFFFFF;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
}
@media (max-width: 760px) {
  .h26-stats {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 28px;
  }
}

.h26-stats__cell {
  text-align: center;
  padding: 6px 12px;
}
.h26-stats__cell + .h26-stats__cell {
  border-left: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: inset 1px 0 0 rgba(207, 196, 187, 0.3), inset 2px 0 0 #FFFFFF;
}
@media (max-width: 760px) {
  .h26-stats__cell:nth-child(3) {
    border-left: 0;
    box-shadow: none;
  }
}

.h26-stats__value {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 500;
  font-size: 38px;
  letter-spacing: 0.02em;
  color: #343332;
}

.h26-stats__label {
  margin-top: 8px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: #60594D;
}

.h26-promises {
  margin-top: 26px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 900px) {
  .h26-promises {
    grid-template-columns: 1fr;
  }
}

.h26-promise {
  display: flex;
  gap: 24px;
}
.h26-promise:nth-child(1) {
  padding: 28px 48px 30px 0;
  border-bottom: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: 0 1px 0 rgba(207, 196, 187, 0.3), 0 2px 0 #FFFFFF;
}
.h26-promise:nth-child(2) {
  padding: 28px 0 30px 48px;
  border-bottom: 1px solid rgba(207, 196, 187, 0.1);
  border-left: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: inset 1px 0 0 rgba(207, 196, 187, 0.3), inset 2px 0 0 #FFFFFF, 0 1px 0 rgba(207, 196, 187, 0.3), 0 2px 0 #FFFFFF;
}
.h26-promise:nth-child(3) {
  padding: 30px 48px 6px 0;
}
.h26-promise:nth-child(4) {
  padding: 30px 0 6px 48px;
  border-left: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: inset 1px 0 0 rgba(207, 196, 187, 0.3), inset 2px 0 0 #FFFFFF;
}
@media (max-width: 900px) {
  .h26-promise:nth-child(n) {
    padding: 28px 0 30px;
    border-left: 0;
    border-bottom: 1px solid rgba(207, 196, 187, 0.1);
    box-shadow: 0 1px 0 rgba(207, 196, 187, 0.3), 0 2px 0 #FFFFFF;
  }
  .h26-promise:last-child {
    border-bottom: 0;
    box-shadow: none;
  }
}

.h26-promise__num {
  min-width: 46px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 24px;
  line-height: 1.3;
  color: #AB9C85;
  text-shadow: 0 -1px 0 rgba(120, 100, 70, 0.4), 0 2px 1px #FFFFFF, 0 1px 0 #FFFFFF;
}

.h26-promise__text h3 {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  margin: 0;
  font-size: 25px;
}
.h26-promise__text p {
  margin: 11px 0 0;
  max-width: 480px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 15px;
  line-height: 1.7;
  color: #4A463E;
}

.h26-gallery {
  position: relative;
  z-index: 1;
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
  border-top: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: inset 0 1px 0 rgba(207, 196, 187, 0.3), inset 0 2px 0 #FFFFFF;
}

.h26-gallery__inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 96px 40px 40px;
}
@media (max-width: 760px) {
  .h26-gallery__inner {
    padding: 56px 20px 32px;
  }
}

.h26-gallery__head {
  display: grid;
  grid-template-columns: 1fr 3fr 1fr;
  align-items: end;
  gap: 24px;
}
@media (max-width: 1087px) {
  .h26-gallery__head {
    grid-template-columns: 1fr;
  }
}

.h26-gallery__roman {
  width: 100%;
  max-width: 250px;
  height: auto;
  margin-bottom: -36px;
  pointer-events: none;
  user-select: none;
}
.h26-gallery__roman--left {
  justify-self: start;
}
.h26-gallery__roman--right {
  justify-self: end;
}
@media (max-width: 1087px) {
  .h26-gallery__roman {
    display: none;
  }
}

.h26-gallery__headtext {
  text-align: center;
}
.h26-gallery__headtext h2 {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  margin: 18px auto 0;
  font-size: clamp(34px, 3vw, 48px);
  line-height: 1.1;
}

.h26-gallery__standfirst {
  margin: 16px auto 0;
  max-width: 560px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 18px;
  line-height: 1.55;
  color: #3b3830;
}

.h26-gallery__rule {
  margin: 36px 0 0;
}
.h26-gallery__rule--tabs {
  margin: 22px 0 0;
}

.h26-gallery__tabs {
  margin-top: 22px;
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
}

.h26-tab {
  padding: 0 2px;
  border: none;
  background: transparent;
  cursor: pointer;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 19px;
  color: #8A8271;
  transition: color 0.2s ease;
}
.h26-tab.is-active, .h26-tab:hover {
  color: #343332;
}

.h26-grid {
  margin-top: 48px;
  display: grid;
  grid-template-columns: 1.05fr 1fr 1fr;
  gap: 0;
}
.h26-gallery.has-js .h26-grid {
  display: none;
}
.h26-gallery.has-js .h26-grid.is-active {
  display: grid;
}
@media (max-width: 1087px) {
  .h26-grid {
    grid-template-columns: 1fr;
    row-gap: 40px;
  }
}

.h26-grid__col--feature {
  padding-right: 36px;
  display: flex;
  flex-direction: column;
}
.h26-grid__col--mid {
  padding: 0 36px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  border-left: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: inset 1px 0 0 rgba(207, 196, 187, 0.3), inset 2px 0 0 #FFFFFF;
}
.h26-grid__col--right {
  padding-left: 36px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  border-left: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: inset 1px 0 0 rgba(207, 196, 187, 0.3), inset 2px 0 0 #FFFFFF;
}
@media (max-width: 1087px) {
  .h26-grid__col--feature {
    padding-right: 0;
  }
  .h26-grid__col--mid, .h26-grid__col--right {
    padding: 0;
    border-left: none;
    box-shadow: none;
    gap: 40px;
  }
}

.h26-grid__cell {
  display: flex;
  flex-direction: column;
}

.h26-grid__col--mid .h26-grid__cell {
  flex: 1;
}

.h26-frame {
  position: relative;
  display: block;
  border: 1px solid #D6B587;
  border-radius: 5px;
  overflow: hidden;
  text-decoration: none;
}
.h26-frame img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}
.h26-frame:hover img {
  transform: scale(1.045);
}
.h26-frame--feature {
  flex: 1 1 auto;
  min-height: 420px;
  box-shadow: 0 18px 34px -18px rgba(52, 51, 50, 0.35);
}
.h26-frame--mid {
  flex: 1 1 auto;
  min-height: 220px;
}
.h26-frame--wide {
  aspect-ratio: 16/7;
}
@media (max-width: 1087px) {
  .h26-frame--feature {
    flex: none;
    min-height: 0;
    aspect-ratio: 4/4.6;
  }
  .h26-frame--mid {
    flex: none;
    min-height: 0;
    aspect-ratio: 16/7;
  }
}

.h26-chip {
  position: absolute;
  left: 12px;
  bottom: 12px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 10px;
  background: rgba(253, 251, 245, 0.95);
  border: 1px solid #D6B587;
  border-radius: 3px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.16em;
  color: #60594D;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.25s ease, transform 0.25s ease;
  pointer-events: none;
}
.h26-frame:hover .h26-chip {
  opacity: 1;
  transform: translateY(0);
}

.h26-grid__from {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #8A734A;
}

.h26-grid__feattitle {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  margin: 10px 0 0;
  font-size: 26px;
  line-height: 1.25;
}
.h26-grid__feattitle a {
  color: #343332;
  text-decoration: none;
}
.h26-grid__feattitle a:hover {
  color: #343332;
  text-decoration: none;
}

.h26-grid__story {
  margin: 10px 0 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 16.5px;
  line-height: 1.6;
  color: #60594D;
}

.h26-grid__featrule {
  display: none;
}
@media (max-width: 1087px) {
  .h26-grid__featrule {
    display: block;
    margin-top: 40px;
  }
}

.h26-leader {
  margin-top: 14px;
  display: flex;
  align-items: flex-end;
  gap: 12px;
}
.h26-leader h3 {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  margin: 0;
  font-size: 22px;
  line-height: 1.3;
  flex: 0 1 auto;
  min-width: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.h26-leader h3 a {
  color: #343332;
  text-decoration: none;
}
.h26-leader h3 a:hover {
  color: #343332;
  text-decoration: none;
}
.h26-leader__dots {
  flex: 1 0 24px;
  border-bottom: 1px dotted rgba(214, 181, 135, 0.9);
  transform: translateY(-6px);
}
.h26-leader__cat {
  flex: none;
  white-space: nowrap;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.16em;
  color: #8A734A;
}

.h26-gallery__cta {
  margin-top: 80px;
  text-align: center;
}

.h26-gallery__ctacopy {
  margin: 26px auto 0;
  max-width: 560px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 22px;
  line-height: 1.5;
  color: #343332;
}
.h26-gallery__ctacopy a {
  font-size: inherit;
  padding-bottom: 3px;
}

.h26-gallery__ctabtn {
  margin-top: 26px;
}

.h26-steps {
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
}

.h26-steps__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 96px 40px;
  border-bottom: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: 0 1px 0 rgba(207, 196, 187, 0.3), 0 2px 0 #FFFFFF;
}
@media (max-width: 760px) {
  .h26-steps__inner {
    padding: 56px 20px;
  }
}

.h26-steps__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  margin: 22px 0 0;
  text-align: center;
  font-size: clamp(38px, 3.6vw, 56px);
  line-height: 1.1;
}

.h26-steps__grid {
  margin-top: 72px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 48px;
}

.h26-step {
  text-align: center;
}
.h26-step h3 {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  margin: 22px 0 0;
  font-size: 26px;
}
.h26-step p {
  margin: 12px auto 0;
  max-width: 320px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 15px;
  line-height: 1.65;
  color: #4A463E;
}

.h26-step__num {
  width: 58px;
  height: 58px;
  margin: 0 auto;
  border: 1px solid #D6B587;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 24px;
  color: #8A734A;
}

.h26-reviews {
  background: #FAF6EC url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-light.jpg") repeat;
  background-size: 620px;
}

.h26-reviews__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 96px 40px;
}
@media (max-width: 760px) {
  .h26-reviews__inner {
    padding: 56px 20px;
  }
}

.h26-reviews__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  margin: 22px 0 0;
  text-align: center;
  font-size: clamp(38px, 3.6vw, 56px);
  line-height: 1.1;
}

.h26-reviews__note {
  margin: 16px 0 0;
  text-align: center;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 17px;
  color: #60594D;
}

.h26-reviews__masonry {
  margin-top: 64px;
  column-count: 3;
  column-gap: 24px;
}
@media (max-width: 992px) {
  .h26-reviews__masonry {
    column-count: 2;
  }
}
@media (max-width: 640px) {
  .h26-reviews__masonry {
    column-count: 1;
  }
}

.h26-review {
  break-inside: avoid;
  margin: 0 0 24px;
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
  border-radius: 5px;
  box-shadow: 0 10px 24px -14px rgba(52, 51, 50, 0.3);
}
.h26-review--work {
  overflow: hidden;
}
.h26-review--work img {
  display: block;
  width: 100%;
  height: auto;
}
.h26-review--work figcaption {
  padding: 16px 22px 18px;
}
.h26-review--quote {
  padding: 24px 26px;
}
.h26-review blockquote {
  margin: 14px 0 0;
  padding: 0;
  border: 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 17.5px;
  line-height: 1.55;
  color: #343332;
}

.h26-review__stars {
  color: #D6B587;
  font-size: 14px;
  letter-spacing: 3px;
}

.h26-review__label {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #8A734A;
}

.h26-review__name {
  margin-top: 7px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #45413a;
}
.h26-review__name span {
  font-weight: 400;
  color: #8A8271;
}
.h26-review--quote .h26-review__name {
  margin-top: 16px;
}

.h26-pricing {
  position: relative;
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
}

.h26-pricing__lip {
  position: absolute;
  left: 0;
  right: 0;
  top: -24px;
  height: 24px;
  pointer-events: none;
  background: linear-gradient(to top, rgba(52, 51, 50, 0.16), transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, black 25%, black 75%, transparent);
  mask-image: linear-gradient(to right, transparent, black 25%, black 75%, transparent);
}

.h26-pricing__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 96px 40px;
}
@media (max-width: 760px) {
  .h26-pricing__inner {
    padding: 56px 20px;
  }
}

.h26-pricing__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  margin: 22px 0 0;
  text-align: center;
  font-size: clamp(38px, 3.6vw, 56px);
  line-height: 1.1;
}

.h26-pricing__proof {
  margin: 22px 0 0;
  text-align: center;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 14px;
  color: #4A463E;
}

.h26-choice {
  max-width: 640px;
  margin: 56px auto 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
@media (max-width: 560px) {
  .h26-choice {
    grid-template-columns: 1fr;
  }
}

.h26-choice__btn {
  text-align: left;
  cursor: pointer;
  padding: 18px 22px;
  border: 1px solid #E0C8A5;
  border-radius: 5px;
  font-family: inherit;
  background: rgba(253, 251, 245, 0.45);
  box-shadow: none;
  transition: background 0.2s ease, box-shadow 0.2s ease;
}
.h26-choice__btn.is-active {
  background: #FDFBF5;
  box-shadow: 0 12px 26px -12px rgba(52, 51, 50, 0.35);
}

.h26-choice__title {
  display: block;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-weight: 500;
  font-size: 20px;
  color: #343332;
}

.h26-choice__sub {
  display: block;
  margin-top: 5px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 13px;
  color: #60594D;
}

.h26-plan {
  max-width: 560px;
  margin: 26px auto 0;
}

.h26-plan__banner {
  text-align: center;
  padding: 10px 16px;
  border-radius: 5px 5px 0 0;
  background: var(--cl-accent, #B0402E) url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-cta-button.jpg") repeat;
  background-size: 400px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: #FDFBF5;
}
.h26-plan__banner[hidden] {
  display: none;
}

.h26-plan__card {
  padding: 44px 48px;
  background: #FDFBF5;
  border-radius: 5px;
  box-shadow: 0 18px 38px -16px rgba(52, 51, 50, 0.35);
}
.h26-plan__card.has-banner {
  border-radius: 0 0 5px 5px;
}
@media (max-width: 560px) {
  .h26-plan__card {
    padding: 32px 24px;
  }
}

.h26-plan__label {
  margin: 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.3em;
  color: #8A734A;
  text-transform: uppercase;
  text-align: center;
}

.h26-plan__pricerow {
  margin-top: 14px;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 8px;
}

.h26-plan__currency {
  align-self: flex-start;
  margin-top: 14px;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 30px;
  color: #60594D;
}

.h26-plan__price {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 84px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.01em;
  color: #343332;
}

.h26-plan__per {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 19px;
  color: #8A8271;
}

.h26-plan__wasrow {
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.h26-plan__wasrow[hidden] {
  display: none;
}

.h26-plan__was {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 17px;
  color: #8A8271;
  text-decoration: line-through;
}

.h26-plan__save {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 10px;
  border: 1px solid #D6B587;
  border-radius: 4px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
  color: #60594D;
}

.h26-plan__billed {
  margin: 16px 0 0;
  text-align: center;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 18px;
  color: #8A734A;
}

.h26-plan__tagline {
  margin: 10px 0 0;
  text-align: center;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 17px;
  color: #60594D;
}

.h26-plan__features {
  margin-top: 28px;
  border-top: 1px solid rgba(214, 181, 135, 0.45);
  display: flex;
  flex-direction: column;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 18px;
  color: #343332;
}

.h26-plan__feature {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 15px 0;
  border-bottom: 1px solid rgba(214, 181, 135, 0.45);
  text-align: center;
}

.h26-plan__tick {
  flex: none;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #efe3c8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #60594D;
}

.h26-plan__guarantee {
  margin: 20px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #8A734A;
}

.h26-plan__gtick {
  flex: none;
  width: 16px;
  height: 16px;
  border: 1px solid #8A734A;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
}

.h26-plan__switch {
  margin: 14px 0 0;
  text-align: center;
}
.h26-plan__switch button {
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 17px;
  color: #8A734A;
}
.h26-plan__switch button:hover {
  color: #6E5926;
}

.h26-closing {
  background: var(--cl-band, #BAC4BB) url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-grain.jpg") repeat;
}

.h26-closing__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 110px 40px;
  text-align: center;
}

.h26-closing__mark {
  font-size: 26px;
  color: #60594D;
}

.h26-closing__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  margin: 22px 0 0;
  font-size: clamp(38px, 3.6vw, 56px);
  line-height: 1.1;
}

.h26-closing__body {
  margin: 24px auto 0;
  max-width: 620px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 20px;
  line-height: 1.55;
  color: #3b3830;
}

.h26-closing__cta {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 36px;
  flex-wrap: wrap;
}
.h26-closing__cta .h26-btn, .h26-closing__cta .affiliate-btn, .h26-closing__cta .affiliate-apply input[type=submit], .affiliate-apply .h26-closing__cta input[type=submit],
.h26-closing__cta .affiliate-apply button[type=submit],
.affiliate-apply .h26-closing__cta button[type=submit] {
  padding: 0 44px;
}

body.h26-page {
  background: #F6EEDF;
}

.h26-rail {
  max-width: 1475px;
  margin: 0 auto;
  padding: 44px clamp(18px, 4vw, 48px) 52px;
  border-bottom: 1px solid rgba(207, 196, 187, 0.1);
  box-sizing: border-box;
}

.h26-rail__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
  margin-bottom: 22px;
}

.h26-rail__label {
  margin-bottom: 8px;
}

.h26-rail__line {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 21px;
  color: #343332;
  margin: 0;
}

.h26-rail__line-soft {
  font-style: italic;
  color: #8A8271;
}

.h26-rail__more {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #7B5F2B;
  text-decoration: none;
  white-space: nowrap;
}
.h26-rail__more:hover {
  color: #6E5926;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.h26-rail__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
}
@media (max-width: 1200px) {
  .h26-rail__grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .h26-rail__grid .h26-rail__tile:nth-child(n+5) {
    display: none;
  }
}
@media (max-width: 900px) {
  .h26-rail__grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .h26-rail__grid .h26-rail__tile:nth-child(n+4) {
    display: none;
  }
}
@media (max-width: 620px) {
  .h26-rail__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .h26-rail__grid .h26-rail__tile:nth-child(n+4) {
    display: block;
  }
}

.h26-rail__tile {
  position: relative;
}
.h26-rail__tile img {
  aspect-ratio: 1;
  object-fit: cover;
}

.h26-rail__new {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
  background: #8A734A;
  color: #FDFBF5;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  padding: 5px 10px;
  border-radius: 3px;
}

.h26-tile {
  display: block;
  background: #FDFBF5;
  border: 1px solid rgba(207, 196, 187, 0.3);
  text-decoration: none;
  transition: box-shadow 0.18s ease;
}
.h26-tile:hover {
  box-shadow: 0 14px 34px rgba(27, 24, 18, 0.18);
  text-decoration: none;
}
.h26-tile img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  display: block;
}

.h26-tile__meta {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 11px 14px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #8A8271;
  border-top: 1px solid rgba(207, 196, 187, 0.1);
}
.h26-tile__meta .h26-tile__fmt {
  color: #A9853F;
  white-space: nowrap;
}

body.single-product {
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
}

.p26-page {
  max-width: 1400px;
  margin: 0 auto;
  padding: 40px 40px 72px;
  background: transparent;
  border: 0;
  box-shadow: none;
  border-radius: 0;
}
@media (max-width: 760px) {
  .p26-page {
    padding: 36px 20px;
  }
}

.single-product .p26-page {
  max-width: 1400px;
  margin: 0 auto;
}

.p26-crumbs {
  margin: 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #8A734A;
}
.p26-crumbs a {
  color: #8A734A;
  text-decoration: none;
}
.p26-crumbs a:hover {
  color: #343332;
  text-decoration: none;
}
.p26-crumbs__sep {
  padding: 0 8px;
  color: #D6B587;
}
.p26-crumbs__here {
  color: #AB9C85;
}

:is(.p26-page, .product-modal, .p26-more) .product-inner__crumbs {
  background: none;
  border: 0;
  padding: 0;
  border-radius: 0;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__crumbs .product-inner__crumbs-icon {
  display: none;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__crumbs .product-inner__crumbs-trail {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__crumbs .product-inner__crumbs-trail li {
  margin: 0;
  padding: 0;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__crumbs .product-inner__crumbs-trail li::before {
  content: none;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__crumbs a,
:is(.p26-page, .product-modal, .p26-more) .product-inner__crumbs .product-inner__crumbs-sku {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  text-decoration: none;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__crumbs a {
  color: #8A734A;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__crumbs a:hover {
  color: #343332;
  text-decoration: none;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__crumbs .product-inner__crumbs-sku {
  color: #AB9C85;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__crumbs .product-inner__crumbs-sep {
  padding: 0 8px;
  color: #D6B587;
}

:is(.p26-page, .product-modal, .p26-more) .product-inner__body {
  margin-top: 34px;
  display: grid;
  grid-template-columns: 1.35fr 1fr;
  gap: 64px;
  align-items: start;
}
@media (max-width: 980px) {
  :is(.p26-page, .product-modal, .p26-more) .product-inner__body {
    grid-template-columns: 1fr;
    gap: 36px;
  }
}

:is(.p26-page, .product-modal, .p26-more) .product-inner__figure {
  position: relative;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__bracket,
:is(.p26-page, .product-modal, .p26-more) .product-inner__zoom {
  display: none;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__stage {
  border: 0;
  border-radius: 5px;
  overflow: hidden;
  background: transparent;
  box-shadow: 0 18px 34px -18px rgba(52, 51, 50, 0.35);
  padding: 0;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__stage::after, :is(.p26-page, .product-modal, .p26-more) .product-inner__stage::before {
  content: none;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__plate {
  border: 0;
  border-radius: 5px;
  background: transparent;
  box-shadow: none;
  padding: 0;
  transition: transform 0.6s ease;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__plate img {
  display: block;
  width: 100%;
  height: auto;
}

.p26-save {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 3;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 10px;
}
.p26-save .wishlist_button_container {
  flex: none;
  width: 42px;
  height: 42px;
}
.p26-save .product-inner__action {
  position: static;
  inset: auto;
  margin: 0;
  transform: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid #D6B587;
  border-radius: 50%;
  background: rgba(253, 251, 245, 0.92);
  color: var(--cl-accent, #B0402E);
  cursor: pointer;
  line-height: 1;
  text-decoration: none;
  flex: none;
  border-left: 1px solid #D6B587;
}
.p26-save .product-inner__action svg {
  width: 18px;
  height: 18px;
}
.p26-save .product-inner__action:hover, .p26-save .product-inner__action:focus-visible {
  border-color: var(--cl-accent, #B0402E);
  text-decoration: none;
}
.p26-save .product-inner__action .product-inner__action-label,
.p26-save .product-inner__action .product-inner__action-count {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
.p26-save .product-inner__action .product-inner__action-icon--active {
  display: none;
}
.p26-save .product-inner__action.is-saved .product-inner__action-icon--default {
  display: none;
}
.p26-save .product-inner__action.is-saved .product-inner__action-icon--active {
  display: flex;
}
.p26-save__tip {
  white-space: nowrap;
  display: inline-block;
  align-self: center;
  height: 34px;
  line-height: 32px;
  margin-right: 4px;
  padding: 0 12px;
  background: rgba(253, 251, 245, 0.95);
  border: 1px solid #D6B587;
  border-radius: 4px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 14.5px;
  line-height: 1;
  color: #60594D;
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
}
.p26-save:hover .p26-save__tip {
  opacity: 1;
}
@media (hover: none) {
  .p26-save__tip {
    opacity: 1;
    transform: none;
  }
}

.cl-cat-pending {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 15px;
  color: #8A8271;
}

.p26-plate-caption {
  margin: 14px 0 0;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #AB9C85;
}
@media (max-width: 560px) {
  .p26-plate-caption {
    flex-direction: column;
    gap: 4px;
  }
}

:is(.p26-page, .product-modal, .p26-more) .product-inner__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  margin: 0;
  font-size: clamp(34px, 3vw, 46px);
  line-height: 1.15;
  color: #343332;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__description {
  margin: 20px 0 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 18px;
  line-height: 1.65;
  color: #60594D;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__description--clampable {
  max-height: 4.95em;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__description p {
  font: inherit;
  color: inherit;
  margin: 0 0 12px;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__description p:last-child {
  margin-bottom: 0;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__description-toggle {
  margin: 8px 0 0;
  padding: 0 0 2px;
  border: 0;
  background: none;
  cursor: pointer;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: #8A734A;
  border-bottom: 1px solid #E0C8A5;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__description-toggle .product-inner__description-toggle-label {
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
}

:is(.p26-page, .product-modal, .p26-more) .p26-card-shadow {
  margin-top: 30px;
  filter: drop-shadow(0 14px 22px rgba(52, 51, 50, 0.18));
}
:is(.p26-page, .product-modal, .p26-more) .p26-card-shadow:has(> [hidden]) {
  display: none;
}

:is(.p26-page, .product-modal, .p26-more) .product-inner__visitor-cta,
:is(.p26-page, .product-modal, .p26-more) .product-inner__download-card {
  position: relative;
  display: block;
  padding: 34px 36px;
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
  border: 0;
  border-radius: 0;
  clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px), 0 14px);
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__visitor-cta::before, :is(.p26-page, .product-modal, .p26-more) .product-inner__visitor-cta::after,
:is(.p26-page, .product-modal, .p26-more) .product-inner__download-card::before,
:is(.p26-page, .product-modal, .p26-more) .product-inner__download-card::after {
  content: "";
  position: absolute;
  z-index: 0;
  clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 9px, 100% calc(100% - 9px), calc(100% - 9px) 100%, 9px 100%, 0 calc(100% - 9px), 0 9px);
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__visitor-cta::before,
:is(.p26-page, .product-modal, .p26-more) .product-inner__download-card::before {
  inset: 8px;
  z-index: 0;
  background: rgba(207, 196, 187, 0.45);
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__visitor-cta::after,
:is(.p26-page, .product-modal, .p26-more) .product-inner__download-card::after {
  inset: 9px;
  z-index: 1;
  background: #ffffff;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__visitor-cta .visitor-cta__face,
:is(.p26-page, .product-modal, .p26-more) .product-inner__download-card .visitor-cta__face {
  content: "";
  position: absolute;
  inset: 10px;
  z-index: 2;
  clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 9px, 100% calc(100% - 9px), calc(100% - 9px) 100%, 9px 100%, 0 calc(100% - 9px), 0 9px);
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__visitor-cta > *,
:is(.p26-page, .product-modal, .p26-more) .product-inner__download-card > * {
  position: relative;
  z-index: 3;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__visitor-cta[hidden],
:is(.p26-page, .product-modal, .p26-more) .product-inner__download-card[hidden] {
  display: none;
}

:is(.p26-page, .product-modal, .p26-more) .visitor-cta__eyebrow {
  margin: 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.26em;
  color: #8A734A;
  text-transform: uppercase;
}
:is(.p26-page, .product-modal, .p26-more) .visitor-cta__hook,
:is(.p26-page, .product-modal, .p26-more) .visitor-cta__free-sub {
  margin: 12px 0 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 17px;
  line-height: 1.6;
  color: #3b3830;
}
:is(.p26-page, .product-modal, .p26-more) .visitor-cta__btn,
:is(.p26-page, .product-modal, .p26-more) .download-btn-container .btn {
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 52px;
  border: 0;
  border-radius: 5px;
  background: var(--cl-accent, #B0402E) url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-cta-button.jpg") repeat;
  background-size: 400px;
  color: #ffffff;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  text-decoration: none;
  transition: filter 0.15s ease;
}
:is(.p26-page, .product-modal, .p26-more) .visitor-cta__btn:hover,
:is(.p26-page, .product-modal, .p26-more) .download-btn-container .btn:hover {
  filter: brightness(1.12);
  color: #ffffff;
  text-decoration: none;
}
:is(.p26-page, .product-modal, .p26-more) .visitor-cta__guarantee {
  margin: 12px 0 0;
  text-align: center;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: #60594D;
}

:is(.p26-page, .product-modal, .p26-more) .product-inner__catalog {
  margin-top: 36px;
  padding: 24px 0 20px;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__catalog-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  margin: 0;
  padding-bottom: 16px;
  margin: 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.26em;
  color: #8A734A;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: 0 1px 0 rgba(207, 196, 187, 0.3), 0 2px 0 #FFFFFF;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__catalog-fig {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: #AB9C85;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__catalog-list {
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 40px;
}
@media (max-width: 480px) {
  :is(.p26-page, .product-modal, .p26-more) .product-inner__catalog-list {
    grid-template-columns: 1fr;
  }
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__catalog-row {
  display: block;
  padding: 14px 0 12px;
  border-bottom: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: 0 1px 0 rgba(207, 196, 187, 0.3), 0 2px 0 #FFFFFF;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__catalog-row dt {
  margin: 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #8A734A;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__catalog-row dd {
  margin: 5px 0 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 18px;
  font-style: normal;
  line-height: 1.4;
  color: #343332;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__catalog-row dd a {
  color: #343332;
  text-decoration: underline;
  text-underline-offset: 3px;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__catalog-muted {
  font-size: 13px;
  color: #AB9C85;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__catalog-note {
  margin: 12px 0 0;
  text-align: right;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  color: #AB9C85;
}
:is(.p26-page, .product-modal, .p26-more) .cl-tip26 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  border: 1px solid #D6B587;
  border-radius: 50%;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 600;
  font-style: normal;
  color: #8A734A;
  cursor: help;
  vertical-align: 2px;
}
:is(.p26-page, .product-modal, .p26-more) .cl-tip26 > span {
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 4;
  width: 230px;
  padding: 12px 14px;
  background: #FDFBF5;
  border: 1px solid #D6B587;
  border-radius: 4px;
  box-shadow: 0 10px 26px rgba(52, 51, 50, 0.18);
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.55;
  letter-spacing: 0;
  text-transform: none;
  color: #4A463E;
  text-align: left;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.15s ease;
  pointer-events: none;
}
:is(.p26-page, .product-modal, .p26-more) .cl-tip26:hover > span, :is(.p26-page, .product-modal, .p26-more) .cl-tip26:focus-visible > span {
  visibility: visible;
  opacity: 1;
}

:is(.p26-page, .product-modal, .p26-more) .product-inner__figure-col {
  min-width: 0;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__tags-section {
  margin-top: 40px;
  width: 100%;
}
@media (max-width: 980px) {
  :is(.p26-page, .product-modal, .p26-more) .product-inner__figure-col {
    display: contents;
  }
  :is(.p26-page, .product-modal, .p26-more) .product-inner__tags-section {
    order: 3;
  }
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__tags-header {
  margin: 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.26em;
  color: #8A734A;
  text-transform: uppercase;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__tags.tags-list ul,
:is(.p26-page, .product-modal, .p26-more) .product-inner__tags ul,
:is(.p26-page, .product-modal, .p26-more) ul.product-inner__tags {
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__tags.tags-list ul li,
:is(.p26-page, .product-modal, .p26-more) .product-inner__tags ul li,
:is(.p26-page, .product-modal, .p26-more) ul.product-inner__tags li {
  margin: 0;
  padding: 0;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__tags.tags-list ul li::before,
:is(.p26-page, .product-modal, .p26-more) .product-inner__tags ul li::before,
:is(.p26-page, .product-modal, .p26-more) ul.product-inner__tags li::before {
  content: none;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__tags.tags-list ul a,
:is(.p26-page, .product-modal, .p26-more) .product-inner__tags ul a,
:is(.p26-page, .product-modal, .p26-more) ul.product-inner__tags a {
  display: inline-flex;
  align-items: center;
  height: 34px;
  padding: 0 18px;
  border: 1px solid rgba(207, 196, 187, 0.35);
  border-radius: 999px;
  background: rgba(253, 251, 245, 0.55);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 0 #FFFFFF;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: #60594D;
  text-decoration: none;
  transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__tags.tags-list ul a:hover,
:is(.p26-page, .product-modal, .p26-more) .product-inner__tags ul a:hover,
:is(.p26-page, .product-modal, .p26-more) ul.product-inner__tags a:hover {
  color: #60594D;
  border-color: rgba(207, 196, 187, 0.6);
  background: rgba(253, 251, 245, 0.95);
  text-decoration: none;
}

:is(.p26-page, .product-modal, .p26-more) .product-inner__collections-section,
:is(.p26-page, .product-modal, .p26-more) .product-inner__related-section {
  margin-top: 64px;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__collections-header,
:is(.p26-page, .product-modal, .p26-more) .product-inner__related-header {
  margin: 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.26em;
  color: #8A734A;
  text-transform: uppercase;
  margin-bottom: 22px;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__collections-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
}
@media (max-width: 1100px) {
  :is(.p26-page, .product-modal, .p26-more) .product-inner__collections-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 820px) {
  :is(.p26-page, .product-modal, .p26-more) .product-inner__collections-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  :is(.p26-page, .product-modal, .p26-more) .product-inner__collections-grid {
    grid-template-columns: 1fr;
  }
}
:is(.p26-page, .product-modal, .p26-more) .results-list__load-more {
  margin-top: 30px;
  text-align: center;
}
:is(.p26-page, .product-modal, .p26-more) .results-list__load-more .load-more-btn {
  height: 48px;
  padding: 0 40px;
  border: 1px solid #D6B587;
  border-radius: 5px;
  background: rgba(253, 251, 245, 0.7);
  cursor: pointer;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: #8A734A;
}
:is(.p26-page, .product-modal, .p26-more) .results-list__load-more .load-more-btn:hover {
  background: #FDFBF5;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.p26-more {
  background: #FAF6EC url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-light.jpg") repeat;
  background-size: 620px;
  border-top: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: inset 0 1px 0 rgba(207, 196, 187, 0.3), inset 0 2px 0 #FFFFFF;
}
.p26-more__inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 64px 40px;
}
@media (max-width: 760px) {
  .p26-more__inner {
    padding: 40px 20px;
  }
}
.p26-more__cta {
  margin-top: 56px;
  text-align: center;
}
.p26-more__line {
  margin: 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 20px;
  color: #343332;
}
.p26-more__btn {
  margin-top: 22px;
}

:is(.p26-page, .product-modal, .p26-more) .product-inner__collections-grid {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 900px) {
  :is(.p26-page, .product-modal, .p26-more) .product-inner__collections-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 560px) {
  :is(.p26-page, .product-modal, .p26-more) .product-inner__collections-grid {
    grid-template-columns: 1fr;
  }
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__collections-grid .specimen-mount--collection {
  border-color: #D6B587;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__collections-grid .specimen-mount--collection .specimen-mount__image-wrap--quad {
  grid-template-rows: 160px 160px;
  aspect-ratio: auto;
}

:is(.p26-page, .product-modal, .p26-more) .product-inner__description--clampable {
  max-height: 4.95em;
  overflow: hidden;
  position: relative;
  transition: max-height 0.25s ease;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__description--clampable::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 32px;
  background: linear-gradient(to bottom, rgba(253, 251, 245, 0), #FDFBF5);
  pointer-events: none;
  transition: opacity 0.2s ease;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__description--clampable.is-expanded {
  max-height: none;
}
:is(.p26-page, .product-modal, .p26-more) .product-inner__description--clampable.is-expanded::after {
  opacity: 0;
}

:is(.p26-page, .product-modal, .p26-more) .modal__download-btn {
  display: block;
}
:is(.p26-page, .product-modal, .p26-more) .modal__download-btn .btn,
:is(.p26-page, .product-modal, .p26-more) .modal__download-btn a.btn {
  margin-top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 52px;
  border: 0;
  border-radius: 5px;
  background: var(--cl-accent, #B0402E) url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-cta-button.jpg") repeat;
  background-size: 400px;
  color: #ffffff;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: filter 0.15s ease;
}
:is(.p26-page, .product-modal, .p26-more) .modal__download-btn .btn svg,
:is(.p26-page, .product-modal, .p26-more) .modal__download-btn a.btn svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
}
:is(.p26-page, .product-modal, .p26-more) .modal__download-btn .btn:hover, :is(.p26-page, .product-modal, .p26-more) .modal__download-btn .btn:focus-visible,
:is(.p26-page, .product-modal, .p26-more) .modal__download-btn a.btn:hover,
:is(.p26-page, .product-modal, .p26-more) .modal__download-btn a.btn:focus-visible {
  filter: brightness(1.12);
  color: #ffffff;
  text-decoration: none;
}
:is(.p26-page, .product-modal, .p26-more) .modal__top {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
:is(.p26-page, .product-modal, .p26-more) .modal__top .wishlist_button_container {
  flex: none;
}
:is(.p26-page, .product-modal, .p26-more) .modal__top .modal__download-btn {
  flex: 1 1 auto;
}
:is(.p26-page, .product-modal, .p26-more) .modal__top .product-inner__action {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid #D6B587;
  border-radius: 50%;
  background: rgba(253, 251, 245, 0.92);
  color: var(--cl-accent, #B0402E);
  cursor: pointer;
  text-decoration: none;
}
:is(.p26-page, .product-modal, .p26-more) .modal__top .product-inner__action svg {
  width: 18px;
  height: 18px;
}
:is(.p26-page, .product-modal, .p26-more) .modal__top .product-inner__action .product-inner__action-label,
:is(.p26-page, .product-modal, .p26-more) .modal__top .product-inner__action .product-inner__action-count {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

:is(.p26-page, .product-modal, .p26-more) .visitor-cta__free-title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  margin: 0;
  font-size: 22px;
  line-height: 1.25;
  color: #343332;
}
:is(.p26-page, .product-modal, .p26-more) .visitor-cta__free-sub {
  margin: 10px 0 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 15.5px;
  line-height: 1.6;
  color: #60594D;
}
:is(.p26-page, .product-modal, .p26-more) .visitor-cta__free-actions {
  margin-top: 18px;
}
:is(.p26-page, .product-modal, .p26-more) .visitor-cta__free-actions .download-btn-container {
  display: block;
}
:is(.p26-page, .product-modal, .p26-more) .visitor-cta__free-actions .download-btn-container .btn {
  width: 100%;
}
:is(.p26-page, .product-modal, .p26-more) .visitor-cta__btn--ghost {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  border: 1px solid #D6B587;
  border-radius: 5px;
  background: rgba(253, 251, 245, 0.7);
  color: #8A734A;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  text-decoration: none;
}
:is(.p26-page, .product-modal, .p26-more) .visitor-cta__btn--ghost:hover {
  background: #FDFBF5;
  color: #8A734A;
  text-decoration: none;
}

.modal.product-modal {
  background: rgba(41, 38, 32, 0.72);
  padding-top: 40px;
}
.modal.product-modal .modal-dialog {
  width: min(100vw - 48px, 1475px);
  max-width: 1475px;
  margin: 0 auto;
}
@media (max-width: 860px) {
  .modal.product-modal .modal-dialog {
    width: calc(100vw - 24px);
  }
}
.modal.product-modal .modal-content {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
  padding: clamp(20px, 2.4vw, 36px);
}
.modal.product-modal .modal-body {
  padding: 0;
}
.modal.product-modal .close {
  position: fixed;
  top: 22px;
  right: 26px;
  left: auto;
  z-index: 60;
  width: 46px;
  height: 46px;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FDFBF5;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 10px 22px -10px rgba(0, 0, 0, 0.5);
  color: #343332;
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  opacity: 1;
  text-shadow: none;
  float: none;
  cursor: pointer;
}
.modal.product-modal .close span {
  display: block;
  margin-top: -2px;
}
.modal.product-modal .close:hover, .modal.product-modal .close:focus-visible {
  color: #343332;
  background: #FFFEFA;
  border-color: #D6B587;
  opacity: 1;
}

.a26-hero {
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
}

.a26-page {
  background: #FAF6EC url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-light.jpg") repeat;
  background-size: 620px;
}

.a26-hero__inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 64px 40px 56px;
  text-align: center;
}
@media (max-width: 760px) {
  .a26-hero__inner {
    padding: 40px 20px 36px;
  }
}

.a26-hero__title {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  margin: 18px 0 0;
  font-size: clamp(44px, 4.4vw, 68px);
  line-height: 1.1;
}

.a26-hero__sub {
  margin: 22px auto 0;
  max-width: 640px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 19px;
  line-height: 1.7;
  color: #3b3830;
}

.a26-stats {
  margin: 36px auto 0;
  max-width: 760px;
  padding: 22px 32px;
  display: grid;
  grid-template-columns: repeat(3, auto);
  justify-content: center;
  column-gap: 56px;
  row-gap: 18px;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 5px;
  box-shadow: inset 0 0 0 1px rgba(207, 196, 187, 0.12), 0 1px 0 #FFFFFF, 0 -1px 0 #FFFFFF, 1px 0 0 #FFFFFF, -1px 0 0 #FFFFFF;
}
@media (max-width: 700px) {
  .a26-stats {
    grid-template-columns: 1fr;
    column-gap: 0;
  }
}

.a26-stats__cell {
  display: flex;
  flex-direction: column;
}
.a26-stats__cell dd {
  margin: 0;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 500;
  font-size: 26px;
  color: #343332;
}
.a26-stats__cell dt {
  margin-top: 4px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: #60594D;
}

.a26-search {
  margin: 32px auto 0;
  max-width: 640px;
  height: 58px;
  padding: 0 8px 0 24px;
  display: flex;
  align-items: center;
  gap: 12px;
  background: #FDFBF5;
  border: 1px solid #D6B587;
  border-radius: 5px;
  box-shadow: 0 14px 26px -18px rgba(52, 51, 50, 0.35);
}
.a26-search__ico {
  flex: none;
  display: flex;
  color: #8A734A;
}
.a26-search__input {
  flex: 1;
  min-width: 0;
  border: none;
  outline: none;
  background: transparent;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 18px;
  color: #343332;
}
.a26-search__input::placeholder {
  color: #8A8271;
  opacity: 1;
}
.a26-search__btn {
  flex: none;
  height: 42px;
  padding: 0 26px;
  border: none;
  border-radius: 5px;
  background: var(--cl-accent, #B0402E) url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-cta-button.jpg") repeat;
  background-size: 400px;
  color: #ffffff;
  cursor: pointer;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  transition: filter 0.15s ease;
}
.a26-search__btn:hover {
  filter: brightness(1.12);
}
@media (max-width: 560px) {
  .a26-search {
    height: auto;
    flex-wrap: wrap;
    padding: 12px;
    gap: 8px;
  }
  .a26-search__btn {
    width: 100%;
  }
}

.a26-tries {
  margin: 18px auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.a26-tries__label {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 15px;
  color: #8A8271;
}

.a26-try {
  display: inline-flex;
  align-items: center;
  height: 30px;
  padding: 0 15px;
  border: 1px solid rgba(207, 196, 187, 0.35);
  border-radius: 999px;
  background: rgba(253, 251, 245, 0.55);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 0 #FFFFFF;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 15px;
  color: #8A8271;
  text-decoration: none;
  transition: color 0.15s ease, border-color 0.15s ease;
}
.a26-try:hover, .a26-try:focus-visible {
  color: #60594D;
  border-color: rgba(207, 196, 187, 0.6);
  text-decoration: none;
}

.a26-bar {
  position: sticky;
  top: 0;
  z-index: 40;
  background: #FAF6EC url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-light.jpg") repeat;
  background-size: 620px;
  border-top: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: inset 0 1px 0 rgba(207, 196, 187, 0.3), inset 0 2px 0 #FFFFFF;
}

.a26-bar__inner {
  max-width: none;
  margin: 0 auto;
  padding: 0 40px 16px;
}
@media (max-width: 760px) {
  .a26-bar__inner {
    padding: 0 20px 12px;
  }
}

.a26-bar__lip {
  padding-top: 20px;
}

.a26-bar__rule {
  margin-top: 16px;
  border-bottom: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: 0 1px 0 rgba(207, 196, 187, 0.3), 0 2px 0 #FFFFFF;
}

.a26-bar__row {
  display: flex;
  align-items: center;
  gap: 26px;
  flex-wrap: wrap;
}

.a26-cats {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 14px;
  row-gap: 4px;
}
.a26-cats__dot {
  color: #D6B587;
  font-size: 13px;
}
.a26-cats__dot:last-of-type {
  display: none;
}

.a26-cat {
  padding: 2px 2px 4px;
  border: none;
  background: transparent;
  cursor: pointer;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 18px;
  color: #8A8271;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 0.15s ease;
}
.a26-cat:hover, .a26-cat:focus-visible {
  color: #343332;
  text-decoration: none;
}
.a26-cat.is-active {
  color: #343332;
  border-bottom-color: #343332;
}
.a26-cat--all {
  color: #8A734A;
}

.a26-chev {
  font-size: 10px;
}

.a26-bar__controls {
  flex: none;
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 22px;
}

.a26-refine-btn {
  height: 36px;
  padding: 0 18px;
  border: 1px solid #D6B587;
  border-radius: 5px;
  background: rgba(253, 251, 245, 0.7);
  cursor: pointer;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #8A734A;
  transition: color 0.15s ease, border-color 0.15s ease;
}
.a26-refine-btn.is-on {
  border-color: var(--cl-accent, #B0402E);
  color: var(--cl-accent, #B0402E);
}

.a26-sort {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #8A734A;
}
.a26-sort__label {
  color: #AB9C85;
}
.a26-sort__select {
  appearance: none;
  -webkit-appearance: none;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #8A734A;
}

.a26-refine {
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 5px;
  box-shadow: inset 0 0 0 1px rgba(207, 196, 187, 0.12), 0 1px 0 #FFFFFF, 0 -1px 0 #FFFFFF, 1px 0 0 #FFFFFF, -1px 0 0 #FFFFFF, 0 18px 30px -20px rgba(52, 51, 50, 0.3);
}
[hidden].a26-refine {
  display: none;
}

.results-container__main.is-refetching .results-list {
  opacity: 0.35;
  transition: opacity 0.2s ease;
  pointer-events: none;
}

.a26-refine {
  margin-top: 16px;
}
.a26-refine__head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  padding: 16px 24px;
  border-bottom: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: 0 1px 0 rgba(207, 196, 187, 0.3), 0 2px 0 #FFFFFF;
}
.a26-refine__chips {
  display: contents;
}
.a26-refine__empty {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 15.5px;
  color: #8A8271;
}
.a26-refine__empty[hidden] {
  display: none;
}
.a26-refine__spacer {
  flex: 1;
}
.a26-refine__close {
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0 4px;
  font-size: 17px;
  color: #60594D;
}
.a26-refine__groups {
  padding: 24px;
  display: grid;
  grid-template-columns: 2fr 1fr 0.9fr 1.1fr;
}
@media (max-width: 1100px) {
  .a26-refine__groups {
    grid-template-columns: 1fr 1fr;
    row-gap: 24px;
  }
}
@media (max-width: 620px) {
  .a26-refine__groups {
    grid-template-columns: 1fr;
  }
}
.a26-refine__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 24px 18px;
  border-top: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: inset 0 1px 0 rgba(207, 196, 187, 0.3), inset 0 2px 0 #FFFFFF;
}

.a26-chip {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 32px;
  padding: 0 14px;
  border: 1px solid rgba(207, 196, 187, 0.45);
  border-radius: 4px;
  background: rgba(253, 251, 245, 0.9);
  box-shadow: 0 1px 0 #FFFFFF;
  cursor: pointer;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #60594D;
}
.a26-chip__x {
  color: #AB9C85;
}

.a26-group {
  padding: 0 0 0 26px;
  border-left: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: inset 1px 0 0 rgba(207, 196, 187, 0.3), inset 2px 0 0 #FFFFFF;
}
.a26-group:first-child {
  padding: 0 26px 0 0;
  border-left: none;
  box-shadow: none;
}
.a26-group__title {
  margin: 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.26em;
  color: #8A734A;
  text-transform: uppercase;
  margin: 0 0 10px;
}
.a26-group__items--2col {
  column-count: 2;
  column-gap: 36px;
}
@media (max-width: 620px) {
  .a26-group__items--2col {
    column-count: 1;
  }
}
@media (max-width: 1100px) {
  .a26-group:nth-child(n) {
    padding: 0;
    border-left: none;
    box-shadow: none;
  }
}

.a26-check {
  break-inside: avoid;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 7px 0;
  text-align: left;
}
.a26-check__box {
  flex: none;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  border: 1px solid rgba(207, 196, 187, 0.55);
  background: rgba(253, 251, 245, 0.8);
  box-shadow: 0 1px 0 #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 11px;
  line-height: 1;
}
.a26-check__label {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 16.5px;
  color: #3b3830;
}
.a26-check.is-on .a26-check__box {
  background: var(--cl-accent, #B0402E);
  border-color: var(--cl-accent, #B0402E);
}

.a26-reset {
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0 0 2px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--cl-accent, #B0402E);
  border-bottom: 1px solid var(--cl-accent, #B0402E);
}

.a26-apply {
  height: 48px;
  padding: 0 34px;
  font-size: 12px;
  letter-spacing: 0.24em;
}

.a26-page .results-container {
  max-width: none;
  margin: 0 auto;
  padding: 26px 40px 72px;
}
@media (max-width: 760px) {
  .a26-page .results-container {
    padding: 20px 20px 48px;
  }
}

.results-list .specimen-mount {
  position: relative;
  display: block;
  overflow: hidden;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 5px;
  background: #FAF6EC;
  box-shadow: inset 0 0 0 1px rgba(207, 196, 187, 0.12), 0 1px 0 #FFFFFF, 0 -1px 0 #FFFFFF, 1px 0 0 #FFFFFF, -1px 0 0 #FFFFFF;
}
.results-list .specimen-mount img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.6s ease;
}
.results-list .specimen-mount:hover img {
  transform: scale(1.035);
}
.results-list .specimen-mount .picture_select__overlay {
  display: none;
}
.results-list .specimen-mount__meta {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: block;
  padding: 14px 62px 12px 16px;
  background: rgba(253, 251, 245, 0.94);
  border-top: 1px solid rgba(214, 181, 135, 0.5);
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.25s ease, transform 0.25s ease;
  pointer-events: none;
}
.results-list .specimen-mount:hover .specimen-mount__meta {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.results-list .specimen-mount__name {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  font-size: 19px;
  line-height: 1.3;
  color: #343332;
  text-transform: none;
  letter-spacing: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.results-list .specimen-mount__meta-left {
  display: block;
  margin-top: 6px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #8A734A;
}
.results-list .specimen-mount__type::before {
  content: " · ";
  color: #D6B587;
}
.results-list .specimen-mount__download,
.results-list .grid-item {
  position: absolute;
  right: 12px;
  z-index: 3;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid #D6B587;
  border-radius: 50%;
  background: rgba(253, 251, 245, 0.94);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.25s ease;
}
.results-list .specimen-mount__download {
  bottom: 12px;
  color: #8A734A;
}
.results-list .specimen-mount__download svg {
  width: 16px;
  height: 16px;
}
.results-list .grid-item {
  top: 12px;
  color: var(--cl-accent, #B0402E);
}
.results-list .specimen-mount:hover .specimen-mount__download,
.results-list .specimen-mount:hover .grid-item {
  opacity: 1;
}

.results-list__load-more {
  margin-top: 30px;
  text-align: center;
}
.results-list__load-more .load-more-btn {
  height: 48px;
  padding: 0 40px;
  border: 1px solid #D6B587;
  border-radius: 5px;
  background: rgba(253, 251, 245, 0.7);
  cursor: pointer;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: #8A734A;
  transition: background 0.15s ease;
}
.results-list__load-more .load-more-btn:hover {
  background: #FDFBF5;
}

body.archive-v2-page {
  background: #F6EEDF;
}
body.archive-v2-page .site-footer__stats {
  display: none;
}

.archive-v2 {
  background: #F6EEDF;
  color: #343332;
}
.archive-v2 .archive-v2-shell {
  width: min(100% - 88px, 1320px);
  margin-inline: auto;
}
.archive-v2 .archive-v2-eyebrow {
  margin: 0 0 17px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.23em;
  line-height: 1.25;
  text-transform: uppercase;
  color: #8A734A;
}

.archive-v2-hero {
  width: min(100% - 88px, 1320px);
  margin-inline: auto;
  padding: 76px 0 68px;
  display: grid;
  grid-template-columns: minmax(300px, 0.88fr) minmax(430px, 1.12fr);
  align-items: end;
  gap: clamp(56px, 7vw, 100px);
}

.archive-v2-hero__copy h1 {
  max-width: 610px;
  margin: 0 0 20px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: clamp(48px, 5.2vw, 74px);
  font-weight: 400;
  letter-spacing: -0.025em;
  line-height: 0.98;
  color: #343332;
  text-wrap: balance;
}

.archive-v2-hero__lede {
  max-width: 560px;
  margin: 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 20px;
  line-height: 1.48;
  color: #4A463E;
}

.archive-v2-search-label {
  display: block;
  margin-bottom: 12px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  letter-spacing: 0.03em;
  color: #4A463E;
}

.archive-v2-search {
  min-height: 72px;
  display: grid;
  grid-template-columns: 54px 1fr auto;
  align-items: center;
  padding: 9px;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 0;
  background: #FDFBF5;
}
.archive-v2-search .archive-v2-search__icon {
  width: 19px;
  height: 19px;
  margin-left: 13px;
  color: #8A8271;
}
.archive-v2-search input[type=text] {
  width: 100%;
  min-width: 0;
  height: 52px;
  padding: 0 14px 0 5px;
  border: 0;
  outline: 0;
  background: transparent;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 18px;
  font-style: normal;
  color: #343332;
}
.archive-v2-search input[type=text]::placeholder {
  color: #8A8271;
  font-style: italic;
  opacity: 1;
}
.archive-v2-search button {
  height: 52px;
  padding: 0 28px;
  border: 0;
  border-radius: 2px;
  background: #343332;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #FDFBF5;
  cursor: pointer;
  transition: background 0.2s ease;
}
.archive-v2-search button:hover {
  background: #362f24;
}

.archive-v2-search-hint {
  margin: 11px 0 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  color: #8A8271;
}
.archive-v2-search-hint a {
  margin-left: 5px;
  color: #4A463E;
  text-decoration-color: rgba(142, 116, 52, 0.55);
  text-underline-offset: 3px;
}

.archive-v2-catalogue {
  padding: 60px 0 64px;
  border-top: 1px solid rgba(207, 196, 187, 0.1);
  border-bottom: 1px solid rgba(207, 196, 187, 0.1);
  background: #FAF6EC;
}

.archive-v2-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 32px;
}
.archive-v2-section-head h2 {
  margin: 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: clamp(38px, 4vw, 54px);
  font-weight: 400;
  line-height: 1;
  color: #343332;
}
.archive-v2-section-head > p {
  margin: 0 0 3px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 16px;
  font-style: italic;
  color: #8A8271;
}

.archive-v2-category-layout.change_category {
  display: grid;
  grid-template-columns: minmax(390px, 0.92fr) minmax(520px, 1.08fr);
  align-items: stretch;
  gap: 44px;
  margin: 0;
  padding: 0;
  overflow: visible;
  background: transparent;
  border: 0;
}

.archive-v2-featured.nav-link {
  min-height: 380px;
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(170px, 0.88fr);
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 0;
  background: #FDFBF5;
  color: #343332;
  text-align: left;
  text-decoration: none;
  box-shadow: none;
  transition: border-color 0.2s ease, transform 0.2s ease;
}
.archive-v2-featured.nav-link > * {
  pointer-events: none;
}
.archive-v2-featured.nav-link::after {
  display: none;
}
.archive-v2-featured.nav-link:hover {
  color: #343332;
  border-color: rgba(142, 116, 52, 0.7);
  box-shadow: none;
  transform: translateY(-2px);
}
.archive-v2-featured.nav-link.active {
  background: #FDFBF5;
  color: #343332;
  border-color: #8A734A;
}

.archive-v2-featured__visual {
  min-height: 380px;
  overflow: hidden;
  border-right: 1px solid rgba(207, 196, 187, 0.3);
  background: #F0EEE8;
}

.archive-v2-featured__image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  filter: saturate(0.85) contrast(0.98);
  transition: transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.archive-v2-featured:hover .archive-v2-featured__image {
  transform: scale(1.025);
}

.archive-v2-featured__copy {
  min-width: 0;
  padding: 29px 25px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.archive-v2-featured__label {
  margin-bottom: auto;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #8A734A;
}

.archive-v2-featured__copy strong {
  display: block;
  margin-bottom: 10px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: clamp(27px, 2.2vw, 33px);
  font-weight: 400;
  line-height: 1.05;
  color: #343332;
}

.archive-v2-featured__description {
  margin-bottom: 23px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  line-height: 1.6;
  color: #4A463E;
}

.archive-v2-featured__action {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #8A734A;
}

.archive-v2-category-index {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-content: start;
  column-gap: 28px;
}
.archive-v2-category-index .nav-link {
  min-height: 63px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0;
  border: 0;
  border-top: 1px solid rgba(207, 196, 187, 0.3);
  border-radius: 0;
  background: transparent;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  text-align: left;
  color: #343332;
  text-decoration: none;
  transition: color 0.18s ease, padding 0.18s ease;
}
.archive-v2-category-index .nav-link::after {
  content: "↗";
  position: static;
  width: auto;
  height: auto;
  border-radius: 0;
  background: none;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  color: #8A734A;
  opacity: 0;
  transform: translate(-4px, 3px);
  transition: opacity 0.18s ease, transform 0.18s ease;
}
.archive-v2-category-index .nav-link:hover {
  padding-left: 5px;
  color: #6E5926;
  box-shadow: none;
}
.archive-v2-category-index .nav-link:hover::after {
  opacity: 1;
  transform: translate(0, 0);
}
.archive-v2-category-index .nav-link.active {
  padding-left: 0;
  background: transparent;
  color: #6E5926;
  font-style: italic;
}
.archive-v2-category-index .nav-link:nth-last-child(-n+3) {
  border-bottom: 1px solid rgba(207, 196, 187, 0.3);
}

.archive-v2-unlock {
  background: #F6EEDF;
}

.archive-v2-unlock__inner {
  min-height: 88px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  border-bottom: 1px solid rgba(207, 196, 187, 0.3);
}
.archive-v2-unlock__inner p {
  margin: 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 17px;
  line-height: 1.45;
  color: #4A463E;
}
.archive-v2-unlock__inner p strong {
  font-weight: 400;
  color: #343332;
}
.archive-v2-unlock__inner > a {
  flex: 0 0 auto;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.19em;
  text-transform: uppercase;
  text-decoration: none;
  color: #7B5F2B;
}
.archive-v2-unlock__inner > a:hover {
  color: #6E5926;
}

.archive-v2-results.archive-content {
  padding-top: 0;
  background: #F6EEDF;
}
.archive-v2-results.archive-content > .container-fluid {
  max-width: 1408px;
  padding: 34px 44px 70px;
}
.archive-v2-results.archive-content .search_form.search-results.cl-refine {
  padding: 0 0 26px;
  margin: 0 0 33px;
  border-bottom: 1px solid rgba(207, 196, 187, 0.3);
}
.archive-v2-results.archive-content .cl-refine .cl-fchip {
  padding: 0 0 4px;
  border: 0;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  background: transparent;
  color: #4A463E;
}
.archive-v2-results.archive-content .cl-refine .cl-fchip .cl-fchip__x {
  display: none;
}
.archive-v2-results.archive-content .cl-refine .cl-fchip:hover {
  border-color: rgba(142, 116, 52, 0.55);
  color: #343332;
}
.archive-v2-results.archive-content .cl-refine .cl-fchip.is-active {
  border-color: #8A734A;
  background: transparent;
  color: #343332;
}
.archive-v2-results.archive-content .cl-refine .cl-refine__divider {
  height: 16px;
  margin-inline: 3px;
}
.archive-v2-results.archive-content .results-list {
  margin-top: 0;
}

.archive-v2-results__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 25px;
}
.archive-v2-results__head h2 {
  margin: 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 31px;
  font-weight: 400;
  line-height: 1.1;
  color: #343332;
}
.archive-v2-results__head p {
  margin: 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.04em;
  color: #8A8271;
}

@media (max-width: 1040px) {
  .archive-v2-hero {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 42px;
  }
  .archive-v2-category-layout.change_category {
    grid-template-columns: 1fr;
  }
  .archive-v2-featured.nav-link {
    grid-template-columns: 1.35fr 0.65fr;
  }
}
@media (max-width: 720px) {
  .archive-v2 .archive-v2-shell {
    width: min(100% - 40px, 1320px);
  }
  .archive-v2-hero {
    width: min(100% - 40px, 1320px);
    padding: 54px 0 50px;
  }
  .archive-v2-hero__copy h1 {
    font-size: clamp(42px, 12vw, 58px);
  }
  .archive-v2-hero__lede {
    font-size: 18px;
  }
  .archive-v2-section-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
  .archive-v2-category-index {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .archive-v2-category-index .nav-link:nth-last-child(-n+3) {
    border-bottom: 0;
  }
  .archive-v2-category-index .nav-link:nth-last-child(-n+2) {
    border-bottom: 1px solid rgba(207, 196, 187, 0.3);
  }
  .archive-v2-unlock__inner {
    padding: 24px 0;
    align-items: flex-start;
    flex-direction: column;
    gap: 15px;
  }
  .archive-v2-results.archive-content > .container-fluid {
    padding: 30px 20px 56px;
  }
  .archive-v2-results__head {
    align-items: flex-start;
    flex-direction: column;
    gap: 7px;
  }
}
@media (max-width: 520px) {
  .archive-v2-search {
    grid-template-columns: 42px 1fr;
  }
  .archive-v2-search .archive-v2-search__icon {
    margin-left: 8px;
  }
  .archive-v2-search button {
    grid-column: 1/-1;
    width: 100%;
    margin-top: 6px;
  }
  .archive-v2-featured.nav-link {
    grid-template-columns: 1fr;
  }
  .archive-v2-featured__visual {
    min-height: 315px;
    border-right: 0;
    border-bottom: 1px solid rgba(207, 196, 187, 0.3);
  }
  .archive-v2-featured__copy {
    min-height: 235px;
  }
  .archive-v2-category-index {
    grid-template-columns: 1fr;
  }
  .archive-v2-category-index .nav-link:nth-last-child(-n+2) {
    border-bottom: 0;
  }
  .archive-v2-category-index .nav-link:last-child {
    border-bottom: 1px solid rgba(207, 196, 187, 0.3);
  }
  .archive-v2-results .cl-refine__row,
  .archive-v2-results .cl-refine__left {
    align-items: flex-start;
    flex-direction: column;
  }
}
body.unlock-v2-page {
  background: #F6EEDF;
}
body.unlock-v2-page .site-header {
  position: relative;
  z-index: 40;
  background: #F6EEDF;
}
body.unlock-v2-page .site-footer__stats {
  display: none;
}

.unlock-v2 {
  overflow: hidden;
  background: #F6EEDF;
  color: #343332;
}
.unlock-v2 *, .unlock-v2 *::before, .unlock-v2 *::after {
  box-sizing: border-box;
}
.unlock-v2 h1, .unlock-v2 h2, .unlock-v2 h3, .unlock-v2 p {
  margin-top: 0;
}
.unlock-v2 .uv2-shell {
  width: min(100% - 88px, 1320px);
  margin-inline: auto;
}
.unlock-v2 .uv2-eyebrow {
  margin: 0 0 18px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: #B0402E;
}

.uv2-hero {
  position: relative;
  min-height: 680px;
  padding: 72px 24px 54px;
  overflow: hidden;
  isolation: isolate;
  background: radial-gradient(circle at 32% 15%, rgba(253, 251, 244, 0.055), transparent 28%), radial-gradient(circle at 74% 72%, rgba(27, 24, 18, 0.18), transparent 36%), #59605a;
}
.uv2-hero::before, .uv2-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.uv2-hero::before {
  z-index: -1;
  opacity: 0.34;
  background-image: repeating-radial-gradient(circle at 0 0, transparent 0 2px, rgba(27, 24, 18, 0.18) 2.5px 3px), repeating-linear-gradient(116deg, rgba(253, 251, 244, 0.035) 0 1px, transparent 1px 5px);
  background-size: 7px 7px, 13px 13px;
  mix-blend-mode: multiply;
}
.uv2-hero::after {
  z-index: 9;
  box-shadow: inset 0 1px rgba(27, 24, 18, 0.35), inset 0 -1px rgba(27, 24, 18, 0.3);
}

.uv2-hero__scene {
  position: relative;
  width: min(100%, 1460px);
  min-height: 554px;
  margin-inline: auto;
}

.uv2-hero__specimens {
  position: absolute;
  inset: -72px -4vw -54px;
  overflow: hidden;
  pointer-events: none;
}

.uv2-specimen {
  position: absolute;
  display: block;
  width: 430px;
  max-width: none;
  height: auto;
  border: 1px solid rgba(27, 24, 18, 0.28);
  box-shadow: 0 20px 38px rgba(27, 24, 18, 0.19);
  filter: saturate(0.9) contrast(0.99);
}
.uv2-specimen--hand {
  width: 445px;
  top: -160px;
  left: 14px;
  transform: rotate(-5.5deg);
}
.uv2-specimen--floral {
  width: 420px;
  top: -165px;
  right: 12px;
  transform: rotate(2.5deg);
}
.uv2-specimen--corner {
  width: 440px;
  bottom: -235px;
  left: -44px;
  transform: rotate(-2.2deg);
}
.uv2-specimen--letters {
  width: 430px;
  right: -24px;
  bottom: -210px;
  transform: rotate(4deg);
}

.uv2-ticket {
  position: relative;
  z-index: 5;
  width: min(100% - 190px, 1080px);
  min-height: 532px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 218px minmax(0, 1fr);
  color: #343332;
  background: radial-gradient(circle at 18% 14%, rgba(142, 116, 52, 0.055) 0 1px, transparent 1.6px), radial-gradient(circle at 71% 67%, rgba(27, 24, 18, 0.035) 0 1px, transparent 1.5px), linear-gradient(93deg, rgba(168, 66, 59, 0.022), transparent 42%), #f7f1e4;
  background-size: 17px 19px, 23px 21px, auto, auto;
  box-shadow: 0 25px 48px rgba(27, 24, 18, 0.28), 0 5px 10px rgba(27, 24, 18, 0.15);
  clip-path: polygon(30px 0, calc(100% - 30px) 0, calc(100% - 30px) 10px, calc(100% - 10px) 10px, calc(100% - 10px) 30px, 100% 30px, 100% calc(100% - 30px), calc(100% - 10px) calc(100% - 30px), calc(100% - 10px) calc(100% - 10px), calc(100% - 30px) calc(100% - 10px), calc(100% - 30px) 100%, 30px 100%, 30px calc(100% - 10px), 10px calc(100% - 10px), 10px calc(100% - 30px), 0 calc(100% - 30px), 0 30px, 10px 30px, 10px 10px, 30px 10px);
}
.uv2-ticket::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 10;
  pointer-events: none;
  opacity: 0.32;
  background-image: repeating-linear-gradient(0deg, rgba(27, 24, 18, 0.06) 0 1px, transparent 1px 3px);
  mix-blend-mode: multiply;
}

.uv2-ticket__inset {
  position: absolute;
  z-index: 11;
  inset: 22px 24px;
  border: 1px solid rgba(27, 24, 18, 0.31);
  pointer-events: none;
}
.uv2-ticket__inset::before, .uv2-ticket__inset::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: #f7f1e4;
}
.uv2-ticket__inset::before {
  top: -1px;
  left: -1px;
  border-right: 1px solid rgba(27, 24, 18, 0.31);
  border-bottom: 1px solid rgba(27, 24, 18, 0.31);
}
.uv2-ticket__inset::after {
  right: -1px;
  bottom: -1px;
  border-left: 1px solid rgba(27, 24, 18, 0.31);
  border-top: 1px solid rgba(27, 24, 18, 0.31);
}

.uv2-ticket__ledger {
  position: relative;
  z-index: 2;
  margin: 24px 0 24px 24px;
  padding: 28px 30px 28px 34px;
  border-right: 1px dashed rgba(168, 66, 59, 0.42);
}

.uv2-ledger-fields {
  margin: 0;
}

.uv2-ledger-field {
  padding: 0 0 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid rgba(168, 66, 59, 0.62);
}
.uv2-ledger-field dt {
  margin-bottom: 7px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #4A463E;
}
.uv2-ledger-field dd {
  margin: 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.32;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  color: #343332;
}

.uv2-ledger-note {
  display: grid;
  gap: 2px;
  padding-top: 2px;
  transform: rotate(-1.6deg);
}
.uv2-ledger-note span {
  margin-top: 8px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 15px;
  font-style: italic;
  color: #B0402E;
}
.uv2-ledger-note strong,
.uv2-ledger-note em {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.15;
  color: #343332;
}
.uv2-ledger-note em {
  font-size: 18px;
}

.uv2-ticket__content {
  position: relative;
  z-index: 2;
  min-width: 0;
  padding: 62px 68px 50px 56px;
}
.uv2-ticket__content .uv2-eyebrow {
  max-width: calc(100% - 180px);
  margin-bottom: 22px;
}
.uv2-ticket__content h1 {
  max-width: 650px;
  margin: 0 0 20px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: clamp(48px, 4.25vw, 68px);
  font-weight: 400;
  line-height: 0.98;
  letter-spacing: -0.028em;
  color: #343332;
}

.uv2-stamp {
  position: absolute;
  top: 54px;
  right: 58px;
  width: 126px;
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border: 2px solid #B0402E;
  border-radius: 50%;
  text-align: center;
  color: #B0402E;
  transform: rotate(5deg);
  opacity: 0.92;
}
.uv2-stamp::before {
  content: "";
  position: absolute;
  inset: 6px;
  border: 1px solid #B0402E;
  border-radius: inherit;
}
.uv2-stamp span,
.uv2-stamp small {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.uv2-stamp strong {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.uv2-ticket__lede {
  max-width: 650px;
  margin: 0;
  padding-top: 17px;
  border-top: 1px solid rgba(27, 24, 18, 0.28);
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 20px;
  line-height: 1.35;
  color: #343332;
}

.uv2-ticket__actions {
  display: flex;
  align-items: center;
  gap: 32px;
  margin-top: 28px;
}

.uv2-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0 34px;
  border: 1px solid transparent;
  border-radius: 1px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.uv2-button:focus-visible {
  outline: 2px solid #B0402E;
  outline-offset: 3px;
}
.uv2-button--primary {
  border-color: #8A734A;
  background: #8A734A;
  color: #FDFBF5;
  box-shadow: 0 7px 14px rgba(110, 89, 38, 0.16);
}
.uv2-button--primary:hover {
  border-color: #6E5926;
  background: #6E5926;
  color: #FDFBF5;
  transform: translateY(-1px);
}
.uv2-button--text {
  min-height: auto;
  padding: 8px 0;
  border: 0;
  border-bottom: 1px solid rgba(27, 24, 18, 0.52);
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: #343332;
}
.uv2-button--text:hover {
  color: #6E5926;
  border-bottom-color: #6E5926;
}

.uv2-ticket__reassurance {
  margin: 20px 0 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 14px;
  line-height: 1.35;
  color: #4A463E;
}
.uv2-ticket__reassurance strong {
  color: #343332;
}

.uv2-open {
  padding: 44px 0 72px;
  border-bottom: 1px solid rgba(207, 196, 187, 0.1);
  background: repeating-linear-gradient(90deg, rgba(27, 24, 18, 0.012) 0 1px, transparent 1px 5px), #F6EEDF;
}

.uv2-ruled-heading {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 24px;
  margin-bottom: 30px;
  text-align: center;
}
.uv2-ruled-heading > span {
  height: 1px;
  background: rgba(207, 196, 187, 0.3);
}
.uv2-ruled-heading .uv2-eyebrow {
  margin-bottom: 6px;
  color: #8A734A;
}
.uv2-ruled-heading h2 {
  margin: 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: #343332;
}

.uv2-drawers {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.uv2-drawer {
  position: relative;
  min-width: 0;
  padding: 12px 12px 0;
  border: 1px solid rgba(207, 196, 187, 0.3);
  background: #eee5d5;
  box-shadow: 0 10px 22px rgba(27, 24, 18, 0.07);
}
.uv2-drawer::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: -9px;
  left: 25px;
  width: 32%;
  height: 14px;
  border: 1px solid rgba(207, 196, 187, 0.3);
  border-bottom: 0;
  background: #eee5d5;
  clip-path: polygon(0 100%, 8px 0, calc(100% - 8px) 0, 100% 100%);
}

.uv2-drawer__media {
  position: relative;
  height: 230px;
  overflow: hidden;
  border: 1px solid rgba(27, 24, 18, 0.16);
  background: #F0EEE8;
}
.uv2-drawer__media::after {
  content: "";
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 0 7px rgba(253, 251, 244, 0.2);
  pointer-events: none;
}
.uv2-drawer__media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.uv2-drawer__front {
  position: relative;
  z-index: 3;
  min-height: 132px;
  margin: -14px -12px 0;
  padding: 39px 28px 24px;
  border-top: 1px solid rgba(207, 196, 187, 0.3);
  background: linear-gradient(0deg, rgba(142, 116, 52, 0.035), transparent 50%), #f4ecde;
  text-align: center;
}
.uv2-drawer__front h3 {
  width: max-content;
  max-width: calc(100% - 30px);
  margin: -57px auto 22px;
  padding: 10px 20px 9px;
  border: 1px solid #8A734A;
  outline: 3px solid #f4ecde;
  background: #8A734A;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #FDFBF5;
}
.uv2-drawer__front p {
  max-width: 34ch;
  margin: 0 auto;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 15px;
  line-height: 1.4;
  color: #4A463E;
}

.uv2-open__link {
  margin: 30px 0 0;
  text-align: center;
}
.uv2-open__link a {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #343332;
  text-underline-offset: 4px;
}
.uv2-open__link a:hover {
  color: #6E5926;
}

.uv2-provenance {
  padding: 110px 0;
  background: #FAF6EC;
}

.uv2-provenance__grid {
  display: grid;
  grid-template-columns: minmax(330px, 0.82fr) minmax(480px, 1.18fr);
  align-items: center;
  gap: clamp(70px, 9vw, 138px);
}

.uv2-provenance__copy h2 {
  margin: 0 0 24px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: clamp(48px, 5vw, 68px);
  font-weight: 400;
  line-height: 0.98;
  letter-spacing: -0.025em;
  color: #343332;
}

.uv2-provenance__lede {
  margin: 0 0 40px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 19px;
  line-height: 1.5;
  color: #4A463E;
}

.uv2-method {
  margin: 0;
  border-top: 1px solid rgba(207, 196, 187, 0.3);
}
.uv2-method > div {
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 24px;
  padding: 17px 0;
  border-bottom: 1px solid rgba(207, 196, 187, 0.3);
}
.uv2-method dt {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #7B5F2B;
}
.uv2-method dd {
  margin: 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 16px;
  line-height: 1.4;
  color: #4A463E;
}

.uv2-provenance__folio {
  position: relative;
  min-height: 600px;
}

.uv2-folio-sheet {
  position: absolute;
  margin: 0;
  padding: 13px;
  border: 1px solid rgba(207, 196, 187, 0.3);
  background: #FDFBF5;
  box-shadow: 0 26px 60px rgba(27, 24, 18, 0.14);
}
.uv2-folio-sheet img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.uv2-folio-sheet--back {
  width: 61%;
  height: 74%;
  top: 0;
  right: 0;
  transform: rotate(5deg);
}
.uv2-folio-sheet--front {
  width: 70%;
  height: 78%;
  left: 2%;
  bottom: 0;
  transform: rotate(-3deg);
}
.uv2-folio-sheet--front img {
  height: calc(100% - 40px);
}
.uv2-folio-sheet--front figcaption {
  height: 40px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #8A8271;
}

.uv2-provenance__seal {
  position: absolute;
  z-index: 4;
  right: 3%;
  bottom: 3%;
  width: 116px;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border: 2px solid #B0402E;
  border-radius: 50%;
  background: rgba(247, 241, 228, 0.93);
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  color: #B0402E;
  transform: rotate(8deg);
}

.uv2-plans {
  padding: 104px 0;
  border-top: 1px solid rgba(207, 196, 187, 0.1);
  border-bottom: 1px solid rgba(207, 196, 187, 0.1);
  background: #F6EEDF;
  scroll-margin-top: 20px;
}

.uv2-section-heading {
  max-width: 760px;
  margin: 0 auto 48px;
  text-align: center;
}
.uv2-section-heading h2 {
  margin: 0 0 16px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: clamp(44px, 5vw, 64px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.025em;
  color: #343332;
}
.uv2-section-heading > p:last-child {
  max-width: 600px;
  margin: 0 auto;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 18px;
  line-height: 1.5;
  color: #4A463E;
}
.uv2-section-heading--left {
  max-width: 600px;
  margin-inline: 0;
  text-align: left;
}
.uv2-section-heading--left > p:last-child {
  margin-inline: 0;
}

.uv2-plan-grid {
  width: min(100%, 980px);
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.uv2-plan-ticket {
  position: relative;
  background: radial-gradient(circle at 24% 16%, rgba(142, 116, 52, 0.055) 0 1px, transparent 1.5px), #FDFBF5;
  background-size: 19px 21px, auto;
  border: 1px solid rgba(207, 196, 187, 0.3);
  box-shadow: 0 18px 38px rgba(27, 24, 18, 0.09);
  clip-path: polygon(18px 0, calc(100% - 18px) 0, 100% 18px, 100% calc(100% - 18px), calc(100% - 18px) 100%, 18px 100%, 0 calc(100% - 18px), 0 18px);
}
.uv2-plan-ticket::after {
  content: "";
  position: absolute;
  inset: 11px;
  border: 1px solid rgba(207, 196, 187, 0.3);
  pointer-events: none;
}
.uv2-plan-ticket--commercial .uv2-plan-ticket__topline {
  background: #343332;
}

.uv2-plan-ticket__topline {
  position: relative;
  z-index: 2;
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 20px 34px;
  background: #8A734A;
  color: #FDFBF5;
}
.uv2-plan-ticket__topline span {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.uv2-plan-ticket__topline em {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 15px;
  font-weight: 400;
  color: rgba(253, 251, 244, 0.83);
}

.uv2-plan-ticket__body {
  position: relative;
  z-index: 2;
  padding: 38px 44px 42px;
}

.uv2-plan-ticket__label {
  margin: 0 0 12px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.17em;
  text-transform: uppercase;
  color: #8A8271;
}

.uv2-plan-ticket__price {
  display: flex;
  align-items: baseline;
  gap: 9px;
  margin: 0;
  color: #343332;
}
.uv2-plan-ticket__price strong {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 60px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.035em;
}
.uv2-plan-ticket__price span {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 16px;
  color: #4A463E;
}

.uv2-plan-ticket__billing {
  margin: 7px 0 26px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 15px;
  color: #8A8271;
}

.uv2-plan-ticket ul {
  margin: 0 0 30px;
  padding: 22px 0 0;
  border-top: 1px solid rgba(207, 196, 187, 0.3);
  list-style: none;
}
.uv2-plan-ticket ul li {
  position: relative;
  margin: 0;
  padding: 7px 0 7px 25px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 16px;
  line-height: 1.35;
  color: #4A463E;
}
.uv2-plan-ticket ul li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #7B5F2B;
}

.uv2-plan-ticket__cta {
  width: 100%;
}

.uv2-plan-ticket__monthly {
  display: block;
  width: max-content;
  max-width: 100%;
  margin: 17px auto 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.04em;
  color: #4A463E;
  text-underline-offset: 3px;
}

.uv2-plans__guarantee {
  margin: 30px 0 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  text-align: center;
  color: #8A8271;
}
.uv2-plans__guarantee span {
  margin-right: 5px;
  color: #B0402E;
}

.uv2-proof {
  padding: 104px 0 112px;
  background: #FAF6EC;
}

.uv2-proof-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.uv2-proof-card {
  border: 1px solid rgba(207, 196, 187, 0.3);
  background: #FDFBF5;
}
.uv2-proof-card > img {
  width: 100%;
  height: 260px;
  display: block;
  object-fit: cover;
  border-bottom: 1px solid rgba(207, 196, 187, 0.3);
}

.uv2-proof-card__copy {
  padding: 26px 28px 28px;
}

.uv2-proof-card__use,
.uv2-proof-card__name {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.uv2-proof-card__use {
  margin: 0 0 15px;
  color: #7B5F2B;
}

.uv2-proof-card blockquote {
  min-height: 116px;
  margin: 0;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 20px;
  line-height: 1.36;
  color: #343332;
}

.uv2-proof-card__name {
  margin: 22px 0 0;
  color: #8A8271;
}

.uv2-faq {
  padding: 108px 0;
  background: #F6EEDF;
}

.uv2-faq__grid {
  display: grid;
  grid-template-columns: minmax(310px, 0.75fr) minmax(520px, 1.25fr);
  gap: clamp(70px, 9vw, 130px);
  align-items: start;
}

.uv2-faq__items {
  border-top: 1px solid rgba(207, 196, 187, 0.3);
}
.uv2-faq__items details {
  border-bottom: 1px solid rgba(207, 196, 187, 0.3);
}
.uv2-faq__items summary {
  position: relative;
  padding: 23px 45px 23px 0;
  cursor: pointer;
  list-style: none;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 20px;
  line-height: 1.3;
  color: #343332;
}
.uv2-faq__items summary::-webkit-details-marker {
  display: none;
}
.uv2-faq__items summary::after {
  content: "+";
  position: absolute;
  top: 22px;
  right: 5px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #7B5F2B;
}
.uv2-faq__items details[open] summary::after {
  content: "−";
}
.uv2-faq__items details p {
  max-width: 62ch;
  margin: -4px 0 22px;
  padding-right: 50px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 16px;
  line-height: 1.55;
  color: #4A463E;
}

.uv2-final {
  position: relative;
  min-height: 540px;
  display: grid;
  place-items: center;
  padding: 88px 24px;
  overflow: hidden;
  isolation: isolate;
  background: radial-gradient(circle at 50% 45%, rgba(253, 251, 244, 0.08), transparent 35%), #343332;
}

.uv2-final__ornament {
  position: absolute;
  inset: -32% -4%;
  z-index: -1;
  opacity: 0.11;
  transform: rotate(-7deg) scale(1.25);
}
.uv2-final__ornament img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: invert(1) grayscale(1);
}

.uv2-final__ticket {
  width: min(100%, 850px);
  padding: 66px 70px 62px;
  border: 1px solid rgba(253, 251, 244, 0.24);
  background: radial-gradient(circle at 20% 20%, rgba(142, 116, 52, 0.06) 0 1px, transparent 1.5px), #f7f1e4;
  background-size: 19px 21px, auto;
  text-align: center;
  box-shadow: 0 28px 60px rgba(0, 0, 0, 0.3);
  clip-path: polygon(22px 0, calc(100% - 22px) 0, 100% 22px, 100% calc(100% - 22px), calc(100% - 22px) 100%, 22px 100%, 0 calc(100% - 22px), 0 22px);
}
.uv2-final__ticket h2 {
  margin: 0 0 18px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: clamp(44px, 5vw, 64px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.025em;
  color: #343332;
}
.uv2-final__ticket > p:not(.uv2-eyebrow) {
  max-width: 570px;
  margin: 0 auto 30px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 18px;
  line-height: 1.48;
  color: #4A463E;
}
.uv2-final__ticket small {
  display: block;
  margin-top: 19px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  color: #8A8271;
}

@media (max-width: 1180px) {
  .uv2-ticket {
    width: min(100% - 90px, 1000px);
    grid-template-columns: 196px minmax(0, 1fr);
  }
  .uv2-ticket__ledger {
    padding-left: 28px;
    padding-right: 25px;
  }
  .uv2-ticket__content {
    padding-left: 46px;
    padding-right: 48px;
  }
  .uv2-ticket__content h1 {
    font-size: clamp(48px, 5.5vw, 61px);
  }
  .uv2-stamp {
    width: 108px;
    top: 52px;
    right: 46px;
  }
  .uv2-specimen--hand {
    left: -60px;
  }
  .uv2-specimen--floral {
    right: -55px;
  }
  .uv2-specimen--corner {
    left: -90px;
  }
  .uv2-specimen--letters {
    right: -90px;
  }
  .uv2-drawer__media {
    height: 205px;
  }
  .uv2-proof-card > img {
    height: 220px;
  }
}
@media (max-width: 940px) {
  .unlock-v2 .uv2-shell {
    width: min(100% - 48px, 760px);
  }
  .uv2-hero {
    min-height: 730px;
    padding-inline: 12px;
  }
  .uv2-hero__scene {
    min-height: 610px;
  }
  .uv2-ticket {
    width: min(100% - 44px, 760px);
    min-height: 585px;
    grid-template-columns: 172px minmax(0, 1fr);
  }
  .uv2-ticket__ledger {
    margin-left: 19px;
    padding-left: 23px;
    padding-right: 22px;
  }
  .uv2-ticket__content {
    padding: 62px 38px 46px 36px;
  }
  .uv2-ticket__content h1 {
    font-size: clamp(46px, 7vw, 57px);
  }
  .uv2-ticket__lede {
    font-size: 18px;
  }
  .uv2-ticket__actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }
  .uv2-stamp {
    width: 92px;
    right: 34px;
  }
  .uv2-stamp span, .uv2-stamp small {
    font-size: 9px;
  }
  .uv2-stamp strong {
    font-size: 12px;
  }
  .uv2-drawers,
  .uv2-proof-grid {
    grid-template-columns: 1fr;
  }
  .uv2-drawer {
    display: grid;
    grid-template-columns: minmax(240px, 0.9fr) 1.1fr;
    padding: 10px 0 10px 10px;
  }
  .uv2-drawer::before {
    display: none;
  }
  .uv2-drawer__media {
    height: 250px;
  }
  .uv2-drawer__front {
    min-height: 250px;
    margin: 0;
    padding: 76px 28px 28px;
    border-top: 0;
    border-left: 1px solid rgba(207, 196, 187, 0.3);
  }
  .uv2-drawer__front h3 {
    margin-top: 0;
  }
  .uv2-provenance__grid,
  .uv2-faq__grid {
    grid-template-columns: 1fr;
    gap: 58px;
  }
  .uv2-provenance__folio {
    width: min(100%, 650px);
    min-height: 570px;
    margin-inline: auto;
  }
  .uv2-plan-grid {
    grid-template-columns: 1fr;
    width: min(100%, 590px);
  }
  .uv2-proof-grid {
    width: min(100%, 650px);
  }
  .uv2-proof-card {
    display: grid;
    grid-template-columns: 240px 1fr;
  }
  .uv2-proof-card > img {
    height: 100%;
    min-height: 300px;
    border-bottom: 0;
    border-right: 1px solid rgba(207, 196, 187, 0.3);
  }
  .uv2-proof-card blockquote {
    min-height: 0;
  }
}
@media (max-width: 720px) {
  .unlock-v2 .uv2-shell {
    width: min(100% - 30px, 560px);
  }
  .uv2-hero {
    min-height: 0;
    padding: 38px 9px 36px;
  }
  .uv2-hero__scene {
    min-height: 0;
  }
  .uv2-hero__specimens {
    inset: -38px -9px -36px;
  }
  .uv2-specimen--hand,
  .uv2-specimen--letters {
    display: none;
  }
  .uv2-specimen--floral {
    width: 310px;
    top: -90px;
    right: -120px;
    opacity: 0.8;
  }
  .uv2-specimen--corner {
    width: 330px;
    left: -145px;
    bottom: -110px;
    opacity: 0.9;
  }
  .uv2-ticket {
    width: min(100% - 10px, 560px);
    min-height: 0;
    grid-template-columns: 1fr;
    padding: 0;
    clip-path: polygon(20px 0, calc(100% - 20px) 0, 100% 20px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0 calc(100% - 20px), 0 20px);
  }
  .uv2-ticket__inset {
    inset: 15px;
  }
  .uv2-ticket__content {
    grid-row: 1;
    padding: 48px 30px 31px;
  }
  .uv2-ticket__content .uv2-eyebrow {
    max-width: calc(100% - 90px);
    margin-bottom: 25px;
  }
  .uv2-ticket__content h1 {
    max-width: 500px;
    padding-right: 0;
    font-size: clamp(42px, 12vw, 58px);
    line-height: 0.98;
  }
  .uv2-stamp {
    width: 74px;
    top: 37px;
    right: 30px;
    border-width: 1px;
  }
  .uv2-stamp::before {
    inset: 4px;
  }
  .uv2-stamp span {
    display: none;
  }
  .uv2-stamp strong {
    font-size: 10px;
  }
  .uv2-stamp small {
    font-size: 8px;
  }
  .uv2-ticket__lede {
    padding-top: 15px;
    font-size: 17px;
  }
  .uv2-ticket__actions {
    margin-top: 24px;
  }
  .uv2-ticket__actions .uv2-button--primary {
    width: 100%;
  }
  .uv2-ticket__actions .uv2-button--text {
    align-self: center;
  }
  .uv2-ticket__reassurance {
    text-align: center;
  }
  .uv2-ticket__ledger {
    grid-row: 2;
    margin: 0 16px 16px;
    padding: 22px 16px 28px;
    border-top: 1px dashed rgba(168, 66, 59, 0.42);
    border-right: 0;
  }
  .uv2-ledger-fields {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .uv2-ledger-field {
    min-width: 0;
    margin: 0;
    padding: 0 10px;
    border-right: 1px solid rgba(168, 66, 59, 0.35);
    border-bottom: 0;
  }
  .uv2-ledger-field:first-child {
    padding-left: 0;
  }
  .uv2-ledger-field:last-child {
    padding-right: 0;
    border-right: 0;
  }
  .uv2-ledger-field dd {
    font-size: 13px;
    overflow-wrap: anywhere;
  }
  .uv2-ledger-note {
    display: none;
  }
  .uv2-open {
    padding: 48px 0 60px;
  }
  .uv2-ruled-heading {
    grid-template-columns: 32px 1fr 32px;
    gap: 12px;
  }
  .uv2-ruled-heading h2 {
    font-size: 11px;
    letter-spacing: 0.18em;
  }
  .uv2-drawer {
    display: block;
    padding: 9px 9px 0;
  }
  .uv2-drawer__media {
    height: 225px;
  }
  .uv2-drawer__front {
    min-height: 128px;
    margin: -14px -9px 0;
    padding: 39px 22px 22px;
    border-top: 1px solid rgba(207, 196, 187, 0.3);
    border-left: 0;
  }
  .uv2-drawer__front h3 {
    margin: -57px auto 22px;
  }
  .uv2-provenance,
  .uv2-plans,
  .uv2-proof,
  .uv2-faq {
    padding: 76px 0;
  }
  .uv2-provenance__copy h2,
  .uv2-section-heading h2 {
    font-size: clamp(42px, 12vw, 56px);
  }
  .uv2-provenance__folio {
    min-height: 440px;
  }
  .uv2-folio-sheet--back {
    width: 65%;
    height: 72%;
  }
  .uv2-folio-sheet--front {
    width: 75%;
    height: 75%;
  }
  .uv2-provenance__seal {
    width: 88px;
    font-size: 14px;
  }
  .uv2-plan-ticket__topline {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
    padding: 20px 28px;
  }
  .uv2-plan-ticket__body {
    padding: 32px 28px 36px;
  }
  .uv2-plan-ticket__price strong {
    font-size: 52px;
  }
  .uv2-proof-card {
    display: block;
  }
  .uv2-proof-card > img {
    height: 260px;
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(207, 196, 187, 0.3);
  }
  .uv2-proof-card blockquote {
    font-size: 19px;
  }
  .uv2-faq__items summary {
    font-size: 18px;
  }
  .uv2-faq__items details p {
    padding-right: 30px;
  }
  .uv2-final {
    min-height: 500px;
    padding: 60px 14px;
  }
  .uv2-final__ticket {
    padding: 54px 27px 50px;
  }
  .uv2-final__ticket h2 {
    font-size: clamp(42px, 12vw, 56px);
  }
}
@media (max-width: 390px) {
  .uv2-ticket__content {
    padding-inline: 25px;
  }
  .uv2-ticket__content h1 {
    font-size: 42px;
  }
  .uv2-ticket__lede {
    font-size: 16px;
  }
  .uv2-stamp {
    right: 24px;
  }
  .uv2-ledger-field dd {
    font-size: 12px;
  }
  .uv2-button {
    padding-inline: 24px;
  }
  .uv2-drawer__front h3 {
    max-width: calc(100% - 12px);
    padding-inline: 14px;
    letter-spacing: 0.12em;
  }
  .uv2-provenance__folio {
    min-height: 380px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .unlock-v2 *,
  .unlock-v2 *::before,
  .unlock-v2 *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}
.jr26-mast {
  text-align: center;
  padding: 40px 0 12px;
}
.jr26-mast .jr26-mast__eyebrow {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: #8A734A;
  margin: 0 0 18px;
}
.jr26-mast .jr26-mast__title {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-weight: 500;
  font-size: clamp(36px, 4.6vw, 54px);
  line-height: 1.1;
  color: #343332;
  margin: 0 0 18px;
}
.jr26-mast .jr26-mast__sub {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 15px;
  line-height: 1.7;
  color: #4A463E;
  max-width: 560px;
  margin: 0 auto 30px;
}

.jr26-drawers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  padding-bottom: 26px;
}

.jr26-drawer {
  position: relative;
  display: inline-block;
  background: #FDFBF5;
  border: 1px solid rgba(207, 196, 187, 0.1);
  border-radius: 3px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #343332;
  padding: 15px 20px 21px;
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease;
}
.jr26-drawer::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -1px;
  width: 38px;
  height: 11px;
  background: #F6EEDF;
  border-radius: 10px 10px 0 0;
}
.jr26-drawer:hover {
  color: #6E5926;
  text-decoration: none;
}
.jr26-drawer.is-active {
  background: #8A734A;
  border-color: #8A734A;
  color: #FDFBF5;
}

.jr-root {
  background: #F6EEDF;
  color: #343332;
}
.jr-root .jr-section-title {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: #8A8271;
}
.jr-root .jr-section-caption {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 15px;
  color: #8A8271;
  text-transform: none;
  letter-spacing: 0.02em;
}
.jr-root .jr-rule {
  border-color: rgba(207, 196, 187, 0.1);
}
.jr-root .jr-rule--soft {
  border-color: rgba(207, 196, 187, 0.1);
}
.jr-root .jr-featured {
  background: #FDFBF5;
  border: 1px solid rgba(207, 196, 187, 0.3);
  box-shadow: 0 26px 60px rgba(27, 24, 18, 0.14);
}
.jr-root .jr-featured__frame {
  background: #FDFBF5;
  border-color: rgba(207, 196, 187, 0.3);
}
.jr-root .jr-featured__eyebrow {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #7B5F2B;
}
.jr-root .jr-featured__title {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-weight: 400;
  color: #343332;
}
.jr-root .jr-featured__dek {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 14.5px;
  line-height: 1.75;
  color: #4A463E;
}
.jr-root .jr-featured__cta {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #7B5F2B;
}
.jr-root .jr-entry {
  border-color: rgba(207, 196, 187, 0.1);
}
.jr-root .jr-entry__num,
.jr-root .jr-entry__numeral,
.jr-root .jr-entry__byline {
  display: none;
}
.jr-root .jr-entry__thumb-frame {
  background: #FDFBF5;
  border-color: rgba(207, 196, 187, 0.3);
}
.jr-root .jr-entry__eyebrow {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #7B5F2B;
}
.jr-root .jr-entry__title {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-weight: 400;
  color: #343332;
}
.jr-root .jr-entry__dek {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 14px;
  line-height: 1.7;
  color: #4A463E;
}
.jr-root .jr-entry__byline,
.jr-root .jr-entry__numeral,
.jr-root .jr-entry__numeral-label {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  color: #8A8271;
}
.jr-root .jr-pagination a {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #343332;
  border: 1px solid rgba(27, 24, 18, 0.7);
  border-radius: 3px;
  padding: 14px 28px;
  text-decoration: none;
}
.jr-root .jr-pagination a:hover {
  background: #343332;
  color: #FDFBF5;
}
.jr-root .jr-eyebrow {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: #8A734A;
}
.jr-root .jr-article-breadcrumb,
.jr-root .jr-article-breadcrumb__back,
.jr-root .jr-article-foot__back {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  color: #8A8271;
}
.jr-root .jr-article-breadcrumb a,
.jr-root .jr-article-breadcrumb__back a,
.jr-root .jr-article-foot__back a {
  color: #8A8271;
}
.jr-root .jr-article-breadcrumb a:hover,
.jr-root .jr-article-breadcrumb__back a:hover,
.jr-root .jr-article-foot__back a:hover {
  color: #6E5926;
}
.jr-root .jr-article-head__title {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-weight: 500;
  color: #343332;
}
.jr-root .jr-article-head__dek {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 16px;
  line-height: 1.75;
  color: #4A463E;
}
.jr-root .jr-article-meta {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  color: #8A8271;
}
.jr-root .jr-article-meta .jr-article-meta__name {
  color: #343332;
}
.jr-root .jr-article-figure__frame {
  background: #FDFBF5;
  border-color: rgba(207, 196, 187, 0.3);
}
.jr-root .jr-article-figure__caption {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-style: italic;
  color: #8A8271;
}
.jr-root .jr-article-body {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 18px;
  line-height: 1.75;
  color: #343332;
}
.jr-root .jr-article-body h2, .jr-root .jr-article-body h3, .jr-root .jr-article-body h4 {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-weight: 500;
  color: #343332;
}
.jr-root .jr-article-body a {
  color: #7B5F2B;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.jr-root .jr-article-body a:hover {
  color: #6E5926;
}
.jr-root .jr-article-body blockquote {
  border-left: 2px solid #8A734A;
  color: #4A463E;
  font-style: italic;
}
.jr-root .jr-related__card {
  background: #FDFBF5;
  border: 1px solid rgba(207, 196, 187, 0.3);
}
.jr-root .jr-related__cat {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #7B5F2B;
}
.jr-root .jr-related__title {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-weight: 400;
  color: #343332;
}
.jr-root .jr-related__date {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  color: #8A8271;
}

.eyebrow {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-weight: 600;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: #8A734A;
}

.section-title {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-weight: 400;
  color: #343332;
}

.section-sub {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  color: #4A463E;
}

.hero-em {
  color: #343332;
}

.moodboard-picker__panel {
  background: #F6EEDF;
  border: 1px solid rgba(207, 196, 187, 0.3);
}

.moodboard-picker__eyebrow {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-weight: 600;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: #8A734A;
}

.moodboard-picker__title {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-weight: 400;
  color: #343332;
}

.pg26 {
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
  padding: 72px 24px 110px;
}

.legal-root {
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
}

.legal-page {
  max-width: 840px;
  margin: 0 auto;
  padding: 72px 24px 110px;
}

.legal-hero {
  text-align: center;
  margin-bottom: 46px;
}
.legal-hero .license-eyebrow {
  margin: 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.26em;
  color: #8A734A;
  text-transform: uppercase;
  display: block;
  margin-bottom: 14px;
}

.legal-title {
  font-size: clamp(38px, 4vw, 54px);
  margin: 0 0 12px;
}

.legal-meta {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #8A8271;
}

.legal-foot {
  margin-top: 64px;
  padding-top: 26px;
  text-align: center;
  border-top: 1px solid rgba(207, 196, 187, 0.3);
  box-shadow: inset 0 1px 0 #FFFFFF;
}
.legal-foot__back {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 16.5px;
  color: #8A734A;
  text-decoration: none;
}
.legal-foot__back:hover {
  color: #343332;
  text-decoration: none;
}

.pg26__inner,
.legal-body {
  max-width: 840px;
  margin: 0 auto;
}
.pg26__inner .eyebrow,
.legal-body .eyebrow {
  text-align: center;
  display: block;
  margin-bottom: 14px;
}
.pg26__inner h1,
.legal-body h1 {
  font-size: clamp(38px, 4vw, 54px);
  text-align: center;
  margin: 0 0 18px;
}
.pg26__inner h2,
.legal-body h2 {
  font-size: clamp(26px, 2.6vw, 34px);
  margin: 54px 0 16px;
}
.pg26__inner h3,
.legal-body h3 {
  font-size: 21px;
  margin: 38px 0 12px;
}
.pg26__inner p, .pg26__inner li,
.legal-body p,
.legal-body li {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 17.5px;
  line-height: 1.75;
  color: #4A463E;
}
.pg26__inner li,
.legal-body li {
  margin-bottom: 10px;
}
.pg26__inner ul,
.legal-body ul {
  list-style: disc;
  padding-left: 22px;
}
.pg26__inner a,
.legal-body a {
  color: #8A734A;
  text-decoration: underline;
  text-decoration-color: rgba(214, 181, 135, 0.7);
  text-underline-offset: 0.18em;
}
.pg26__inner a:hover,
.legal-body a:hover {
  color: #343332;
  text-decoration: none;
}
.pg26__inner strong, .pg26__inner b,
.legal-body strong,
.legal-body b {
  color: #343332;
}
.pg26__inner hr,
.legal-body hr {
  margin: 44px 0;
  border: 0;
  border-top: 1px solid rgba(207, 196, 187, 0.3);
  box-shadow: 0 1px 0 #FFFFFF;
}
.pg26__inner blockquote,
.legal-body blockquote {
  margin: 30px 0;
  padding: 4px 0 4px 22px;
  border-left: 2px solid #D6B587;
  font-style: italic;
  color: #4A463E;
}

.freebie {
  background: #F6EEDF;
}
.freebie h1, .freebie h2, .freebie h3 {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-weight: 400;
  color: #343332;
}

.freebie-cta {
  background: #FAF6EC;
  border-top: 1px solid rgba(207, 196, 187, 0.1);
  border-bottom: 1px solid rgba(207, 196, 187, 0.1);
}

:root {
  --cl-accent: #B0402E;
  --cl-band: #BAC4BB;
}

body {
  background: #F6EEDF;
}

.cl-head {
  position: relative;
  z-index: 700;
  flex: none;
  padding: 0 56px;
  background: #FDFBF5 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
}
@media (max-width: 760px) {
  .cl-head {
    padding: 0 18px;
  }
}

.cl-head__bar {
  position: relative;
  max-width: 1560px;
  min-height: 104px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 12px 0;
  gap: clamp(20px, 2.4vw, 48px);
  border-bottom: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: 0 1px 0 rgba(207, 196, 187, 0.3), 0 2px 0 #FFFFFF;
}
@media (max-width: 760px) {
  .cl-head__bar {
    min-height: 76px;
    justify-content: center;
  }
}

.cl-head__nav {
  flex: 1;
  display: flex;
  align-items: center;
  gap: clamp(16px, 3vw, 56px);
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: clamp(14px, 1.1vw, 16px);
  font-weight: 500;
  letter-spacing: 0.06em;
  white-space: nowrap;
}
.cl-head__nav--left {
  justify-content: flex-start;
}
.cl-head__nav--right {
  justify-content: flex-end;
}
.cl-head__nav a:not(.cl-join) {
  color: #353433;
  text-decoration: none;
  border-bottom: 0;
  transition: opacity 0.15s ease;
}
.cl-head__nav a:not(.cl-join):hover, .cl-head__nav a:not(.cl-join):focus-visible {
  opacity: 0.55;
  color: #353433;
  text-decoration: none;
}
.cl-head__nav a.is-active {
  border-bottom: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: 0 1px 0 rgba(207, 196, 187, 0.3), 0 2px 0 #FFFFFF;
  padding-bottom: 3px;
}
@media (max-width: 760px) {
  .cl-head__nav {
    display: none;
  }
}

.cl-head__brand {
  flex: none;
  display: block;
  text-decoration: none;
  border-bottom: 0;
}
.cl-head__brand img {
  display: block;
  width: clamp(200px, 22vw, 380px);
  height: auto;
}
@media (max-width: 760px) {
  .cl-head__brand img {
    width: 210px;
  }
}

.cl-head__signin {
  color: #353433;
  text-decoration: none;
}
.cl-head__signin:hover {
  opacity: 0.55;
  color: #353433;
  text-decoration: none;
}

.cl-join {
  display: inline-flex;
  align-items: center;
  height: 38px;
  padding: 0 22px;
  border: 0;
  border-radius: 5px;
  background: var(--cl-accent, #B0402E) url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-cta-button.jpg") repeat;
  background-size: 400px;
  color: #ffffff;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: clamp(14px, 1.1vw, 16px);
  font-weight: 600;
  letter-spacing: 0.12em;
  text-decoration: none;
  transition: filter 0.15s ease;
}
.cl-join:hover, .cl-join:focus-visible {
  filter: brightness(1.12);
  color: #ffffff;
  text-decoration: none;
}
.cl-join--mobile {
  margin-top: 34px;
  justify-content: center;
  width: 250px;
  height: 52px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 13px;
  letter-spacing: 0.26em;
  padding-left: 0.26em;
}

.cl-head__mobile {
  position: static;
}

.cl-burger {
  display: none;
  position: absolute;
  right: 18px;
  top: 38px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  z-index: 800;
}
@media (max-width: 760px) {
  .cl-burger {
    display: flex;
    align-items: center;
    justify-content: center;
    top: 16px;
  }
}
.cl-burger i {
  position: absolute;
  left: 11px;
  width: 22px;
  height: 2px;
  background: #343332;
  transition: transform 0.28s ease, top 0.28s ease, opacity 0.2s ease;
}
.cl-burger i:nth-child(1) {
  top: 14px;
}
.cl-burger i:nth-child(2) {
  top: 21px;
}
.cl-burger i:nth-child(3) {
  top: 28px;
}

#popup_main_menu.open .cl-burger i:nth-child(1) {
  top: 21px;
  transform: rotate(45deg);
}
#popup_main_menu.open .cl-burger i:nth-child(2) {
  opacity: 0;
}
#popup_main_menu.open .cl-burger i:nth-child(3) {
  top: 21px;
  transform: rotate(-45deg);
}

.cl-mobmenu {
  position: fixed;
  inset: 0;
  z-index: 500;
  display: none;
  background: #faf5e9 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-very-light.jpg") repeat;
  background-size: 620px;
}
#popup_main_menu.open .cl-mobmenu {
  display: block;
}

.cl-mobmenu__inner {
  height: 100%;
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.cl-mobmenu__link {
  display: block;
  width: min(320px, 78vw);
  padding: 14px 8px;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 27px;
  color: #343332;
  text-align: center;
  text-decoration: none;
  border-bottom: 1px solid rgba(207, 196, 187, 0.1);
  box-shadow: 0 1px 0 rgba(207, 196, 187, 0.3), 0 2px 0 #FFFFFF;
}
.cl-mobmenu__link:hover, .cl-mobmenu__link:focus-visible {
  color: #343332;
  text-decoration: none;
}
.cl-mobmenu__link:last-of-type {
  border-bottom: 0;
  box-shadow: none;
}

.cl-head .nav-account-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border: 1px solid #D6B587;
  border-radius: 5px;
  text-decoration: none;
  transition: border-color 0.2s ease;
}
.cl-head .nav-account-pill__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #8A734A;
  color: #FDFBF5;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
}
.cl-head .nav-account-pill__name {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 15px;
  color: #343332;
}
.cl-head .nav-account-pill__sep {
  color: #8A8271;
}
.cl-head .nav-account-pill__tier {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.16em;
  color: #8A8271;
}
.cl-head .nav-account-pill__caret {
  font-size: 10px;
  color: #8A8271;
}
.cl-head .nav-account-pill:hover, .cl-head .nav-account-pill:focus-visible {
  border-color: #343332;
  text-decoration: none;
}

.cl-head .toggle_category.nav-account-dropdown .nav-account-pill__caret {
  transition: transform 0.2s ease, color 0.2s ease;
}
.cl-head .toggle_category.nav-account-dropdown:hover .nav-account-pill {
  border-color: #343332;
  background: rgba(52, 51, 50, 0.03);
}
.cl-head .toggle_category.nav-account-dropdown:hover .nav-account-pill__caret {
  transform: rotate(180deg);
  color: #343332;
}
.cl-head .toggle_category.nav-account-dropdown:hover .nav-account-pill__tier,
.cl-head .toggle_category.nav-account-dropdown:hover .nav-account-pill__sep {
  color: #343332;
}

.site-footer {
  flex: none;
  background: #2a2927 url("/wp-content/themes/cl-theme-new/assets/images/paper/tile-dark-mono.jpg") repeat;
  background-size: 620px;
  border-top: 1px solid rgba(0, 0, 0, 0.55);
  box-shadow: inset 0 1px 0 rgba(246, 238, 223, 0.18);
  color: #F6EEDF;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
}
.site-footer a {
  color: #F6EEDF;
  border-bottom: 0;
  text-decoration: none;
  transition: opacity 0.2s ease;
}
.site-footer a:hover, .site-footer a:focus-visible {
  color: #F6EEDF;
  opacity: 0.62;
  text-decoration: none;
}

.site-footer__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 36px 40px 36px;
}

.site-footer__top {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr;
  gap: 48px;
}
@media (max-width: 900px) {
  .site-footer__top {
    grid-template-columns: 1fr 1fr;
    gap: 40px 24px;
  }
}
@media (max-width: 560px) {
  .site-footer__top {
    grid-template-columns: 1fr;
  }
}

.site-footer__mark {
  display: block;
  width: 96px;
  margin: 0 0 22px;
}
.site-footer__mark img {
  display: block;
  width: 100%;
  height: auto;
}

.site-footer__tagline {
  margin: 0;
  max-width: 300px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 1.6;
  color: #F6EEDF;
}

.site-footer__stats {
  margin: 26px 0 0;
  display: flex;
  gap: 44px;
}

.site-footer__stat {
  display: flex;
  flex-direction: column-reverse;
}
.site-footer__stat dt {
  margin-top: 4px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #E0C8A5;
}
.site-footer__stat dd {
  margin: 0;
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-size: 26px;
  font-weight: 500;
  color: #F6EEDF;
}

.site-footer__col-label {
  margin: 0 0 18px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: #E0C8A5;
}

.site-footer__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 11px;
}
.site-footer__list li {
  margin: 0;
  padding: 0;
  font-size: 17px;
  color: #F6EEDF;
}
.site-footer__list li::before {
  content: none;
}
.site-footer__list a {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 17px;
}

.site-footer__bottom {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.55);
  box-shadow: inset 0 1px 0 rgba(246, 238, 223, 0.18);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 13px;
  color: #F6EEDF;
}

.site-footer__colophon {
  margin: 0;
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 13px;
  letter-spacing: 0;
  text-transform: none;
  color: #F6EEDF;
}

.site-footer__legal {
  display: flex;
  gap: 28px;
}
.site-footer__legal a {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: #F6EEDF;
}

@font-face {
  font-family: "TC Wonderling";
  src: url("/wp-content/themes/cl-theme-new/assets/fonts/tc-wonderling-cn-light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TC Wonderling";
  src: url("/wp-content/themes/cl-theme-new/assets/fonts/tc-wonderling-cn-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
body {
  background: #F6EEDF;
  color: #4A463E;
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 17px;
  line-height: 1.55;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  max-width: 100%;
  height: auto;
}

b,
strong {
  font-weight: 600;
  color: #343332;
}

p {
  font-family: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;
  font-size: 17px;
  font-weight: 400;
  color: #4A463E;
  text-transform: none;
  line-height: 1.55;
  margin-bottom: 24px;
}

p:last-child {
  margin-bottom: 0;
}

a {
  color: #6E5926;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.15em;
  transition: color 0.2s ease;
}

a:hover {
  text-decoration: none;
  color: #343332;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "TC Wonderling", "EB Garamond", "Garamond", Georgia, serif;
  font-weight: 300;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  color: #343332;
  line-height: 1.1;
}

h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
  font-style: normal;
}

hr {
  border: 0;
  border-top: 1px solid rgba(52, 51, 50, 0.15);
  margin: 32px 0;
}

ul {
  list-style: disc;
  padding-left: 0;
  margin-bottom: 20px;
  list-style: none;
}

ul li {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  text-transform: none;
  line-height: 1.5;
  margin-bottom: 20px;
  padding-left: 0;
  position: relative;
}

ol {
  list-style-type: decimal;
  padding-left: 18px;
}

ol li {
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  text-transform: none;
  line-height: 1.2;
}

hr {
  margin: 20px 0;
}

.form-row {
  display: flex;
}
.form-row label {
  min-width: 100%;
  flex: 2;
  margin-bottom: 0;
  font-size: 14px;
}
.form-row span {
  flex: 3;
}

.home .header__title {
  display: none;
}

.section_title {
  padding: 40px 15px;
}
.section_title h2 {
  font-size: 18px;
  color: #000;
  margin-bottom: 0;
}
.section_title select {
  border: none;
  outline: none;
}

.small_p {
  font-size: 14px;
}

@media (min-width: 1350px) {
  .container {
    max-width: 1240px;
  }
}
@media (min-width: 1500px) {
  .container {
    max-width: 1340px;
  }
}
.btn-unstyled {
  background: none;
  border: none;
  padding: 0;
}

.navigation {
  padding: 30px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #eee;
}

.navigation ol li a,
.navigation ol li span {
  text-transform: uppercase;
  font-weight: 600;
  padding: 10px 15px !important;
}

@media (max-width: 768px) {
  .navigation span.title {
    display: none !important;
  }
  .navigation ol li a,
  .navigation ol li span {
    padding: 10px 10px !important;
  }
}
/** Additional styles **/
.svg-hover {
  transition: all 0.2s ease;
}

.svg-hover:hover {
  fill: #febf00 !important;
}

.svg-hover__star:hover {
  fill: #fec000 !important;
}

.elementor-49258 > .elementor-section {
  margin-top: -80px;
  z-index: 10;
  padding-top: 80px;
}

/** Back to top
 *
 * April 2026: recoloured from the brand yellow ($primary) to $ink with a
 * cream arrow. The yellow pill read as an Elementor button and fought
 * with the grid tiles underneath it on the archive; ink/cream matches
 * our other floating controls (lightbox close, scroll-to-top on the
 * checkout) and sits quietly without competing for attention.
 */
.back-to-top {
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  border-radius: 2px;
  background: #343332;
  color: #F6EEDF;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 20;
  transition: all 0.2s ease;
  transform: translateY(100px);
  opacity: 0;
}
.back-to-top:hover {
  transform: translateY(-2px);
  background: #6E5926;
}
.back-to-top.show {
  transform: translateY(0px);
  opacity: 1;
}
.back-to-top svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}
.back-to-top svg path {
  fill: currentColor;
}

/** Not found page **/
#not-found-page .content {
  background: rgba(246, 238, 223, 0.85);
  border-radius: 5px;
}

.no-allowance {
  opacity: 0.8;
  filter: blur(0.5px);
  position: relative;
  cursor: help;
  z-index: 1;
}
.no-allowance .btn {
  pointer-events: none;
  color: #444;
}
.no-allowance:after {
  content: "You're all out of credits. They'll reset with your next renewal.";
  position: absolute;
  top: 120%;
  left: 50%;
  transform: translateX(-50%);
  padding: 6px 10px;
  background: #333;
  color: #fff;
  font-size: 13px;
  width: 200px;
  opacity: 0;
  border-radius: 4px;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
.no-allowance:hover:after {
  opacity: 1;
}

/** Quick cancel buttons fix, temp **/
.edit_account strong {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}