.n-feature-2 {
  padding: var(--space-l-2xl) 0;
}

.n-feature-2>div.hol-column {
  gap: var(--space-xl);
}

.n-feature-2>div.hol-column>div.hol-column.header {
  justify-items: center;
  text-align: center;
  max-width: 40ch;
}

.n-feature-2>div.hol-column>div.hol-column.header>h6 {
  text-transform: uppercase;
  color: var(--color-color-1);
}

.n-feature-2>div.hol-column>dl.feature-grid {
  grid-template-columns: repeat(auto-fit, minmax(calc(var(--content-max-width) / 3 - 5rem), 1fr));
}

.n-feature-2>div.hol-column>dl.feature-grid>.feature-item {
  position: relative;
  padding-left: var(--space-l);
}

.n-feature-2>div.hol-column>dl.feature-grid>.feature-item>dt {
  display: inline;
  font-weight: bold;
  color: var(--color-neutral-1);
}

.n-feature-2>div.hol-column>dl.feature-grid>.feature-item>dt>svg {
  position: absolute;
  top: 0.2em;
  left: 0;
  width: 1.25rem;
  height: 1.25rem;
  color: var(--color-color-1);
}

.n-feature-2>div.hol-column>dl.feature-grid>.feature-item>dd {
  display: inline;
  margin: 0;
}

.n-footer-1 {
  padding: var(--space-l-2xl) 0;
}

.n-footer-1>div.hol-column {
  justify-items: start;
  gap: var(--space-m);
}

.n-footer-1>div.hol-column>img {
  width: var(--space-xl);
  border-radius: 0.3em;
}

.n-footer-1>div.hol-column>p {
  color: var(--color-neutral-4);
  font-size: var(--font-size--1);
  text-wrap: balance;
}

.n-footer-1>div.hol-column>nav {
  display: flex;
  gap: var(--space-s);
}

.n-footer-1>div.hol-column>nav>a {
  color: var(--color-neutral-5);
}

.n-footer-1>div.hol-column>nav>a>svg {
  width: 1.5rem;
  height: 1.5rem;
}

.n-footer-1>div.hol-wrapping-row {
  align-items: start;
  grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
  margin-top: var(--space-xl);
}

.n-footer-1>div.hol-wrapping-row>div {
  width: 100%;
}

.n-footer-1>div.hol-wrapping-row>div>h6 {
  font-size: var(--font-size--1);
}

.n-footer-1>div.hol-wrapping-row>div>ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  margin-top: var(--space-s);
}

.n-footer-1>div.hol-wrapping-row>div>ul>li>a {
  font-size: var(--font-size--1);
  color: var(--color-neutral-4);
}

.n-footer-1>span {
  margin-top: var(--space-xl);
  padding-top: var(--space-m);
  border-top: 1px solid var(--color-neutral-7);
  display: block;
  color: var(--color-neutral-5);
}

.n-product-overview-2 {
  padding: var(--space-l-2xl) 0;
}

.n-product-overview-2>div.hol-wrapping-row {
  align-items: start;
}

.n-product-overview-2>div.hol-wrapping-row>div.hol-column {
  justify-items: start;
}

.n-product-overview-2>div.hol-wrapping-row>div.hol-column>nav {
  display: flex;
  gap: var(--space-2xs);
  font-size: var(--font-size--1);
  color: var(--color-neutral-5);
}

.n-product-overview-2>div.hol-wrapping-row>div.hol-column>.meta {
  display: flex;
  align-items: center;
  gap: var(--space-m);
}

.n-product-overview-2>div.hol-wrapping-row>div.hol-column>.meta>.price {
  font-size: var(--font-size-3);
  font-weight: bold;
}

.n-product-overview-2>div.hol-wrapping-row>div.hol-column>.meta>.stars {
  display: flex;
  align-items: center;
  gap: var(--space-3xs);
  border-left: 1px solid var(--color-neutral-7);
  padding-left: var(--space-m);
}

.n-product-overview-2>div.hol-wrapping-row>div.hol-column>.meta>.stars>svg {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--color-color-1);
}

.n-product-overview-2>div.hol-wrapping-row>div.hol-column>.meta>.stars>svg.empty {
  color: var(--color-neutral-7);
}

.n-product-overview-2>div.hol-wrapping-row>div.hol-column>.meta>.stars>span {
  color: var(--color-neutral-5);
  margin-left: var(--space-2xs);
}

.n-product-overview-2>div.hol-wrapping-row>div.hol-column>.stock {
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
  color: var(--color-neutral-4);
  font-size: var(--font-size--1);
}

.n-product-overview-2>div.hol-wrapping-row>div.hol-column>.stock>svg {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--color-color-3);
}

.n-product-overview-2>div.hol-wrapping-row>figure>img {
  aspect-ratio: 1/1;
  object-fit: cover;
}


.n-contact-5 {
  padding: var(--space-l-2xl) 0;
}

.n-contact-5>div.hol-wrapping-row {
  align-items: start;
}

.n-contact-5>div.hol-wrapping-row>div.hol-column {
  justify-items: start;
}

.n-contact-5>div.hol-wrapping-row>div.hol-column>p {
  color: var(--color-neutral-4);
}

.n-contact-5>div.hol-wrapping-row>div.hol-column>dl.hol-column {
  justify-items: start;
  gap: var(--space-s);
}

.n-contact-5>div.hol-wrapping-row>div.hol-column>dl.hol-column>div {
  display: flex;
  align-items: start;
  gap: var(--space-xs);
}

.n-contact-5>div.hol-wrapping-row>div.hol-column>dl.hol-column>div>svg {
  width: 1.5rem;
  height: 1.75rem;
  flex-shrink: 0;
  color: var(--color-neutral-5);
}

.n-contact-5>div.hol-wrapping-row>div.hol-column>dl.hol-column>div>dd {
  color: var(--color-neutral-4);
}

.n-contact-5>div.hol-wrapping-row>form.hol-column {
  justify-items: start;
}

.n-contact-5>div.hol-wrapping-row>form.hol-column>div.hol-wrapping-row {
  grid-template-columns: repeat(auto-fit, minmax(15ch, 1fr));
}

.n-contact-5>div.hol-wrapping-row>form.hol-column .field {
  display: flex;
  flex-direction: column;
  gap: var(--space-2xs);
  width: 100%;
}

.n-contact-5>div.hol-wrapping-row>form.hol-column>.field>textarea {
  width: 100%;
}

.n-contact-5>div.hol-wrapping-row>form.hol-column>.field>input {
  width: 100%;
}


.n-footer-3 {
  padding: var(--space-l-2xl) 0;
}

.n-footer-3>div.hol-wrapping-row {
  align-items: start;
  grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
}

.n-footer-3>div.hol-wrapping-row>div {
  width: 100%;
}

.n-footer-3>div.hol-wrapping-row>div>h6 {
  font-size: var(--font-size--1);
}

.n-footer-3>div.hol-wrapping-row>div>ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  margin-top: var(--space-s);
}

.n-footer-3>div.hol-wrapping-row>div>ul>li>a {
  font-size: var(--font-size--1);
  color: var(--color-neutral-4);
}

.n-footer-3>div:nth-child(2) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-m);
  border-top: 1px solid var(--color-neutral-7);
  padding-top: var(--space-m);
  margin-top: var(--space-xl);
}

.n-footer-3>div:nth-child(2)>div>h6 {
  font-size: var(--font-size--1);
}

.n-footer-3>div:nth-child(2)>div>p {
  color: var(--color-neutral-4);
  font-size: var(--font-size--1);
}

.n-footer-3>div:nth-child(2)>form {
  display: flex;
  gap: var(--space-xs);
}

.n-footer-3>div:last-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-m);
  border-top: 1px solid var(--color-neutral-7);
  padding-top: var(--space-m);
  margin-top: var(--space-m);
}

.n-footer-3>div:last-child>nav {
  display: flex;
  gap: var(--space-s);
}

.n-footer-3>div:last-child>nav>a {
  color: var(--color-neutral-5);
}

.n-footer-3>div:last-child>nav>a>svg {
  width: 1.5rem;
  height: 1.5rem;
}

.n-footer-3>div:last-child>span {
  color: var(--color-neutral-5);
}

.n-contact-8 {
  padding: var(--space-l-2xl) 0;
}

.n-contact-8>div.hol-wrapping-row {
  align-items: start;
}

.n-contact-8>div.hol-wrapping-row>div.hol-column {
  justify-items: start;
}

.n-contact-8>div.hol-wrapping-row>div.hol-column>p {
  color: var(--color-neutral-4);
}

.n-contact-8>div.hol-wrapping-row>div.hol-column>form.hol-column {
  justify-items: start;
  width: 100%;
}

.n-contact-8>div.hol-wrapping-row>div.hol-column>form.hol-column>div.hol-wrapping-row {
  grid-template-columns: repeat(auto-fit, minmax(15ch, 1fr));
}

.n-contact-8>div.hol-wrapping-row>div.hol-column>form.hol-column .field {
  display: flex;
  flex-direction: column;
  gap: var(--space-2xs);
  width: 100%;
}

.n-contact-8>div.hol-wrapping-row>div.hol-column>form.hol-column>.field>textarea {
  width: 100%;
}

.n-contact-8>div.hol-wrapping-row>div.hol-column>form.hol-column>.field>input {
  width: 100%;
}


.n-newsletter-2 {
  padding: var(--space-l-2xl) 0;
}

.n-newsletter-2>div.hol-column {
  justify-items: center;
  text-align: center;
  background-color: var(--color-neutral-2);
  color: var(--color-neutral-9);
  padding: var(--space-xl) var(--space-l);
  border-radius: 0.3em;
}

.n-newsletter-2>div.hol-column>h2 {
  max-width: 30ch;
  color: var(--color-neutral-10);
}

.n-newsletter-2>div.hol-column>p {
  max-width: 45ch;
  color: var(--color-neutral-7);
}

.n-newsletter-2>div.hol-column>form {
  display: flex;
  gap: var(--space-xs);
  max-width: 30rem;
  width: 100%;
}

.n-newsletter-2>div.hol-column>form>input {
  flex: 1;
  min-width: 0;
}


.n-category-preview-3 {
  padding: var(--space-l-2xl) 0;
}

.n-category-preview-3>div.banner {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius);
  min-height: 20rem;
  display: flex;
  align-items: stretch;
}

.n-category-preview-3>div.banner>img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}

.n-category-preview-3>div.banner>div {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: var(--space-s);
  padding: var(--space-l);
  max-width: 24rem;
  background-color: oklch(0% 0 0 / 0.65);
}

.n-category-preview-3>div.banner>div>h2 {
  color: var(--color-light-neutral-9);
}

.n-category-preview-3>div.banner>div>p {
  color: var(--color-light-neutral-7);
  font-size: var(--font-size--1);
}

.n-category-preview-3>div.banner>div>.secondary {
  border-color: var(--color-light-neutral-7);
  color: var(--color-light-neutral-9);
}


.n-header-2 {
  padding: var(--space-l-2xl) 0;
}

.n-header-2>div.hol-column {
  justify-items: center;
  text-align: center;
}

.n-header-2>div.hol-column>h6 {
  color: var(--color-color-1);
}

.n-header-2>div.hol-column>h2 {
  max-width: 30ch;
}

.n-header-2>div.hol-column>p {
  max-width: 65ch;
  color: var(--color-neutral-4);
}


.n-navigation-4 {
  padding: var(--space-2xs) 0;
}

.n-navigation-4>div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.n-navigation-4>div>a>img {
  width: var(--space-xl);
  border-radius: 0.3em;
}

.n-navigation-4>div>nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-s) var(--space-l);
}


.n-category-preview-4 {
  padding: var(--space-l-2xl) 0;
}

.n-category-preview-4>div.hol-column {
  justify-items: start;
}

.n-category-preview-4>div.hol-column>p {
  color: var(--color-neutral-4);
  max-width: 65ch;
}

.n-category-preview-4>div.hol-column>div.hol-wrapping-row>a {
  display: flex;
  flex-direction: column;
}

.n-category-preview-4>div.hol-column>div.hol-wrapping-row>a>img {
  aspect-ratio: 3/2;
  object-fit: cover;
}

.n-category-preview-4>div.hol-column>div.hol-wrapping-row>a>h3 {
  font-size: var(--font-size-1);
  margin-top: var(--space-xs);
}

.n-category-preview-4>div.hol-column>div.hol-wrapping-row>a>p {
  font-size: var(--font-size--1);
  color: var(--color-neutral-5);
}


.n-content-2 {
  padding: var(--space-l-2xl) 0;
}

.n-content-2>div.hol-wrapping-row {
  align-items: start;
}

.n-content-2>div.hol-wrapping-row>div.hol-column.spaced>div>h6 {
  color: var(--color-neutral-4);
}

.n-content-2>div.hol-wrapping-row>figure>img {
  object-fit: cover;
  border-radius: 0.3em;
}

.n-content-2>div.hol-wrapping-row>div.hol-column {
  justify-items: start;
}

.n-content-2>div.hol-wrapping-row>div.hol-column>.lead {
  font-size: var(--font-size-2);
  color: var(--color-neutral-3);
}

.n-content-2>div.hol-wrapping-row>div.hol-column>div.spaced>ul.hol-column {
  list-style: none;
  justify-items: start;
  gap: var(--space-m);
}

.n-content-2>div.hol-wrapping-row>div.hol-column>div.spaced>ul.hol-column>li {
  display: flex;
  gap: var(--space-xs);
}

.n-content-2>div.hol-wrapping-row>div.hol-column>div.spaced>ul.hol-column>li>svg {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  margin-top: 0.25em;
  color: var(--color-color-1);
}


.n-feature-7 {
  padding: var(--space-l-2xl) 0;
}

.n-feature-7>div.hol-column {
  gap: var(--space-xl);
}

.n-feature-7>div.hol-column>div.hol-column.header {
  justify-items: start;
  max-width: 40ch;
}

.n-feature-7>div.hol-column>div.hol-column.header>h6 {
  text-transform: uppercase;
  color: var(--color-color-1);
}

.n-feature-7>div.hol-column>dl.feature-grid {
  grid-template-columns: repeat(auto-fit, minmax(calc(var(--content-max-width) / 3 - 5rem), 1fr));
}

.n-feature-7>div.hol-column>dl.feature-grid>.feature-item {
  position: relative;
  padding-left: var(--space-l);
}

.n-feature-7>div.hol-column>dl.feature-grid>.feature-item>dt {
  display: inline;
  font-weight: bold;
  color: var(--color-neutral-1);
}

.n-feature-7>div.hol-column>dl.feature-grid>.feature-item>dt>svg {
  position: absolute;
  top: 0.2em;
  left: 0;
  width: 1.25rem;
  height: 1.25rem;
  color: var(--color-color-1);
}

.n-feature-7>div.hol-column>dl.feature-grid>.feature-item>dd {
  display: inline;
  margin: 0;
}


.n-footer-6 {
  padding: var(--space-l-2xl) 0;
}

.n-footer-6>div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-m);
}

.n-footer-6>div>span {
  color: var(--color-neutral-5);
}

.n-footer-6>div>nav {
  display: flex;
  gap: var(--space-s);
}

.n-footer-6>div>nav>a {
  color: var(--color-neutral-5);
}

.n-footer-6>div>nav>a>svg {
  width: 1.5rem;
  height: 1.5rem;
}


.n-product-list-3 {
  padding: var(--space-l-2xl) 0;
}

.n-product-list-3>div.hol-column {
  justify-items: start;
}

.n-product-list-3>div.hol-column>ul.hol-wrapping-row {
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
  list-style: none;
}

.n-product-list-3>div.hol-column>ul.hol-wrapping-row>li {
  display: flex;
  flex-direction: column;
}

.n-product-list-3>div.hol-column>ul.hol-wrapping-row>li>img {
  aspect-ratio: 1/1;
  object-fit: cover;
}

.n-product-list-3>div.hol-column>ul.hol-wrapping-row>li>div {
  margin-top: var(--space-xs);
}

.n-product-list-3>div.hol-column>ul.hol-wrapping-row>li>div>h3 {
  font-size: var(--font-size--1);
}

.n-product-list-3>div.hol-column>ul.hol-wrapping-row>li>div>span {
  color: var(--color-neutral-5);
}

.n-product-list-3>div.hol-column>ul.hol-wrapping-row>li>.secondary {
  margin-top: var(--space-s);
  width: 100%;
  text-align: center;
}


.n-category-preview-2 {
  padding: var(--space-l-2xl) 0;
  background-color: var(--color-neutral-9);
}

.n-category-preview-2>div.hol-column {
  justify-items: start;
}

.n-category-preview-2>div.hol-column>div.hol-wrapping-row>a {
  display: flex;
  flex-direction: column;
}

.n-category-preview-2>div.hol-column>div.hol-wrapping-row>a>img {
  aspect-ratio: 1/1;
  object-fit: cover;
}

.n-category-preview-2>div.hol-column>div.hol-wrapping-row>a>h3 {
  font-size: var(--font-size--1);
  color: var(--color-neutral-5);
  margin-top: var(--space-s);
}

.n-category-preview-2>div.hol-column>div.hol-wrapping-row>a>p {
  font-weight: bold;
}


.n-feature-8 {
  padding: var(--space-l-2xl) 0;
  overflow: hidden;
}

.n-feature-8>div.hol-column {
  gap: var(--space-xl);
  justify-items: start;
}

.n-feature-8>div.hol-column>h2 {
  max-width: 25ch;
}


.n-header-3 {
  padding: var(--space-l-2xl) 0;
  row-gap: var(--space-3xl);
}

.n-header-3>div.hol-column {
  justify-items: start;
}

.n-header-3>div.hol-column>h2 {
  max-width: 30ch;
}

.n-header-3>div.hol-column>p {
  max-width: 65ch;
  color: var(--color-neutral-4);
}

.n-header-3>ul.hol-wrapping-row {
  list-style: none;
  align-items: stretch;
}

.n-header-3>ul.hol-wrapping-row>li {
  display: flex;
  gap: var(--space-s);
  padding: var(--space-s);
  background-color: var(--color-neutral-9);
  border-radius: 0.3em;
}

.n-header-3>ul.hol-wrapping-row>li>svg {
  width: 1.25rem;
  height: 1.75rem;
  flex-shrink: 0;
  color: var(--color-color-1);
}

.n-header-3>ul.hol-wrapping-row>li>div.hol-column {
  justify-items: start;
  gap: var(--space-2xs);
}

.n-header-3>ul.hol-wrapping-row>li>div.hol-column>p {
  color: var(--color-neutral-4);
}


.n-content-1 {
  padding: var(--space-l-2xl) 0;
}

.n-content-1>div.hol-column {
  justify-items: start;
  max-width: 45rem;
  margin: 0 auto;
}

.n-content-1>div.hol-column>.lead {
  font-size: var(--font-size-2);
  color: var(--color-neutral-4);
}

.n-content-1>div.hol-column>div>h6 {
  color: var(--color-neutral-4);
}

.n-content-1>div.hol-column>div.spaced>ul.hol-column {
  list-style: none;
  justify-items: start;
  gap: var(--space-m);
}

.n-content-1>div.hol-column>div.spaced>ul.hol-column>li {
  display: flex;
  gap: var(--space-xs);
}

.n-content-1>div.hol-column>div.spaced>ul.hol-column>li>svg {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  margin-top: 0.25em;
  color: var(--color-color-1);
}

.n-content-1>div.hol-column>div.spaced>figure {
  border-left: 2px solid var(--color-color-1);
  padding-left: var(--space-l);
  align-items: start;
}

.n-content-1>div.hol-column>div.spaced>figure>blockquote {
  font-size: var(--font-size-0);
}

.n-content-1>div.hol-column>div.spaced>figure>figcaption {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  padding: 0 0 var(--space-l) var(--space-l);
}

.n-content-1>div.hol-column>div.spaced>figure>figcaption>img {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
}

.n-content-1>div.hol-column>figure>img {
  aspect-ratio: 3/2;
  object-fit: cover;
}

.n-content-1>div.hol-column>figure>figcaption {
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
  color: var(--color-neutral-5);
  font-size: var(--font-size--1);
  margin-top: var(--space-xs);
}

.n-content-1>div.hol-column>figure>figcaption>svg {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  color: var(--color-neutral-6);
}


.n-feature-6 {
  padding: var(--space-l-2xl) 0;
}

.n-feature-6>div.hol-column {
  gap: var(--space-xl);
}

.n-feature-6>div.hol-column>div.hol-column.header {
  justify-items: center;
  text-align: center;
  max-width: 40ch;
}

.n-feature-6>div.hol-column>div.hol-column.header>h6 {
  text-transform: uppercase;
  color: var(--color-color-1);
}

.n-feature-6>div.hol-column>dl.feature-grid {
  grid-template-columns: repeat(auto-fit, minmax(calc(var(--content-max-width) / 2 - 5rem), 1fr));
}

.n-feature-6>div.hol-column>dl.feature-grid>.feature-item {
  position: relative;
  padding-left: calc(2.5rem + var(--space-m));
}

.n-feature-6>div.hol-column>dl.feature-grid>.feature-item>.icon {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  background-color: var(--color-color-1);
  color: var(--color-neutral-10);
}

.n-feature-6>div.hol-column>dl.feature-grid>.feature-item>.icon>svg {
  width: 1.5rem;
  height: 1.5rem;
}

.n-feature-6>div.hol-column>dl.feature-grid>.feature-item>dt {
  font-weight: bold;
  color: var(--color-neutral-1);
}

.n-feature-6>div.hol-column>dl.feature-grid>.feature-item>dd {
  margin: var(--space-3xs) 0 0 0;
}


.n-product-list-1 {
  padding: var(--space-l-2xl) 0;
}

.n-product-list-1>div.hol-column {
  justify-items: start;
}

.n-product-list-1>div.hol-column>ul.hol-wrapping-row {
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
  list-style: none;
}

.n-product-list-1>div.hol-column>ul.hol-wrapping-row>li>a {
  display: flex;
  flex-direction: column;
}

.n-product-list-1>div.hol-column>ul.hol-wrapping-row>li>a>img {
  aspect-ratio: 1/1;
  object-fit: cover;
}

.n-product-list-1>div.hol-column>ul.hol-wrapping-row>li>a>div {
  display: flex;
  justify-content: space-between;
  margin-top: var(--space-xs);
}

.n-product-list-1>div.hol-column>ul.hol-wrapping-row>li>a>div>h3 {
  font-size: var(--font-size--1);
}

.n-product-list-1>div.hol-column>ul.hol-wrapping-row>li>a>div>.price {
  font-size: var(--font-size--1);
  font-weight: bold;
}

.n-product-list-1>div.hol-column>ul.hol-wrapping-row>li>a>span {
  color: var(--color-neutral-5);
}


.n-cta-5 {
  padding: var(--space-l-2xl) 0;
}

.n-cta-5>div.hol-wrapping-row {
  align-items: center;
}

.n-cta-5>div.hol-wrapping-row>div.hol-column {
  justify-items: start;
}

.n-cta-5>div.hol-wrapping-row>div.hol-column>h6 {
  text-transform: uppercase;
  color: var(--color-color-1);
}


.n-pricing-1 {
  padding: var(--space-l-2xl) 0;
  row-gap: var(--space-l);
}

.n-pricing-1>div.hol-column {
  justify-items: center;
  text-align: center;
}

.n-pricing-1>div.hol-column>h6 {
  color: var(--color-neutral-4);
}

.n-pricing-1>div.hol-column>p {
  max-width: 45ch;
  color: var(--color-neutral-4);
}

.n-pricing-1>ul.hol-wrapping-row {
  list-style: none;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
  max-width: 50rem;
  margin: 0 auto;
  align-items: stretch;
}

.n-pricing-1>ul.hol-wrapping-row>li.hol-column {
  justify-items: start;
  background-color: var(--color-neutral-9);
  padding: var(--space-l);
  border: 1px solid var(--color-neutral-7);
  border-radius: 0.3em;
  align-content: start;
  grid-template-rows: auto auto auto 1fr auto;
}

.n-pricing-1>ul.hol-wrapping-row>li.preferred {
  background-color: var(--color-neutral-2);
  color: var(--color-neutral-9);
  border-color: transparent;
}

.n-pricing-1>ul.hol-wrapping-row>li.preferred>h6 {
  color: var(--color-color-5);
}

.n-pricing-1>ul.hol-wrapping-row>li.hol-column>p>strong {
  font-size: var(--font-size-5);
}

.n-pricing-1>ul.hol-wrapping-row>li.hol-column>ul.hol-column {
  list-style: none;
  justify-items: start;
  gap: var(--space-2xs);
  margin-top: var(--space-s);
  align-content: start;
}

.n-pricing-1>ul.hol-wrapping-row>li.hol-column>ul.hol-column>li {
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
}

.n-pricing-1>ul.hol-wrapping-row>li.hol-column>ul.hol-column>li>svg {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  color: var(--color-color-1);
}

.n-pricing-1>ul.hol-wrapping-row>li.preferred>ul.hol-column>li>svg {
  color: var(--color-color-5);
}

.n-product-overview-3 {
  padding: var(--space-l-2xl) 0;
}

.n-product-overview-3>nav {
  display: flex;
  gap: var(--space-2xs);
  font-size: var(--font-size--1);
  color: var(--color-neutral-5);
}

.n-product-overview-3>nav>a[aria-current] {
  color: var(--color-neutral-4);
}

.n-product-overview-3>div.gallery {
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  margin-top: var(--space-l);
}

.n-product-overview-3>div.gallery>img:first-child {
  grid-row: 1 / -1;
}

.n-product-overview-3>div.gallery>img:last-child {
  grid-row: 1 / -1;
}

.n-product-overview-3>div.gallery>img {
  aspect-ratio: auto;
  object-fit: cover;
  height: 100%;
}

.n-product-overview-3>div.hol-wrapping-row:last-child {
  align-items: start;
  margin-top: var(--space-l);
}

.n-product-overview-3>div.hol-wrapping-row:last-child>div.hol-column {
  justify-items: start;
}

.n-product-overview-3>div.hol-wrapping-row:last-child>div.hol-column>ul {
  padding-left: var(--space-m);
  display: flex;
  flex-direction: column;
  gap: var(--space-3xs);
  font-size: var(--font-size--1);
  color: var(--color-neutral-4);
}

.n-product-overview-3>div.hol-wrapping-row:last-child>div.hol-column>.price {
  font-size: var(--font-size-4);
  font-weight: bold;
}

.n-product-overview-3>div.hol-wrapping-row:last-child>div.hol-column>.stars {
  display: flex;
  align-items: center;
  gap: var(--space-3xs);
}

.n-product-overview-3>div.hol-wrapping-row:last-child>div.hol-column>.stars>svg {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--color-color-1);
}

.n-product-overview-3>div.hol-wrapping-row:last-child>div.hol-column>.stars>svg.empty {
  color: var(--color-neutral-7);
}

.n-product-overview-3>div.hol-wrapping-row:last-child>div.hol-column>.stars>a {
  margin-left: var(--space-2xs);
  font-size: var(--font-size--1);
}


.n-cta-2 {
  padding: var(--space-l-2xl) 0;
}

.n-cta-2>div.hol-column {
  justify-items: start;
}

.n-cta-2>div.hol-column>h2 {
  max-width: 25ch;
}

.n-cta-2>div.hol-column>.actions {
  display: flex;
  align-items: center;
  gap: var(--space-s);
  margin-top: var(--space-m);
}


.n-footer-2 {
  padding: var(--space-l-2xl) 0;
}

.n-footer-2>div.hol-column {
  justify-items: center;
  text-align: center;
  padding-bottom: var(--space-xl);
  border-bottom: 1px solid var(--color-neutral-7);
}

.n-footer-2>div.hol-column>p {
  max-width: 40ch;
}

.n-footer-2>img {
  width: var(--space-xl);
  border-radius: 0.3em;
  margin-top: var(--space-xl);
}

.n-footer-2>div.hol-wrapping-row {
  align-items: start;
  grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
  margin-top: var(--space-l);
}

.n-footer-2>div.hol-wrapping-row>div {
  width: 100%;
}

.n-footer-2>div.hol-wrapping-row>div>h6 {
  font-size: var(--font-size--1);
}

.n-footer-2>div.hol-wrapping-row>div>ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  margin-top: var(--space-s);
}

.n-footer-2>div.hol-wrapping-row>div>ul>li>a {
  font-size: var(--font-size--1);
  color: var(--color-neutral-4);
}

.n-footer-2>div:last-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-m);
  border-top: 1px solid var(--color-neutral-7);
  padding-top: var(--space-m);
  margin-top: var(--space-l);
}

.n-footer-2>div:last-child>span {
  color: var(--color-neutral-5);
}

.n-footer-2>div:last-child>nav {
  display: flex;
  gap: var(--space-s);
}

.n-footer-2>div:last-child>nav>a {
  color: var(--color-neutral-5);
}

.n-footer-2>div:last-child>nav>a>svg {
  width: 1.5rem;
  height: 1.5rem;
}

.n-footer-5 {
  padding: var(--space-l-2xl) 0;
}

.n-footer-5>nav:first-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-xs) var(--space-l);
}

.n-footer-5>nav:first-child>a {
  font-size: var(--font-size--1);
  color: var(--color-neutral-4);
}

.n-footer-5>nav:nth-child(2) {
  display: flex;
  justify-content: center;
  gap: var(--space-m);
  margin-top: var(--space-xl);
}

.n-footer-5>nav:nth-child(2)>a {
  color: var(--color-neutral-5);
}

.n-footer-5>nav:nth-child(2)>a>svg {
  width: 1.5rem;
  height: 1.5rem;
}

.n-footer-5>span {
  display: block;
  text-align: center;
  color: var(--color-neutral-5);
  margin-top: var(--space-m);
}


.n-header-4 {
  padding: var(--space-l-2xl) 0;
  row-gap: var(--space-s);
}

.n-header-4>header.hol-column {
  justify-items: start;
}

.n-header-4>header.hol-column>p {
  max-width: 65ch;
}

.n-header-4>div.hol-column:last-child {
  justify-items: start;
  gap: var(--space-l);
}

.n-header-4>div.hol-column:last-child>nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-s) var(--space-l);
}

.n-header-4>div.hol-column:last-child>nav>a {
  font-weight: 600;
}

.n-header-4>div.hol-column:last-child>dl.hol-wrapping-row {
  grid-template-columns: repeat(auto-fit, minmax(10ch, 1fr));
}

.n-header-4>div.hol-column:last-child>dl.hol-wrapping-row>div.hol-column {
  justify-items: start;
  gap: var(--space-3xs);
}

.n-header-4>div.hol-column:last-child>dl.hol-wrapping-row>div.hol-column>p {
  color: var(--color-neutral-4);
}


.n-newsletter-3 {
  padding: var(--space-l-2xl) 0;
}

.n-newsletter-3>div.hol-wrapping-row {
  align-items: center;
  background-color: var(--color-neutral-2);
  color: var(--color-neutral-9);
  padding: var(--space-xl) var(--space-l);
  border-radius: 0.3em;
}

.n-newsletter-3>div.hol-wrapping-row>h2 {
  max-width: 25ch;
  color: var(--color-neutral-10);
}

.n-newsletter-3>div.hol-wrapping-row>form.hol-column {
  justify-items: start;
  max-width: 30rem;
}

.n-newsletter-3>div.hol-wrapping-row>form.hol-column>div {
  display: flex;
  gap: var(--space-xs);
  width: 100%;
}

.n-newsletter-3>div.hol-wrapping-row>form.hol-column>div>input {
  flex: 1;
  min-width: 0;
}

.n-newsletter-3>div.hol-wrapping-row>form.hol-column>p {
  color: var(--color-neutral-7);
}

.n-newsletter-3>div.hol-wrapping-row>form.hol-column>p>a {
  color: var(--color-neutral-10);
}


.n-pricing-3 {
  padding: var(--space-l-2xl) 0;
  row-gap: var(--space-l);
}

.n-pricing-3>div.hol-column {
  justify-items: center;
  text-align: center;
}

.n-pricing-3>div.hol-column>h6 {
  color: var(--color-neutral-4);
}

.n-pricing-3>div.hol-column>p {
  max-width: 45ch;
  color: var(--color-neutral-4);
}

.n-pricing-3>ul.hol-wrapping-row {
  list-style: none;
  align-items: stretch;
}

.n-pricing-3>ul.hol-wrapping-row>li.hol-column {
  justify-items: start;
  background-color: var(--color-neutral-9);
  padding: var(--space-l);
  border: 1px solid var(--color-neutral-7);
  border-radius: 0.3em;
}

.n-pricing-3>ul.hol-wrapping-row>li.preferred {
  background-color: var(--color-neutral-2);
  color: var(--color-neutral-9);
  border-color: transparent;
}

.n-pricing-3>ul.hol-wrapping-row>li.hol-column>p>strong {
  font-size: var(--font-size-5);
}

.n-pricing-3>div:last-child {
  overflow-x: auto;
  margin-top: var(--space-xl);
}

.n-pricing-3>div:last-child>table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--font-size--1);
  font-family: var(--font-family-1);
}

.n-pricing-3>div:last-child>table>thead>tr>th {
  text-align: left;
  padding: var(--space-xs) var(--space-s);
  border-bottom: 2px solid var(--color-neutral-7);
  color: var(--color-neutral-1);
  font-weight: bold;
}

.n-pricing-3>div:last-child>table>thead>tr>th:not(:first-child) {
  text-align: center;
}

.n-pricing-3>div:last-child>table>tbody>tr>td {
  padding: var(--space-xs) var(--space-s);
  border-bottom: 1px solid var(--color-neutral-8);
  color: var(--color-neutral-3);
}

.n-pricing-3>div:last-child>table>tbody>tr>td:not(:first-child) {
  text-align: center;
}


.n-category-preview-1 {
  padding: var(--space-l-2xl) 0;
  background-color: var(--color-neutral-9);
}

.n-category-preview-1>div.hol-column {
  justify-items: start;
}

.n-category-preview-1>div.hol-column>div:first-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.n-category-preview-1>div.hol-column>div.hol-wrapping-row {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  align-items: stretch;
}

.n-category-preview-1>div.hol-column>div.hol-wrapping-row>a {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius);
}

.n-category-preview-1>div.hol-column>div.hol-wrapping-row>a.featured {
  grid-row: 1 / -1;
}

.n-category-preview-1>div.hol-column>div.hol-wrapping-row>a>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;

}

.n-category-preview-1>div.hol-column>div.hol-wrapping-row>a>div {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: var(--space-s);
}

.n-category-preview-1>div.hol-column>div.hol-wrapping-row>a>div>h3 {
  color: var(--color-light-neutral-9);
  font-size: var(--font-size-1);
}

.n-category-preview-1>div.hol-column>div.hol-wrapping-row>a>div>span {
  color: var(--color-light-neutral-9);
}


.n-content-3 {
  padding: var(--space-l-2xl) 0;
}

.n-content-3>div.hol-column {
  justify-items: start;
}

.n-content-3>div.hol-column>div.hol-wrapping-row {
  margin-top: var(--space-l);
}

.n-content-3>div.hol-column>div>h6 {
  color: var(--color-neutral-4);
}

.n-content-3>div.hol-column>div.hol-wrapping-row>div.spaced>p+p {
  margin-top: var(--space-m);
}

.n-content-3>figure {
  overflow: hidden;
  position: relative;
  margin-top: var(--space-xl);
}

.n-content-3>figure>img {
  margin-bottom: -12%;
  border-radius: 0.3em;
  box-shadow: 0 25px 50px -12px oklch(0% 0 0 / 0.25);
}


.n-cta-1 {
  padding: var(--space-l-2xl) 0;
}

.n-cta-1>.hol-wrapping-row {
  align-items: center;
  border-radius: 0.3em;
  overflow: clip;
  background-color: var(--color-neutral-9);
}

.n-cta-1>.hol-wrapping-row>figure>img {
  border-radius: var(--border-radius);
  aspect-ratio: 1/1;
  object-fit: cover;
}

.n-cta-1>.hol-wrapping-row>div.hol-column {
  justify-items: start;
}

.n-cta-1>.hol-wrapping-row>div.hol-column>ul.checklist {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  margin-top: var(--space-m);
}

.n-cta-1>.hol-wrapping-row>div.hol-column>ul.checklist>li {
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
  color: var(--color-neutral-1);
  min-width: 40%;
}

.n-cta-1>.hol-wrapping-row>div.hol-column>ul.checklist>li>svg {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  color: var(--color-color-1);
}


.n-navigation-2 {
  padding: var(--space-2xs) 0;
}

.n-navigation-2>div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.n-navigation-2>div>div {
  display: flex;
  align-items: center;
  gap: var(--space-l);
}

.n-navigation-2>div>div>a>img {
  width: var(--space-xl);
  border-radius: 0.3em;
}

.n-navigation-2>div>div>nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-s) var(--space-l);
}


.n-pricing-2 {
  padding: var(--space-l-2xl) 0;
  row-gap: var(--space-s);
}

.n-pricing-2>div.hol-column {
  justify-items: center;
  text-align: center;
}

.n-pricing-2>div.hol-column>h6 {
  color: var(--color-neutral-4);
}

.n-pricing-2>div.hol-column>p {
  max-width: 45ch;
  color: var(--color-neutral-4);
}

.n-pricing-2>div.hol-column>div {
  display: flex;
  background-color: var(--color-neutral-9);
  border-radius: 0.3em;
  padding: var(--space-3xs);
  gap: var(--space-3xs);
}

.n-pricing-2>div.hol-column>div>button {
  padding: var(--space-3xs) var(--space-s);
  border: none;
  border-radius: 0.3em;
  background-color: transparent;
  cursor: pointer;
  font-family: var(--font-family-1);
  font-size: var(--font-size--1);
  color: var(--color-neutral-4);
}

.n-pricing-2>div.hol-column>div>button.active {
  background-color: var(--color-neutral-10);
  color: var(--color-neutral-1);
  box-shadow: 0 1px 3px oklch(0% 0 0 / 0.1);
}

.n-pricing-2>ul.hol-wrapping-row {
  list-style: none;
  align-items: stretch;
}

.n-pricing-2>ul.hol-wrapping-row>li.hol-column {
  justify-items: start;
  align-content: start;
  background-color: var(--color-neutral-9);
  padding: var(--space-l);
  border: 1px solid var(--color-neutral-7);
  border-radius: 0.3em;
  position: relative;
  grid-template-rows: auto auto auto 1fr auto;
}

.n-pricing-2>ul.hol-wrapping-row>li.preferred {
  background-color: var(--color-neutral-2);
  color: var(--color-neutral-9);
  border-color: transparent;
}

.n-pricing-2>ul.hol-wrapping-row>li.hol-column>p>strong {
  font-size: var(--font-size-5);
}

.n-pricing-2>ul.hol-wrapping-row>li.hol-column>ul.hol-column {
  list-style: none;
  justify-items: start;
  gap: var(--space-2xs);
  margin-top: var(--space-s);
  align-content: start;
}

.n-pricing-2>ul.hol-wrapping-row>li.hol-column>ul.hol-column>li {
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
}

.n-pricing-2>ul.hol-wrapping-row>li.hol-column>ul.hol-column>li>svg {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  color: var(--color-color-1);
}

.n-pricing-2>ul.hol-wrapping-row>li.preferred>ul.hol-column>li>svg {
  color: var(--color-color-5);
}

.n-category-preview-5 {
  padding: 0;
}

.n-category-preview-5>div.hol-wrapping-row {
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  gap: 0;
}

.n-category-preview-5>div.hol-wrapping-row>a {
  position: relative;
  min-height: 24rem;
  display: flex;
  align-items: flex-end;
}

.n-category-preview-5>div.hol-wrapping-row>a>img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}

.n-category-preview-5>div.hol-wrapping-row>a>div {
  position: relative;
  padding: var(--space-l);
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: var(--space-3xs);
}

.n-category-preview-5>div.hol-wrapping-row>a>div>h3 {
  color: var(--color-light-neutral-7);
  font-size: var(--font-size-1);
}

.n-category-preview-5>div.hol-wrapping-row>a>div>p {
  color: var(--color-light-neutral-9);
  font-size: var(--font-size-3);
  font-weight: bold;
}

.n-category-preview-5>div.hol-wrapping-row>a>div>.primary {
  margin-top: var(--space-xs);
}


.n-contact-3 {
  padding: var(--space-l-2xl) 0;
  row-gap: var(--space-s);
}

.n-contact-3>div.hol-column {
  justify-items: center;
  text-align: center;
}

.n-contact-3>div.hol-column>p {
  color: var(--color-neutral-4);
  max-width: 45ch;
}

.n-contact-3>form.hol-column {
  justify-items: start;
  max-width: 40rem;
  margin: 0 auto;
}

.n-contact-3>form.hol-column>div.hol-wrapping-row {
  grid-template-columns: repeat(auto-fit, minmax(15ch, 1fr));
}

.n-contact-3>form.hol-column .field {
  display: flex;
  flex-direction: column;
  gap: var(--space-2xs);
  width: 100%;
}

.n-contact-3>form.hol-column>.field>textarea {
  width: 100%;
}

.n-contact-3>form.hol-column>.field>input {
  width: 100%;
}

.n-contact-3>form.hol-column>.agreement {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
}

.n-contact-3>form.hol-column>.agreement>input {
  flex-shrink: 0;
}

.n-contact-3>form.hol-column>.primary {
  width: 100%;
  justify-content: center;
}


.n-contact-7 {
  padding: var(--space-l-2xl) 0;
  row-gap: var(--space-s);
}

.n-contact-7>div.hol-column {
  justify-items: start;
}

.n-contact-7>div.hol-column>p {
  color: var(--color-neutral-4);
  max-width: 45ch;
}

.n-contact-7>div.hol-wrapping-row {
  align-items: start;
}

.n-contact-7>div.hol-wrapping-row>form.hol-column {
  justify-items: start;
}

.n-contact-7>div.hol-wrapping-row>form.hol-column>div.hol-wrapping-row {
  grid-template-columns: repeat(auto-fit, minmax(15ch, 1fr));
}

.n-contact-7>div.hol-wrapping-row>form.hol-column .field {
  display: flex;
  flex-direction: column;
  gap: var(--space-2xs);
  width: 100%;
}

.n-contact-7>div.hol-wrapping-row>form.hol-column>.field>textarea {
  width: 100%;
}

.n-contact-7>div.hol-wrapping-row>form.hol-column>.field>input {
  width: 100%;
}

.n-contact-7>div.hol-wrapping-row>form.hol-column>.primary {
  width: 100%;
  justify-content: center;
}

.n-contact-7>div.hol-wrapping-row>form.hol-column>p {
  color: var(--color-neutral-5);
}

.n-contact-7>div.hol-wrapping-row>aside.hol-column {
  justify-items: start;
}

.n-contact-7>div.hol-wrapping-row>aside.hol-column figcaption {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
}

.n-contact-7>div.hol-wrapping-row>aside.hol-column figcaption>img {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
}

.n-contact-7>div.hol-wrapping-row>aside.hol-column figcaption>div.hol-column {
  justify-items: start;
  gap: 0;
}

.n-contact-7>div.hol-wrapping-row>aside.hol-column figcaption>div.hol-column>span {
  color: var(--color-neutral-4);
}


.n-cta-3 {
  padding: var(--space-l-2xl) 0;
}

.n-cta-3>div.hol-column {
  justify-items: center;
  text-align: center;
}

.n-cta-3>div.hol-column>h2 {
  max-width: 25ch;
}

.n-cta-3>div.hol-column>p {
  max-width: 45ch;
}

.n-cta-3>div.hol-column>.actions {
  display: flex;
  align-items: center;
  gap: var(--space-s);
  margin-top: var(--space-m);
}


.n-feature-1 {
  padding: var(--space-l-2xl) 0;
  overflow: hidden;
}

.n-feature-1>div.hol-wrapping-row {
  align-items: center;
}

.n-feature-1>div.hol-wrapping-row>div.hol-column {
  justify-items: start;
}

.n-feature-1>div.hol-wrapping-row>div.hol-column>h6 {
  text-transform: uppercase;
  color: var(--color-color-1);
}

.n-feature-1>div.hol-wrapping-row>div.hol-column>dl.feature-list {
  justify-items: start;
  gap: var(--space-m);
  margin-top: var(--space-m);
}

.n-feature-1>div.hol-wrapping-row>div.hol-column>dl.feature-list>.feature-item {
  position: relative;
  padding-left: var(--space-l);
}

.n-feature-1>div.hol-wrapping-row>div.hol-column>dl.feature-list>.feature-item>dt {
  display: inline;
  font-weight: bold;
  color: var(--color-neutral-1);
}

.n-feature-1>div.hol-wrapping-row>div.hol-column>dl.feature-list>.feature-item>dt>svg {
  position: absolute;
  top: 0.2em;
  left: 0;
  width: 1.25rem;
  height: 1.25rem;
  color: var(--color-color-1);
}

.n-feature-1>div.hol-wrapping-row>div.hol-column>dl.feature-list>.feature-item>dd {
  display: inline;
  margin: 0;
}

.n-feature-1>div.hol-wrapping-row>figure {
  overflow: visible;
  height: 100%;
  display: flex;
  justify-content: center;
}

.n-feature-1>div.hol-wrapping-row>figure>img {
  max-width: none;
  border-radius: var(--border-radius);
  box-shadow: 0 20px 25px -5px color-mix(in oklch, var(--contrast-color) var(--contrast-color-mix-percent), transparent);
}

.n-feature-3 {
  padding: var(--space-l-2xl) 0;
}

.n-feature-3>div.hol-column {
  gap: var(--space-xl);
}

.n-feature-3>div.hol-column>div.hol-column.header {
  justify-items: center;
  text-align: center;
}

.n-feature-3>div.hol-column>div.hol-column.header>h6 {
  text-transform: uppercase;
  color: var(--color-color-1);
}

.n-feature-3>div.hol-column>dl.hol-wrapping-row>.hol-column.feature-item {
  justify-items: start;
}

.n-feature-3>div.hol-column>dl.hol-wrapping-row>.hol-column.feature-item>dt {
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
  font-weight: bold;
  color: var(--color-neutral-1);
}

.n-feature-3>div.hol-column>dl.hol-wrapping-row>.hol-column.feature-item>dt>svg {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  color: var(--color-color-1);
}

.n-feature-3>div.hol-column>dl.hol-wrapping-row>.hol-column.feature-item>dd {
  margin: 0;
}


.n-header-1 {
  padding: var(--space-l-2xl) 0;
}

.n-header-1>div.hol-column {
  justify-items: start;
}

.n-header-1>div.hol-column>h6 {
  color: var(--color-color-1);
}

.n-header-1>div.hol-column>h2 {
  max-width: 30ch;
}

.n-header-1>div.hol-column>p {
  max-width: 65ch;
  color: var(--color-neutral-4);
}


.n-product-list-4 {
  padding: var(--space-l-2xl) 0;
}

.n-product-list-4>ul.hol-wrapping-row {
  list-style: none;
}

.n-product-list-4>ul.hol-wrapping-row>li>a {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--color-neutral-7);
  border-radius: 0.3em;
  overflow: hidden;
}

.n-product-list-4>ul.hol-wrapping-row>li>a>img {
  aspect-ratio: 3/4;
  object-fit: cover;
  border-radius: 0;
}

.n-product-list-4>ul.hol-wrapping-row>li>a>div {
  padding: var(--space-s);
  display: flex;
  flex-direction: column;
  gap: var(--space-3xs);
}

.n-product-list-4>ul.hol-wrapping-row>li>a>div>h3 {
  font-size: var(--font-size--1);
}

.n-product-list-4>ul.hol-wrapping-row>li>a>div>p {
  font-size: var(--font-size--1);
  color: var(--color-neutral-5);
}

.n-product-list-4>ul.hol-wrapping-row>li>a>div>span {
  color: var(--color-neutral-5);
  font-style: italic;
}

.n-product-list-4>ul.hol-wrapping-row>li>a>div>.price {
  font-weight: bold;
  color: var(--color-neutral-2);
}


.n-contact-4 {
  padding: var(--space-l-2xl) 0;
  row-gap: var(--space-xl);
}

.n-contact-4>div.hol-wrapping-row {
  align-items: start;
  border-top: 1px solid var(--color-neutral-7);
  padding-top: var(--space-l);
}

.n-contact-4>div.hol-wrapping-row:first-child {
  border-top: none;
  padding-top: 0;
}

.n-contact-4>div.hol-wrapping-row>div.hol-column {
  justify-items: start;
}

.n-contact-4>div.hol-wrapping-row>div.hol-column>p {
  color: var(--color-neutral-4);
}

.n-contact-4>div.hol-wrapping-row>ul.hol-wrapping-row {
  list-style: none;
  grid-column: span 2;
}

.n-contact-4>div.hol-wrapping-row>ul.hol-wrapping-row>li.hol-column {
  justify-items: start;
  background-color: var(--color-neutral-9);
  padding: var(--space-m);
  border-radius: 0.3em;
  gap: var(--space-3xs);
}

.n-contact-4>div.hol-wrapping-row>ul.hol-wrapping-row>li.hol-column>p {
  color: var(--color-neutral-4);
}

.n-contact-4>div.hol-wrapping-row>ul.hol-wrapping-row>li.hol-column>address {
  font-style: normal;
  color: var(--color-neutral-4);
}


.n-contact-6 {
  padding: var(--space-l-2xl) 0;
  row-gap: var(--space-s);
}

.n-contact-6>div.hol-column {
  justify-items: center;
  text-align: center;
}

.n-contact-6>div.hol-column>p {
  color: var(--color-neutral-4);
  max-width: 45ch;
}

.n-contact-6>ul.hol-column {
  max-width: 40rem;
  margin: 0 auto;
  list-style: none;
  gap: var(--space-l);
}

.n-contact-6>ul.hol-column>li {
  display: flex;
  gap: var(--space-s);
  align-items: start;
}

.n-contact-6>ul.hol-column>li>.icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
  border-radius: 0.3em;
  background-color: var(--color-color-1);
  color: var(--color-light-neutral-9);
}

.n-contact-6>ul.hol-column>li>.icon>svg {
  width: 1.5rem;
  height: 1.5rem;
}

.n-contact-6>ul.hol-column>li>div.hol-column {
  justify-items: start;
  gap: var(--space-2xs);
}

.n-contact-6>ul.hol-column>li>div.hol-column>p {
  color: var(--color-neutral-4);
}


.n-contact-9 {
  padding: var(--space-l-2xl) 0;
  row-gap: var(--space-s);
}

.n-contact-9>div.hol-column {
  justify-items: start;
}

.n-contact-9>div.hol-column>p {
  color: var(--color-neutral-4);
  max-width: 45ch;
}

.n-contact-9>ul.hol-wrapping-row {
  list-style: none;
  grid-template-columns: repeat(auto-fit, minmax(12ch, 1fr));
}

.n-contact-9>ul.hol-wrapping-row>li.hol-column {
  justify-items: start;
  gap: var(--space-2xs);
}

.n-contact-9>ul.hol-wrapping-row>li.hol-column>h5 {
  border-left: 2px solid var(--color-color-1);
  padding-left: var(--space-s);
}

.n-contact-9>ul.hol-wrapping-row>li.hol-column>address {
  font-style: normal;
  color: var(--color-neutral-4);
  border-left: 1px solid var(--color-neutral-7);
  padding-left: var(--space-s);
}


.n-feature-4 {
  padding: var(--space-l-2xl) 0;
}

.n-feature-4>div.hol-column {
  gap: var(--space-xl);
}

.n-feature-4>div.hol-column>div.hol-column.header {
  justify-items: start;
  max-width: 40ch;
}

.n-feature-4>div.hol-column>dl.hol-wrapping-row>.hol-column.feature-item {
  justify-items: start;
}

.n-feature-4>div.hol-column>dl.hol-wrapping-row>.hol-column.feature-item>.icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  background-color: var(--color-color-1);
  color: var(--color-neutral-10);
}

.n-feature-4>div.hol-column>dl.hol-wrapping-row>.hol-column.feature-item>.icon>svg {
  width: 1.5rem;
  height: 1.5rem;
}

.n-feature-4>div.hol-column>dl.hol-wrapping-row>.hol-column.feature-item>dt {
  font-weight: bold;
  color: var(--color-neutral-1);
}

.n-feature-4>div.hol-column>dl.hol-wrapping-row>.hol-column.feature-item>dd {
  margin: 0;
}


.n-footer-4 {
  padding: var(--space-l-2xl) 0;
}

.n-footer-4>img {
  width: var(--space-xl);
  border-radius: 0.3em;
}

.n-footer-4>div.hol-wrapping-row {
  align-items: start;
  grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
  margin-top: var(--space-l);
}

.n-footer-4>div.hol-wrapping-row>div {
  width: 100%;
}

.n-footer-4>div.hol-wrapping-row>div>h6 {
  font-size: var(--font-size--1);
}

.n-footer-4>div.hol-wrapping-row>div>ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  margin-top: var(--space-s);
}

.n-footer-4>div.hol-wrapping-row>div>ul>li>a {
  font-size: var(--font-size--1);
  color: var(--color-neutral-4);
}

.n-footer-4>div:nth-child(3) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-m);
  border-top: 1px solid var(--color-neutral-7);
  padding-top: var(--space-m);
  margin-top: var(--space-xl);
}

.n-footer-4>div:nth-child(3)>div>h6 {
  font-size: var(--font-size--1);
}

.n-footer-4>div:nth-child(3)>div>p {
  color: var(--color-neutral-4);
  font-size: var(--font-size--1);
}

.n-footer-4>div:nth-child(3)>form {
  display: flex;
  gap: var(--space-xs);
}

.n-footer-4>div:last-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-m);
  border-top: 1px solid var(--color-neutral-7);
  padding-top: var(--space-m);
  margin-top: var(--space-m);
}

.n-footer-4>div:last-child>span {
  color: var(--color-neutral-5);
}

.n-footer-4>div:last-child>nav {
  display: flex;
  gap: var(--space-s);
}

.n-footer-4>div:last-child>nav>a {
  color: var(--color-neutral-5);
}

.n-footer-4>div:last-child>nav>a>svg {
  width: 1.5rem;
  height: 1.5rem;
}


.n-navigation-1 {
  padding: var(--space-2xs) 0;
}

.n-navigation-1>div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.n-navigation-1>div>a>img {
  width: var(--space-xl);
  border-radius: 0.3em;
}

.n-navigation-1>div>nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-s) var(--space-l);
}


.n-product-list-2 {
  padding: var(--space-l-2xl) 0;
}

.n-product-list-2>div.hol-column {
  justify-items: start;
}

.n-product-list-2>div.hol-column>div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.n-product-list-2>div.hol-column>ul.hol-wrapping-row {
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
  list-style: none;
}

.n-product-list-2>div.hol-column>ul.hol-wrapping-row>li>a {
  display: flex;
  flex-direction: column;
}

.n-product-list-2>div.hol-column>ul.hol-wrapping-row>li>a>img {
  aspect-ratio: 1/1;
  object-fit: cover;
}

.n-product-list-2>div.hol-column>ul.hol-wrapping-row>li>a>h3 {
  font-size: var(--font-size--1);
  margin-top: var(--space-xs);
}

.n-product-list-2>div.hol-column>ul.hol-wrapping-row>li>a>span {
  color: var(--color-neutral-5);
}

.n-product-list-2>div.hol-column>ul.hol-wrapping-row>li>a>.price {
  font-size: var(--font-size--1);
  font-weight: bold;
}


.n-navigation-3 {
  padding: var(--space-2xs) 0;
}

.n-navigation-3>div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.n-navigation-3>div>a>img {
  width: var(--space-xl);
  border-radius: 0.3em;
}

.n-navigation-3>div>nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-s) var(--space-l);
}


.n-newsletter-1 {
  padding: var(--space-l-2xl) 0;
}

.n-newsletter-1>div.hol-column {
  justify-items: start;
}

.n-newsletter-1>div.hol-column>h2 {
  max-width: 35ch;
}

.n-newsletter-1>div.hol-column>form {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  max-width: 30rem;
}

.n-newsletter-1>div.hol-column>form>div {
  display: flex;
  gap: var(--space-xs);
  width: 100%;
}

.n-newsletter-1>div.hol-column>form>div>input {
  flex: 1;
  min-width: 0;
}

.n-newsletter-1>div.hol-column>form>p {
  color: var(--color-neutral-4);
}


.n-feature-5 {
  padding: var(--space-l-2xl) 0;
}

.n-feature-5>div.hol-wrapping-row {
  align-items: start;
  gap: var(--space-xl);
}

.n-feature-5>div.hol-wrapping-row>div.hol-column {
  justify-items: start;
}

.n-feature-5>div.hol-wrapping-row>div.hol-column>h6 {
  text-transform: uppercase;
  color: var(--color-color-1);
}

.n-feature-5>div.hol-wrapping-row>dl.feature-grid {
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}

.n-feature-5>div.hol-wrapping-row>dl.feature-grid>.feature-item {
  position: relative;
  padding-left: var(--space-l);
}

.n-feature-5>div.hol-wrapping-row>dl.feature-grid>.feature-item>dt {
  font-weight: bold;
  color: var(--color-neutral-1);
}

.n-feature-5>div.hol-wrapping-row>dl.feature-grid>.feature-item>dt>svg {
  position: absolute;
  top: 0.2em;
  left: 0;
  width: 1.25rem;
  height: 1.25rem;
  color: var(--color-color-1);
}

.n-feature-5>div.hol-wrapping-row>dl.feature-grid>.feature-item>dd {
  margin: var(--space-3xs) 0 0 0;
}

@media (max-width: 40rem) {
  .n-feature-5>div.hol-wrapping-row {
    grid-template-columns: 1fr;
  }
}


.n-cta-4 {
  padding: var(--space-l-2xl) 0;
}

.n-cta-4>div.hol-wrapping-row {
  align-items: center;
}

.n-cta-4>div.hol-wrapping-row>h2 {
  max-width: 20ch;
}

.n-cta-4>div.hol-wrapping-row>.actions {
  display: flex;
  align-items: center;
  gap: var(--space-s);
}


.n-login-1 {
  padding: var(--space-l-2xl) 0;
  min-height: 60vh;
  align-content: center;
}

.n-login-1>div.hol-column {
  max-width: 28rem;
  margin: 0 auto;
  align-items: center;
  text-align: center;
  gap: var(--space-m);
}

.n-login-1>div.hol-column>div.hol-column {
  width: 100%;
  gap: var(--space-s);
}

.n-login-1>div.hol-column>div.hol-column>a.primary {
  width: 100%;
  text-align: center;
}


.n-login-2 {
  padding: var(--space-l-2xl) 0;
  min-height: 60vh;
  align-content: center;
}

.n-login-2>div.hol-wrapping-row {
  align-items: center;
}

.n-login-2>div.hol-wrapping-row>div.hol-column:first-child {
  justify-items: start;
}

.n-login-2>div.hol-wrapping-row>div.hol-column:last-child {
  gap: var(--space-s);
}

.n-login-2>div.hol-wrapping-row>div.hol-column:last-child>a.primary {
  width: 100%;
  text-align: center;
}


.n-pricing-4 {
  padding: var(--space-l-2xl) 0;
}

.n-pricing-4>div.hol-wrapping-row {
  align-items: center;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
}

.n-pricing-4>div.hol-wrapping-row>div.hol-column {
  justify-items: start;
}

.n-pricing-4>div.hol-wrapping-row>div.hol-column>h6 {
  color: var(--color-neutral-4);
}

.n-pricing-4>div.hol-wrapping-row>div.hol-column>p {
  max-width: 45ch;
  color: var(--color-neutral-4);
}

.n-pricing-4>div.hol-wrapping-row>div.hol-column>h2 {
  max-width: 20ch;
}

.n-pricing-4>div.hol-wrapping-row>div.hol-column>ul.hol-column {
  list-style: none;
  justify-items: start;
  gap: var(--space-2xs);
  margin-top: var(--space-s);
}

.n-pricing-4>div.hol-wrapping-row>div.hol-column>ul.hol-column>li {
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
}

.n-pricing-4>div.hol-wrapping-row>div.hol-column>ul.hol-column>li>svg {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  color: var(--color-color-1);
}

.n-pricing-4>div.hol-wrapping-row>aside.hol-column {
  background-color: var(--color-neutral-9);
  border: 1px solid var(--color-neutral-7);
  border-radius: 0.3em;
  padding: var(--space-xl);
  justify-items: center;
  text-align: center;
  max-width: 22rem;
}

.n-pricing-4>div.hol-wrapping-row>aside.hol-column>p>strong {
  font-size: var(--font-size-6);
}

.n-pricing-4>div.hol-wrapping-row>aside.hol-column>p:last-child {
  color: var(--color-neutral-5);
}


.n-product-list-5 {
  padding: var(--space-l-2xl) 0;
}

.n-product-list-5>ul.hol-wrapping-row {
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
  list-style: none;
}

.n-product-list-5>ul.hol-wrapping-row>li {
  border: 1px solid var(--color-neutral-7);
  padding: var(--space-s);
}

.n-product-list-5>ul.hol-wrapping-row>li>a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.n-product-list-5>ul.hol-wrapping-row>li>a>img {
  aspect-ratio: 1/1;
  object-fit: cover;
}

.n-product-list-5>ul.hol-wrapping-row>li>a>h3 {
  font-size: var(--font-size--1);
  margin-top: var(--space-m);
}

.n-product-list-5>ul.hol-wrapping-row>li>a>.stars {
  display: flex;
  gap: var(--space-3xs);
  margin-top: var(--space-xs);
}

.n-product-list-5>ul.hol-wrapping-row>li>a>.stars>svg {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--color-color-1);
}

.n-product-list-5>ul.hol-wrapping-row>li>a>.stars>svg.empty {
  color: var(--color-neutral-7);
}

.n-product-list-5>ul.hol-wrapping-row>li>a>span {
  color: var(--color-neutral-5);
}

.n-product-list-5>ul.hol-wrapping-row>li>a>.price {
  font-weight: bold;
  margin-top: var(--space-xs);
}


.n-product-overview-1 {
  padding: var(--space-l-2xl) 0;
}

.n-product-overview-1>div.hol-wrapping-row {
  align-items: start;
}

.n-product-overview-1>div.hol-wrapping-row>figure>img {
  aspect-ratio: 1/1;
  object-fit: cover;
}

.n-product-overview-1>div.hol-wrapping-row>div.hol-column {
  justify-items: start;
}

.n-product-overview-1>div.hol-wrapping-row>div.hol-column>.price {
  font-size: var(--font-size-4);
  font-weight: bold;
}

.n-product-overview-1>div.hol-wrapping-row>div.hol-column>.stars {
  display: flex;
  gap: var(--space-3xs);
}

.n-product-overview-1>div.hol-wrapping-row>div.hol-column>.stars>svg {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--color-color-1);
}

.n-product-overview-1>div.hol-wrapping-row>div.hol-column>.stars>svg.empty {
  color: var(--color-neutral-7);
}

.n-product-overview-1>div.hol-wrapping-row>div.hol-column>dl {
  width: 100%;
  border-top: 1px solid var(--color-neutral-7);
}

.n-product-overview-1>div.hol-wrapping-row>div.hol-column>dl>details {
  border-bottom: 1px solid var(--color-neutral-7);
  padding: var(--space-xs) 0;
}

.n-product-overview-1>div.hol-wrapping-row>div.hol-column>dl>details>summary {
  cursor: pointer;
  font-weight: bold;
  font-size: var(--font-size--1);
}

.n-product-overview-1>div.hol-wrapping-row>div.hol-column>dl>details>div>ul {
  margin-top: var(--space-xs);
  padding-left: var(--space-m);
  display: flex;
  flex-direction: column;
  gap: var(--space-3xs);
  font-size: var(--font-size--1);
  color: var(--color-neutral-4);
}



.hol-column {
  nav {
    display: flex;
    align-items: center;
    gap: var(--space-s);

    >.date-picker {
      padding: var(--space-3xs) var(--space-xs);
      font-size: var(--font-size-0);
      border: 1px solid var(--color-neutral-3);
      border-radius: var(--space-3xs);
    }
  }
}

/* ===== Daily Brief redesign ===== */

/* Masthead */
.masthead {
  padding: var(--space-l) 0 var(--space-s);
  border-bottom: 1px solid var(--color-neutral-8);
}

.masthead .inner {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: end;
  gap: var(--space-m);
}

.masthead .meta-left,
.masthead .meta-right {
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-neutral-5);
  display: flex;
  flex-direction: column;
  gap: var(--space-3xs);
  white-space: nowrap;
}

.masthead .meta-right {
  text-align: right;
  align-items: flex-end;
}

.masthead .meta-right .dot {
  display: inline-block;
  width: var(--space-2xs);
  height: var(--space-2xs);
  background: var(--color-color-4);
  border-radius: 50%;
  margin-right: var(--space-3xs);
  vertical-align: middle;
}

.masthead .wordmark {
  font-family: var(--font-family-1);
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 0.9;
  font-style: italic;
  text-align: center;
  color: var(--color-neutral-1);
  white-space: nowrap;
}

.masthead .wordmark .amp {
  color: var(--color-color-4);
  font-style: italic;
}

@media (max-width: 50rem) {
  .masthead .inner {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .masthead .meta-left,
  .masthead .meta-right {
    text-align: center;
    align-items: center;
  }
}

/* Sub-nav */
.subnav {
  padding: var(--space-xs) 0;
  border-bottom: 1px solid var(--color-neutral-8);
  margin-bottom: var(--space-l);
  background-color: var(--color-neutral-9);
}

.subnav .inner {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-m);
  flex-wrap: wrap;
}

.subnav nav.sections {
  display: flex;
  flex-wrap: wrap;
  gap: 0 var(--space-s);
  color: var(--color-neutral-3);
}

.subnav nav.sections a {
  color: var(--color-neutral-2);
}

.subnav nav.sections a:hover {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

.subnav nav.sections a[data-topic="ai"]:hover {
  color: var(--color-color-4);
  text-decoration-color: var(--color-color-4);
}

.subnav nav.sections a[data-topic="software"]:hover {
  color: var(--color-color-2);
  text-decoration-color: var(--color-color-2);
}

.subnav nav.sections a[data-topic="hardware"]:hover {
  color: var(--color-color-6);
  text-decoration-color: var(--color-color-6);
}

.subnav nav.sections a[data-topic="startups"]:hover {
  color: var(--color-color-1);
  text-decoration-color: var(--color-color-1);
}

.subnav nav.sections a[data-topic="releases"]:hover {
  color: var(--color-color-9);
  text-decoration-color: var(--color-color-9);
}

.subnav nav.sections a[data-topic="security"]:hover {
  color: var(--color-color-8);
  text-decoration-color: var(--color-color-8);
}

.subnav nav.sections a[data-topic="science"]:hover {
  color: var(--color-color-3);
  text-decoration-color: var(--color-color-3);
}

.subnav nav.sections a[data-topic="design"]:hover {
  color: var(--color-color-5);
  text-decoration-color: var(--color-color-5);
}

.subnav nav.sections a[data-topic="business"]:hover {
  color: var(--color-color-12);
  text-decoration-color: var(--color-color-12);
}

.subnav nav.sections a[data-topic="politics"]:hover {
  color: var(--color-color-7);
  text-decoration-color: var(--color-color-7);
}

.subnav nav.sections a[data-topic="world"]:hover {
  color: var(--color-color-10);
  text-decoration-color: var(--color-color-10);
}

.subnav nav.sections a[data-topic="war-conflicts"]:hover {
  color: var(--color-color-10);
  text-decoration-color: var(--color-color-10);
}

.subnav nav.sections a[data-topic="culture"]:hover {
  color: var(--color-color-11);
  text-decoration-color: var(--color-color-11);
}

.subnav nav.sections a[data-topic="diy"]:hover {
  color: var(--color-color-5);
  text-decoration-color: var(--color-color-5);
}

.subnav nav.sections a[data-topic="events"]:hover {
  color: var(--color-color-9);
  text-decoration-color: var(--color-color-9);
}

.subnav nav.sections a[data-topic="other"]:hover {
  color: var(--color-neutral-4);
  text-decoration-color: var(--color-neutral-4);
}

.subnav nav.sections span[data-empty],
.subnav nav.sections a[data-empty] {
  color: var(--color-neutral-6);
}

.subnav .controls {
  display: flex;
  align-items: center;
  gap: var(--space-s);
}

.subnav .date-picker {
  padding: var(--space-3xs) var(--space-xs);
  font-family: var(--font-family-1);
  border: 1px solid var(--color-neutral-7);
  background: var(--color-neutral-10);
  color: var(--color-neutral-2);
}

.subnav .archive-link {
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-neutral-1);
  /* border-bottom: 2px solid var(--color-color-4); */
  padding-bottom: 2px;
}

/* Topic */
.topic {
  margin-bottom: var(--space-2xl);
  scroll-margin-top: var(--space-l);
}

.topic-header {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: baseline;
  gap: var(--space-m);
  margin-bottom: var(--space-l);
  padding-bottom: var(--space-xs);
  border-bottom: 1px solid var(--color-neutral-8);
}

.topic-header .num {
  color: var(--color-color-4);
  font-weight: 700;
  letter-spacing: 0.08em;
}

.topic-header h2 {
  font-family: var(--font-family-1);
  font-weight: 900;
  font-style: italic;
  letter-spacing: -0.03em;
  line-height: 1;
  color: var(--color-3-1);
}

.topic-header .tag {
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--color-neutral-5);
  white-space: nowrap;
}

.topic .topic-header {
  border-bottom-color: var(--color-neutral-7);
}

.topic .topic-header .num {
  color: var(--color-neutral-5);
}

.topic .stories a {
  text-decoration-color: var(--color-color-2);
}

.topic .stories a:hover {
  color: var(--color-color-2);
}

.stories {
  max-width: 70ch;
  display: flex;
  flex-direction: column;
  gap: var(--space-s);
}

.stories p {
  font-family: var(--font-family-1);
  line-height: 1.6;
  color: var(--color-neutral-2);
  margin: 0;
}

.stories a {
  color: var(--color-color-2);
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 0.15em;
  text-underline-offset: 0.18em;
}

.stories a:visited {
  color: var(--color-neutral-3);
  text-decoration-color: var(--color-neutral-3);
}

/* Footer */
.site-footer {
  margin-top: var(--space-3xl);
  padding: var(--space-xl) 0 var(--space-l);
  border-top: 1px solid var(--color-neutral-8);
  background: var(--color-neutral-9);
}

.site-footer .inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-m);
}

@media (min-width: 40rem) {
  .site-footer .inner {
    grid-template-columns: 1fr auto;
    align-items: center;
  }
}

.site-footer .colophon {
  letter-spacing: 0.04em;
  color: var(--color-neutral-4);
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  gap: var(--space-3xs);
}

.site-footer .colophon a {
  color: var(--color-neutral-2);
}

.site-footer nav.social {
  display: flex;
  gap: var(--space-s);
  align-items: center;
}

.site-footer nav.social a {
  color: var(--color-neutral-4);
}

.site-footer nav.social a:hover {
  color: var(--color-color-4);
}

.site-footer nav.social svg {
  width: 1.25rem;
  height: 1.25rem;
}

/* ===== Articles list page ===== */
.articles {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
}

.articles .article {
  padding: var(--space-m) 0;
  border-top: 1px solid var(--color-neutral-8);
  display: flex;
  flex-direction: column;
  gap: var(--space-2xs);
}

.articles .article:first-child {
  border-top: none;
  padding-top: 0;
}

.articles .article h3 {
  font-family: var(--font-family-1);
  font-size: var(--font-size-1);
  font-weight: 700;
  line-height: 1.25;
  margin: 0;
}

.articles .article h3 a {
  color: var(--color-neutral-1);
  border-bottom: 1px solid transparent;
  text-decoration: none;
  transition: border-color 120ms;
}

.articles .article h3 a:hover {
  text-decoration: none;
  color: var(--color-neutral-1);
  border-bottom-color: var(--accent, var(--color-neutral-4));
}

.articles .article .meta {
  display: flex;
  gap: var(--space-2xs);
  align-items: center;
  font-size: var(--font-size--2);
  color: var(--color-neutral-5);
  letter-spacing: 0.04em;
  flex-wrap: wrap;
  order: -1;
}

.articles .article .source {
  color: var(--color-neutral-4);
  font-style: italic;
}

.articles .article .tag {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
  font-weight: 700;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: var(--accent, var(--color-neutral-4));
  font-size: var(--font-size--2);
}

.articles .article .tag::before {
  content: "";
  display: inline-block;
  width: 0.4em;
  height: 0.4em;
  border-radius: 50%;
  background: var(--accent, var(--color-neutral-4));
}

.articles .article p {
  color: var(--color-neutral-3);
  font-size: var(--font-size-0);
  line-height: 1.55;
  max-width: 75ch;
  margin: 0;
}

.articles .article[data-topic="ai"] {
  --accent: var(--color-color-4);
}

.articles .article[data-topic="software"] {
  --accent: var(--color-color-2);
}

.articles .article[data-topic="hardware"] {
  --accent: var(--color-color-6);
}

.articles .article[data-topic="startups"] {
  --accent: var(--color-color-1);
}

.articles .article[data-topic="releases"] {
  --accent: var(--color-color-9);
}

.articles .article[data-topic="security"] {
  --accent: var(--color-color-8);
}

.articles .article[data-topic="science"] {
  --accent: var(--color-color-3);
}

.articles .article[data-topic="design"] {
  --accent: var(--color-color-5);
}

.articles .article[data-topic="business"] {
  --accent: var(--color-color-12);
}

.articles .article[data-topic="politics"] {
  --accent: var(--color-color-7);
}

.articles .article[data-topic="world"] {
  --accent: var(--color-color-10);
}

.articles .article[data-topic="war-conflicts"] {
  --accent: var(--color-color-10);
}

.articles .article[data-topic="culture"] {
  --accent: var(--color-color-11);
}

.articles .article[data-topic="diy"] {
  --accent: var(--color-color-5);
}

.articles .article[data-topic="events"] {
  --accent: var(--color-color-9);
}

.articles .article[data-topic="other"] {
  --accent: var(--color-neutral-4);
}