@charset "UTF-8";
:root {
  interpolate-size: allow-keywords;
  --color-ink: #262724;
  --color-ivory: #f3efe7;
  --color-sand: #e4ded4;
  --color-stone: #b9b1a4;
  --color-muted: #66645e;
  --color-border: #d4cfc5;
  --color-border-on-dark: #4a4b47;
  --color-error: #8f362f;
  --font-sans: 'IBM Plex Sans Thai', sans-serif;
  --font-en: 'Manrope', 'IBM Plex Sans Thai', sans-serif;
  --font-size-base: 16px;
  --base-transition: .25s;
  --ease-out: cubic-bezier(.22, .61, .36, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --menu-duration: .55s;
  --entrance-duration: .9s;
  --icon-line: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.63.63-.63.345 0 .63.285.63.63v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.627-.63.349 0 .631.285.631.63v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.63.63-.63.348 0 .63.285.63.63v4.141h1.756c.348 0 .629.283.629.63 0 .344-.281.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314'/%3E%3C/svg%3E");
  --icon-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E");
}
@media (width > 850px) {
  :root {
    --height-header: 88px;
    --sticky-header-offset: 0px;
  }
}
@media (width <= 850px) {
  :root {
    --height-header: 72px;
    --sticky-header-offset: var(--height-header);
  }
}
@media (width > 750px) {
  :root {
    --padding-inline: clamp(20px, 4vw, 72px);
    --section-spacing-block: clamp(80px, 10vw, 144px);
  }
}
@media (width <= 750px) {
  :root {
    --padding-inline: 20px;
    --section-spacing-block: 76px;
  }
}

@-webkit-keyframes fadeUp {
  from {
    opacity: 0;
    translate: 0 32px;
  }
  to {
    opacity: 1;
    translate: 0 0;
  }
}

@keyframes fadeUp {
  from {
    opacity: 0;
    translate: 0 32px;
  }
  to {
    opacity: 1;
    translate: 0 0;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes heroRecede {
  to {
    opacity: 0.3;
    scale: 0.94;
    translate: 0 -4%;
  }
}
@keyframes heroRecede {
  to {
    opacity: 0.3;
    scale: 0.94;
    translate: 0 -4%;
  }
}
@-webkit-keyframes drawLine {
  from {
    scale: 0 1;
  }
  to {
    scale: 1 1;
  }
}
@keyframes drawLine {
  from {
    scale: 0 1;
  }
  to {
    scale: 1 1;
  }
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  margin: 0;
  font-family: var(--font-sans);
  font-size: var(--font-size-base);
  font-weight: 300;
  color: var(--color-ink);
  background-color: var(--color-ivory);
}

h1,
h2,
h3 {
  margin: 0;
  font-weight: 400;
  line-height: 1.2;
  text-wrap: balance;
}

p {
  margin: 0;
  line-height: 1.65;
  text-wrap: pretty;
}

figure,
blockquote,
dl,
dd {
  margin: 0;
}

img,
video,
svg {
  display: block;
  max-inline-size: 100%;
  block-size: auto;
}

ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
}

button {
  background: none;
  border: none;
  cursor: pointer;
}

[id] {
  scroll-margin-block-start: var(--sticky-header-offset);
}

::-moz-selection {
  background-color: var(--color-ink);
  color: var(--color-ivory);
}

::selection {
  background-color: var(--color-ink);
  color: var(--color-ivory);
}

:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    -webkit-transition-duration: 0.01ms;
            transition-duration: 0.01ms;
    -webkit-animation-duration: 0.01ms;
            animation-duration: 0.01ms;
  }
}
.lenis.lenis-smooth {
  scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: clip;
}

.l-container {
  padding-inline: var(--padding-inline);
}

.l-main {
  position: relative;
  z-index: 1;
  background-color: var(--color-ivory);
}

.l-section {
  padding-block: var(--section-spacing-block);
  padding-inline: var(--padding-inline);
}

.l-siteHeader {
  z-index: 20;
  background-color: var(--color-ivory);
  -webkit-border-after: 1px solid var(--color-border);
          border-block-end: 1px solid var(--color-border);
}
@media (width > 850px) {
  .l-siteHeader {
    position: relative;
  }
}
@media (width <= 850px) {
  .l-siteHeader {
    position: sticky;
    inset-block-start: 0;
  }
}

.l-siteHeader__inner {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  block-size: var(--height-header);
  padding-inline: var(--padding-inline);
}
.l-siteHeader__inner > * {
  -webkit-animation: fadeIn 0.6s var(--ease-out) both;
          animation: fadeIn 0.6s var(--ease-out) both;
}
.l-siteHeader__inner > :nth-child(2) {
  -webkit-animation-delay: 0.08s;
          animation-delay: 0.08s;
}
.l-siteHeader__inner > :nth-child(n+3) {
  -webkit-animation-delay: 0.16s;
          animation-delay: 0.16s;
}
@media (width > 850px) {
  .l-siteHeader__inner {
    -ms-grid-columns: 1fr auto 1fr;
    grid-template-columns: 1fr auto 1fr;
  }
}
@media (width <= 850px) {
  .l-siteHeader__inner {
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
  }
}

.l-siteHeader__logo {
  display: block;
  -webkit-transition: opacity var(--base-transition);
  transition: opacity var(--base-transition);
}
@media (width > 750px) {
  .l-siteHeader__logo {
    inline-size: 168px;
  }
}
@media (width <= 750px) {
  .l-siteHeader__logo {
    inline-size: 136px;
  }
}
.l-siteHeader__logo img {
  inline-size: 100%;
}
@media (any-hover: hover) {
  .l-siteHeader__logo:hover {
    opacity: 0.7;
  }
}

.l-siteHeader__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: clamp(24px, 3vw, 56px);
     -moz-column-gap: clamp(24px, 3vw, 56px);
          column-gap: clamp(24px, 3vw, 56px);
  font-size: 14px;
}
@media (width <= 850px) {
  .l-siteHeader__nav {
    display: none;
  }
}

.l-siteHeader__navLink {
  position: relative;
}
.l-siteHeader__navLink::after {
  content: "";
  position: absolute;
  inset-inline: 0 100%;
  inset-block-end: -6px;
  block-size: 1px;
  background-color: currentColor;
  -webkit-transition: inset-inline-end var(--base-transition);
  transition: inset-inline-end var(--base-transition);
}
.l-siteHeader__navLink[aria-current=page]::after {
  inset-inline-end: 0;
}
@media (any-hover: hover) {
  .l-siteHeader__navLink:hover::after {
    inset-inline-end: 0;
  }
}

.l-siteHeader__contact {
  -ms-grid-column-align: end;
      justify-self: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 13px;
     -moz-column-gap: 13px;
          column-gap: 13px;
  font-weight: 500;
  font-size: 14px;
}
.l-siteHeader__contact .c-icon {
  -webkit-transition: translate var(--base-transition);
  transition: translate var(--base-transition);
}
@media (any-hover: hover) {
  .l-siteHeader__contact:hover .c-icon {
    translate: 5px 0;
  }
}
@media (width <= 850px) {
  .l-siteHeader__contact {
    display: none;
  }
}

.l-siteHeader__menu::details-content {
  -webkit-transition: content-visibility var(--menu-duration) allow-discrete;
  transition: content-visibility var(--menu-duration) allow-discrete;
}
@media (width > 850px) {
  .l-siteHeader__menu {
    display: none;
  }
}

.l-siteHeader__menuToggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  list-style: none;
  cursor: pointer;
}
.l-siteHeader__menuToggle::-webkit-details-marker {
  display: none;
}

.l-siteHeader__menu:not([open]) .l-siteHeader__menuLabel--opened {
  display: none;
}

.l-siteHeader__menu[open] .l-siteHeader__menuLabel--closed {
  display: none;
}

.l-siteHeader__menuLines {
  position: relative;
  inline-size: 24px;
  block-size: 1px;
  background-color: currentColor;
  -webkit-transition: rotate 0.35s var(--ease-out);
  transition: rotate 0.35s var(--ease-out);
}
.l-siteHeader__menuLines::after {
  content: "";
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 6px;
  inline-size: 24px;
  block-size: 1px;
  background-color: currentColor;
  -webkit-transition: rotate 0.35s var(--ease-out), inset-block-start 0.35s var(--ease-out);
  transition: rotate 0.35s var(--ease-out), inset-block-start 0.35s var(--ease-out);
}
.l-siteHeader__menu[open] .l-siteHeader__menuLines {
  rotate: 45deg;
}
.l-siteHeader__menu[open] .l-siteHeader__menuLines::after {
  inset-block-start: 0;
  rotate: 90deg;
}

.l-siteHeader__panel {
  position: absolute;
  inset-inline: 0;
  inset-block-start: var(--height-header);
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto 32px 1fr;
  grid-template-rows: auto 1fr;
  row-gap: 32px;
  min-block-size: calc(100dvh - var(--height-header));
  padding-block: 32px;
  padding-inline: var(--padding-inline);
  background-color: var(--color-ink);
  color: var(--color-ivory);
  clip-path: inset(0 0 100% 0);
  -webkit-transition: clip-path var(--menu-duration) var(--ease-in-out);
  transition: clip-path var(--menu-duration) var(--ease-in-out);
}
.l-siteHeader__menu[open] .l-siteHeader__panel {
  clip-path: inset(0);
}
@starting-style {
  .l-siteHeader__menu[open] .l-siteHeader__panel {
    clip-path: inset(0 0 100% 0);
  }
}

.l-siteHeader__panel nav > *,
.l-siteHeader__panelNote {
  opacity: 0;
  translate: 0 16px;
  -webkit-transition: opacity 0.3s var(--ease-out), translate 0.3s var(--ease-out), color var(--base-transition), -webkit-padding-start 0.3s var(--ease-out);
  transition: opacity 0.3s var(--ease-out), translate 0.3s var(--ease-out), color var(--base-transition), -webkit-padding-start 0.3s var(--ease-out);
  transition: opacity 0.3s var(--ease-out), translate 0.3s var(--ease-out), padding-inline-start 0.3s var(--ease-out), color var(--base-transition);
  transition: opacity 0.3s var(--ease-out), translate 0.3s var(--ease-out), padding-inline-start 0.3s var(--ease-out), color var(--base-transition), -webkit-padding-start 0.3s var(--ease-out);
}
.l-siteHeader__menu[open] .l-siteHeader__panel nav > *,
.l-siteHeader__menu[open] .l-siteHeader__panelNote {
  opacity: 1;
  translate: 0 0;
  -webkit-transition-duration: 0.6s, 0.6s, 0.3s, var(--base-transition);
          transition-duration: 0.6s, 0.6s, 0.3s, var(--base-transition);
}
@starting-style {
  .l-siteHeader__menu[open] .l-siteHeader__panel nav > *,
  .l-siteHeader__menu[open] .l-siteHeader__panelNote {
    opacity: 0;
    translate: 0 16px;
  }
}

.l-siteHeader__menu[open] .l-siteHeader__panel nav > :nth-child(1) {
  -webkit-transition-delay: 0.21s, 0.21s, 0s, 0s;
          transition-delay: 0.21s, 0.21s, 0s, 0s;
}

.l-siteHeader__menu[open] .l-siteHeader__panel nav > :nth-child(2) {
  -webkit-transition-delay: 0.27s, 0.27s, 0s, 0s;
          transition-delay: 0.27s, 0.27s, 0s, 0s;
}

.l-siteHeader__menu[open] .l-siteHeader__panel nav > :nth-child(3) {
  -webkit-transition-delay: 0.33s, 0.33s, 0s, 0s;
          transition-delay: 0.33s, 0.33s, 0s, 0s;
}

.l-siteHeader__menu[open] .l-siteHeader__panel nav > :nth-child(4) {
  -webkit-transition-delay: 0.39s, 0.39s, 0s, 0s;
          transition-delay: 0.39s, 0.39s, 0s, 0s;
}

.l-siteHeader__menu[open] .l-siteHeader__panel nav > :nth-child(5) {
  -webkit-transition-delay: 0.45s, 0.45s, 0s, 0s;
          transition-delay: 0.45s, 0.45s, 0s, 0s;
}

.l-siteHeader__menu[open] .l-siteHeader__panelNote {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.l-siteHeader__panelLink {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 48px 1fr;
  grid-template-columns: 48px 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-block: 16px;
  -webkit-border-before: 1px solid var(--color-border-on-dark);
          border-block-start: 1px solid var(--color-border-on-dark);
  font-size: 24px;
}
.l-siteHeader__panelLink[aria-current=page] {
  color: var(--color-stone);
}
@media (any-hover: hover) {
  .l-siteHeader__panelLink:hover {
    -webkit-padding-start: 12px;
            padding-inline-start: 12px;
    color: var(--color-sand);
  }
}

.l-siteHeader__panelNumber {
  font-family: var(--font-en);
  font-weight: 500;
  font-size: 9px;
  color: var(--color-stone);
}

.l-siteHeader__panelNote {
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
  color: var(--color-stone);
}

.l-siteFooter {
  padding-block: var(--section-spacing-block) 24px;
  padding-inline: var(--padding-inline);
  background-color: var(--color-ink);
  color: var(--color-ivory);
}
.l-siteFooter.is-curtain {
  position: sticky;
  inset-block-end: 0;
}

.l-siteFooter__cta {
  -webkit-padding-after: 96px;
          padding-block-end: 96px;
}
@media (width > 750px) {
  .l-siteFooter__cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
}
@media (width <= 750px) {
  .l-siteFooter__cta {
    display: -ms-grid;
    display: grid;
    row-gap: 32px;
  }
}

.l-siteFooter__ctaTitle {
  font-size: clamp(43px, 5.4vw, 86px);
  letter-spacing: -0.06em;
}

@media (width <= 750px) {
  .l-siteFooter__ctaButton {
    inline-size: 100%;
  }
}

.l-siteFooter__grid {
  display: -ms-grid;
  display: grid;
  gap: 32px;
  padding-block: 32px 80px;
  -webkit-border-before: 1px solid var(--color-border-on-dark);
          border-block-start: 1px solid var(--color-border-on-dark);
}
@media (width > 850px) {
  .l-siteFooter__grid {
    -ms-grid-columns: 2fr 1fr 1fr 1fr;
    grid-template-columns: 2fr 1fr 1fr 1fr;
  }
}
@media (width <= 850px) {
  .l-siteFooter__grid {
    -ms-grid-columns: 2fr 1fr 1fr;
    grid-template-columns: 2fr 1fr 1fr;
  }
}
@media (width <= 750px) {
  .l-siteFooter__grid {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

@media (width <= 750px) {
  .l-siteFooter__brand {
    grid-column: 1/-1;
  }
}

@media (width <= 850px) {
  .l-siteFooter__column:last-child {
    -ms-grid-column: 2;
    grid-column: 2;
  }
}
@media (width <= 750px) {
  .l-siteFooter__column:last-child {
    grid-column: auto;
  }
}

.l-siteFooter__logo {
  display: block;
  inline-size: 200px;
  -webkit-margin-after: 24px;
          margin-block-end: 24px;
  -webkit-transition: opacity var(--base-transition);
  transition: opacity var(--base-transition);
}
.l-siteFooter__logo img {
  inline-size: 100%;
}
@media (any-hover: hover) {
  .l-siteFooter__logo:hover {
    opacity: 0.7;
  }
}

.l-siteFooter__heading {
  -webkit-margin-after: 22px;
          margin-block-end: 22px;
  font-family: var(--font-en);
  font-weight: 600;
  font-size: 10px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--color-stone);
}

.l-siteFooter__brand p,
.l-siteFooter__column a,
.l-siteFooter__column p {
  display: block;
  -webkit-margin-after: 9px;
          margin-block-end: 9px;
  font-size: 14px;
  color: var(--color-stone);
}

.l-siteFooter__column a {
  -webkit-transition: color var(--base-transition);
  transition: color var(--base-transition);
}
@media (any-hover: hover) {
  .l-siteFooter__column a:hover {
    color: var(--color-ivory);
  }
}

.l-siteFooter__base {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  -webkit-padding-before: 24px;
          padding-block-start: 24px;
  -webkit-border-before: 1px solid var(--color-border-on-dark);
          border-block-start: 1px solid var(--color-border-on-dark);
  font-family: var(--font-en);
  font-weight: 500;
  font-size: 9px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--color-stone);
}
.l-siteFooter__base small {
  font-size: inherit;
}

.c-icon {
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  inline-size: 1.2em;
  aspect-ratio: 1;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: currentColor;
}

.c-icon--arrow {
  -webkit-mask-image: var(--icon-arrow);
          mask-image: var(--icon-arrow);
}

.c-icon--line {
  -webkit-mask-image: var(--icon-line);
          mask-image: var(--icon-line);
}

.c-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
  min-block-size: 51px;
  padding-block: 13px;
  padding-inline: 18px;
  border: 1px solid var(--color-ink);
  background-color: var(--color-ink);
  color: var(--color-ivory);
  font-size: 14px;
  font-weight: 500;
  -webkit-transition: background-color var(--base-transition), color var(--base-transition);
  transition: background-color var(--base-transition), color var(--base-transition);
}
.c-button .c-icon {
  -webkit-transition: translate var(--base-transition) var(--ease-out);
  transition: translate var(--base-transition) var(--ease-out);
}
@media (any-hover: hover) {
  .c-button:hover {
    background-color: transparent;
    color: var(--color-ink);
  }
  .c-button:hover .c-icon {
    translate: 5px 0;
  }
}

.c-button--outline {
  background-color: transparent;
  color: var(--color-ink);
}
@media (any-hover: hover) {
  .c-button--outline:hover {
    background-color: var(--color-ink);
    color: var(--color-ivory);
  }
}

.c-button--onDark {
  border-color: var(--color-ivory);
  background-color: var(--color-ivory);
  color: var(--color-ink);
}
@media (any-hover: hover) {
  .c-button--onDark:hover {
    background-color: transparent;
    color: var(--color-ivory);
  }
}

.c-buttonGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 11px;
}
@media (width <= 750px) {
  .c-buttonGroup {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .c-buttonGroup .c-button {
    inline-size: 100%;
  }
}

.c-eyebrow {
  -webkit-margin-after: 40px;
          margin-block-end: 40px;
  font-family: var(--font-en);
  font-weight: 600;
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.c-eyebrow--onDark {
  color: var(--color-stone);
}

.c-lead {
  font-size: clamp(19px, 1.8vw, 26px);
  line-height: 1.5;
}

.c-sectionHeading {
  display: -ms-grid;
  display: grid;
}
@media (width > 850px) {
  .c-sectionHeading {
    -ms-grid-columns: 1fr 2fr;
    grid-template-columns: 1fr 2fr;
  }
}
@media (width > 750px) {
  .c-sectionHeading {
    -webkit-margin-after: 80px;
            margin-block-end: 80px;
  }
}
@media (width <= 750px) {
  .c-sectionHeading {
    -webkit-margin-after: 48px;
            margin-block-end: 48px;
  }
}

.c-sectionHeading__title {
  font-size: clamp(38px, 4.7vw, 81px);
  letter-spacing: -0.055em;
}

.c-sectionHeading__title--compact {
  font-size: clamp(32px, 3.8vw, 62px);
}

.c-sectionHeading--onDark {
  color: var(--color-ivory);
}

@media (width > 850px) {
  .c-faq {
    -webkit-margin-start: 33.3333333333%;
            margin-inline-start: 33.3333333333%;
  }
}

.c-faq__item {
  -webkit-border-before: 1px solid var(--color-border);
          border-block-start: 1px solid var(--color-border);
}
.c-faq__item:last-child {
  -webkit-border-after: 1px solid var(--color-border);
          border-block-end: 1px solid var(--color-border);
}
.c-faq__item::details-content {
  block-size: 0;
  overflow: clip;
  -webkit-transition: block-size 0.3s, content-visibility 0.3s allow-discrete;
  transition: block-size 0.3s, content-visibility 0.3s allow-discrete;
}
.c-faq__item[open]::details-content {
  block-size: auto;
}

.c-faq__question {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-block-size: 93px;
  list-style: none;
  cursor: pointer;
  -webkit-transition: color var(--base-transition);
  transition: color var(--base-transition);
}
@media (any-hover: hover) {
  .c-faq__question:hover {
    color: var(--color-muted);
  }
}
.c-faq__question::-webkit-details-marker {
  display: none;
}
@media (width > 750px) {
  .c-faq__question {
    -ms-grid-columns: 64px 1fr auto;
    grid-template-columns: 64px 1fr auto;
  }
}
@media (width <= 750px) {
  .c-faq__question {
    -ms-grid-columns: 40px 1fr auto;
    grid-template-columns: 40px 1fr auto;
  }
}

.c-faq__number {
  font-family: var(--font-en);
  font-weight: 500;
  font-size: 10px;
  color: var(--color-muted);
}

.c-faq__questionText {
  font-size: 17px;
}

.c-faq__toggle {
  font-family: var(--font-en);
  font-weight: 300;
  font-size: 24px;
  -webkit-transition: rotate var(--base-transition);
  transition: rotate var(--base-transition);
}
.c-faq__item[open] .c-faq__toggle {
  rotate: 45deg;
}

.c-faq__answer {
  max-inline-size: 640px;
  -webkit-padding-after: 32px;
          padding-block-end: 32px;
  -webkit-margin-end: 48px;
          margin-inline-end: 48px;
  color: var(--color-muted);
}
@media (width > 750px) {
  .c-faq__answer {
    -webkit-margin-start: 64px;
            margin-inline-start: 64px;
  }
}
@media (width <= 750px) {
  .c-faq__answer {
    -webkit-margin-start: 40px;
            margin-inline-start: 40px;
  }
}

.c-pageHero {
  display: -ms-grid;
  display: grid;
  -webkit-padding-after: 48px;
          padding-block-end: 48px;
  padding-inline: var(--padding-inline);
  -webkit-border-after: 1px solid var(--color-border);
          border-block-end: 1px solid var(--color-border);
}
@media (width > 850px) {
  .c-pageHero {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    -ms-grid-rows: auto 64px 1fr;
    grid-template-rows: auto 1fr;
    row-gap: 64px;
    min-block-size: 608px;
    -webkit-padding-before: clamp(64px, 8vw, 128px);
            padding-block-start: clamp(64px, 8vw, 128px);
  }
  .c-pageHero > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .c-pageHero > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .c-pageHero > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .c-pageHero > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .c-pageHero > *:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .c-pageHero > *:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
}
@media (width <= 850px) {
  .c-pageHero {
    -ms-grid-rows: auto 48px 1fr;
    grid-template-rows: auto 1fr;
    row-gap: 48px;
    min-block-size: 592px;
    -webkit-padding-before: clamp(64px, 8vw, 128px);
            padding-block-start: clamp(64px, 8vw, 128px);
  }
}
@media (width <= 750px) {
  .c-pageHero {
    min-block-size: 544px;
    padding-block: 64px 32px;
  }
}

.c-pageHero__index {
  -webkit-animation: fadeIn var(--entrance-duration) var(--ease-out) 0.1s both;
          animation: fadeIn var(--entrance-duration) var(--ease-out) 0.1s both;
  font-family: var(--font-en);
  font-weight: 500;
  font-size: 10px;
  color: var(--color-muted);
}
@media (width <= 850px) {
  .c-pageHero__index {
    display: none;
  }
}

@media (width > 850px) {
  .c-pageHero__heading {
    grid-column: 2/-1;
  }
}

.c-pageHero__eyebrow {
  -webkit-margin-after: 48px;
          margin-block-end: 48px;
  -webkit-animation: fadeUp var(--entrance-duration) var(--ease-out) 0.15s both;
          animation: fadeUp var(--entrance-duration) var(--ease-out) 0.15s both;
}

.c-pageHero__title {
  -webkit-animation: fadeUp var(--entrance-duration) var(--ease-out) 0.3s both;
          animation: fadeUp var(--entrance-duration) var(--ease-out) 0.3s both;
  max-inline-size: 960px;
  letter-spacing: -0.065em;
}
@media (width > 750px) {
  .c-pageHero__title {
    font-size: clamp(48px, 6.8vw, 108px);
  }
}
@media (width <= 750px) {
  .c-pageHero__title {
    font-size: 10.8vw;
  }
}

.c-pageHero__intro {
  -webkit-animation: fadeUp var(--entrance-duration) var(--ease-out) 0.55s both;
          animation: fadeUp var(--entrance-duration) var(--ease-out) 0.55s both;
  -ms-grid-row-align: end;
      align-self: end;
  display: -ms-grid;
  display: grid;
  justify-items: start;
  row-gap: 24px;
  max-inline-size: 576px;
  font-size: 18px;
}
@media (width > 850px) {
  .c-pageHero__intro {
    -ms-grid-column: 3;
    grid-column: 3;
  }
}

.c-lineButton {
  position: fixed;
  inset-inline-end: 16px;
  inset-block-end: calc(16px + env(safe-area-inset-bottom));
  z-index: 10;
  display: -ms-grid;
  display: grid;
  place-items: center;
  inline-size: 56px;
  aspect-ratio: 1;
  border: 1px solid var(--color-border-on-dark);
  border-radius: 50%;
  background-color: var(--color-ink);
  color: var(--color-ivory);
  -webkit-box-shadow: 0 8px 24px color-mix(in srgb, var(--color-ink) 25%, transparent);
          box-shadow: 0 8px 24px color-mix(in srgb, var(--color-ink) 25%, transparent);
  opacity: 0;
  visibility: hidden;
  translate: 0 16px;
  -webkit-transition: opacity 0.35s var(--ease-out), translate 0.35s var(--ease-out), visibility 0s 0.35s;
  transition: opacity 0.35s var(--ease-out), translate 0.35s var(--ease-out), visibility 0s 0.35s;
}
.c-lineButton.is-visible {
  opacity: 1;
  visibility: visible;
  translate: 0 0;
  -webkit-transition: opacity 0.35s var(--ease-out), translate 0.35s var(--ease-out), visibility 0s;
  transition: opacity 0.35s var(--ease-out), translate 0.35s var(--ease-out), visibility 0s;
}
.c-lineButton .c-icon {
  font-size: 22px;
}
@media (width > 850px) {
  .c-lineButton {
    display: none;
  }
}

.c-formField {
  display: -ms-grid;
  display: grid;
  row-gap: 10px;
}

.c-formField__label {
  font-size: 13px;
}

.c-formField__control {
  inline-size: 100%;
  min-block-size: 56px;
  padding: 13px;
  border: 1px solid var(--color-border);
  border-radius: 0;
  background-color: transparent;
  color: var(--color-ink);
}
.c-formField__control:focus {
  outline: 1px solid var(--color-ink);
  border-color: var(--color-ink);
}
.c-formField__control[aria-invalid=true] {
  border-color: var(--color-error);
}

textarea.c-formField__control {
  resize: vertical;
}

.c-formField__error {
  color: var(--color-error);
  font-size: 14px;
}

.c-formField__hint {
  font-size: 13px;
  color: var(--color-muted);
}

.p-homeHero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-block-size: calc(100dvh - var(--height-header));
  -webkit-padding-after: 24px;
          padding-block-end: 24px;
  padding-inline: var(--padding-inline);
}
@media (pointer: fine) {
  .p-homeHero {
    position: sticky;
    inset-block-start: var(--sticky-header-offset);
  }
}
@media (pointer: coarse) {
  .p-homeHero {
    position: relative;
  }
}
@media (width > 750px) {
  .p-homeHero {
    -webkit-padding-before: 32px;
            padding-block-start: 32px;
  }
}
@media (width <= 750px) {
  .p-homeHero {
    -webkit-padding-before: 22px;
            padding-block-start: 22px;
  }
}

.p-homeHero__kicker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: var(--font-en);
  font-weight: 500;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--color-muted);
  -webkit-animation: fadeIn var(--entrance-duration) var(--ease-out) 0.1s both;
          animation: fadeIn var(--entrance-duration) var(--ease-out) 0.1s both;
}

@media (width <= 750px) {
  .p-homeHero__location {
    display: none;
  }
}

.p-homeHero__title {
  -webkit-margin-before: auto;
          margin-block-start: auto;
  line-height: 1;
  letter-spacing: -0.07em;
}
@media (width > 850px) {
  .p-homeHero__title {
    max-inline-size: 83%;
    font-size: clamp(58px, 8.5vw, 132px);
  }
}
@media (width > 750px) {
  .p-homeHero__title {
    -webkit-margin-after: 45px;
            margin-block-end: 45px;
  }
}
@media (width <= 850px) {
  .p-homeHero__title {
    font-size: clamp(55px, 10.8vw, 94px);
  }
}
@media (width <= 750px) {
  .p-homeHero__title {
    -webkit-margin-after: 32px;
            margin-block-end: 32px;
    font-size: 15.3vw;
  }
}

.p-homeHero__titleLine {
  display: block;
  -webkit-animation: fadeUp var(--entrance-duration) var(--ease-out) both;
          animation: fadeUp var(--entrance-duration) var(--ease-out) both;
}
.p-homeHero__titleLine:nth-child(1) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.p-homeHero__titleLine:nth-child(2) {
  -webkit-animation-delay: 0.32s;
          animation-delay: 0.32s;
}
.p-homeHero__titleLine:nth-child(3) {
  -webkit-animation-delay: 0.44s;
          animation-delay: 0.44s;
}

.p-homeHero__titleAccent {
  color: var(--color-muted);
}

.p-homeHero__bottom {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  position: relative;
  -webkit-padding-before: 24px;
          padding-block-start: 24px;
}
.p-homeHero__bottom::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  inset-block-start: 0;
  block-size: 1px;
  background-color: var(--color-border);
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-animation: drawLine 1.2s var(--ease-out) 0.6s both;
          animation: drawLine 1.2s var(--ease-out) 0.6s both;
}
@media (width > 850px) {
  .p-homeHero__bottom {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (width <= 850px) {
  .p-homeHero__bottom {
    row-gap: 48px;
  }
}

.p-homeHero__note {
  -webkit-animation: fadeUp var(--entrance-duration) var(--ease-out) 0.75s both;
          animation: fadeUp var(--entrance-duration) var(--ease-out) 0.75s both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
}
@media (width <= 750px) {
  .p-homeHero__note {
    display: none;
  }
}

.p-homeHero__line {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  inline-size: clamp(48px, 7vw, 112px);
  block-size: 1px;
  -webkit-margin-before: 11px;
          margin-block-start: 11px;
  background-color: var(--color-ink);
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-animation: drawLine 1s var(--ease-out) 0.9s both;
          animation: drawLine 1s var(--ease-out) 0.9s both;
}

.p-homeHero__copy {
  -webkit-animation: fadeUp var(--entrance-duration) var(--ease-out) 0.85s both;
          animation: fadeUp var(--entrance-duration) var(--ease-out) 0.85s both;
  display: -ms-grid;
  display: grid;
  row-gap: 32px;
  max-inline-size: 560px;
}
@media (width > 850px) {
  .p-homeHero__copy {
    -ms-grid-column-align: end;
        justify-self: end;
  }
}

.p-homeHero__lead {
  font-size: clamp(16px, 1.5vw, 20px);
}

.p-homeHero__tagline {
  position: absolute;
  top: 20%;
  right: var(--padding-inline);
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  -webkit-animation: fadeIn 1.2s var(--ease-out) 1s both;
          animation: fadeIn 1.2s var(--ease-out) 1s both;
  font-family: var(--font-en);
  font-weight: 500;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
@media (width <= 850px) {
  .p-homeHero__tagline {
    display: none;
  }
}

@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) and (pointer: fine) {
    .p-homeIntro {
      timeline-scope: --philosophyCover;
    }
    .p-philosophy {
      view-timeline-name: --philosophyCover;
    }
    .p-homeHero {
      -webkit-transform-origin: center top;
              transform-origin: center top;
      -webkit-animation: heroRecede linear both;
              animation: heroRecede linear both;
      animation-timeline: --philosophyCover;
      animation-range: entry 0% entry 100%;
    }
  }
}
.p-philosophy {
  position: relative;
  z-index: 1;
  -webkit-border-before: 1px solid var(--color-border);
          border-block-start: 1px solid var(--color-border);
  background-color: var(--color-ivory);
}
@media (pointer: fine) {
  .p-philosophy {
    -webkit-box-shadow: 0 -24px 48px color-mix(in srgb, var(--color-ink) 6%, transparent);
            box-shadow: 0 -24px 48px color-mix(in srgb, var(--color-ink) 6%, transparent);
  }
}

.p-philosophy__grid {
  display: -ms-grid;
  display: grid;
}
@media (width > 850px) {
  .p-philosophy__grid {
    -ms-grid-columns: 5fr 8vw 7fr;
    grid-template-columns: 5fr 7fr;
    -webkit-column-gap: 8vw;
       -moz-column-gap: 8vw;
            column-gap: 8vw;
  }
}
@media (width <= 850px) {
  .p-philosophy__grid {
    row-gap: 48px;
  }
}

.p-philosophy__title {
  font-size: clamp(38px, 4.7vw, 81px);
  letter-spacing: -0.055em;
}

.p-philosophy__body {
  display: -ms-grid;
  display: grid;
  row-gap: 16px;
  max-inline-size: 608px;
  -webkit-padding-before: 13px;
          padding-block-start: 13px;
}

.p-philosophy__text {
  max-inline-size: 496px;
  color: var(--color-muted);
}

.p-serviceList {
  -webkit-padding-before: var(--section-spacing-block);
          padding-block-start: var(--section-spacing-block);
  padding-inline: var(--padding-inline);
  background-color: var(--color-ink);
  color: var(--color-ivory);
}
@media (width > 850px) {
  .p-serviceList {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 2fr;
    grid-template-columns: 1fr 2fr;
  }
}

@media (width > 850px) {
  .p-serviceList__heading {
    position: sticky;
    inset-block-start: 48px;
    -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
    display: block;
    -webkit-margin-after: 0;
            margin-block-end: 0;
    -webkit-padding-end: 32px;
            padding-inline-end: 32px;
  }
}

@media (width > 850px) {
  .p-serviceList__care {
    grid-column: 1/-1;
  }
}

.p-serviceList__item {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-before: 1px solid var(--color-border-on-dark);
          border-block-start: 1px solid var(--color-border-on-dark);
  -webkit-transition: color 0.3s, -webkit-padding-start 0.3s;
  transition: color 0.3s, -webkit-padding-start 0.3s;
  transition: padding-inline-start 0.3s, color 0.3s;
  transition: padding-inline-start 0.3s, color 0.3s, -webkit-padding-start 0.3s;
}
@media (width > 850px) {
  .p-serviceList__item {
    -ms-grid-columns: 1fr 8fr 1fr;
    grid-template-columns: 1fr 8fr 1fr;
  }
}
@media (width <= 850px) {
  .p-serviceList__item {
    -ms-grid-columns: 48px 1fr auto;
    grid-template-columns: 48px 1fr auto;
  }
}
@media (width > 750px) {
  .p-serviceList__item {
    min-block-size: 152px;
  }
}
@media (width <= 750px) {
  .p-serviceList__item {
    min-block-size: 120px;
  }
}
@media (any-hover: hover) {
  .p-serviceList__item:hover {
    -webkit-padding-start: 16px;
            padding-inline-start: 16px;
    color: var(--color-sand);
  }
}

.p-serviceList__number {
  font-family: var(--font-en);
  font-weight: 500;
  font-size: 10px;
  color: var(--color-stone);
}

.p-serviceList__text {
  display: -ms-grid;
  display: grid;
  row-gap: 11px;
}

.p-serviceList__title {
  font-family: var(--font-en);
  line-height: 1;
  letter-spacing: -0.055em;
}
@media (width > 750px) {
  .p-serviceList__title {
    font-size: clamp(29px, 3.6vw, 58px);
  }
}
@media (width <= 750px) {
  .p-serviceList__title {
    font-size: 26px;
  }
}

.p-serviceList__description {
  color: var(--color-stone);
}
@media (width <= 750px) {
  .p-serviceList__description {
    font-size: 13px;
  }
}

.p-serviceList__arrow {
  -ms-grid-column-align: end;
      justify-self: end;
  display: -ms-grid;
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  border: 1px solid var(--color-border-on-dark);
  border-radius: 50%;
  -webkit-transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.p-serviceList__arrow .c-icon {
  -webkit-transition: rotate 0.3s var(--ease-out);
  transition: rotate 0.3s var(--ease-out);
}
@media (any-hover: hover) {
  .p-serviceList__item:hover .p-serviceList__arrow {
    border-color: var(--color-ivory);
    background-color: var(--color-ivory);
    color: var(--color-ink);
  }
  .p-serviceList__item:hover .p-serviceList__arrow .c-icon {
    rotate: -45deg;
  }
}
@media (width > 750px) {
  .p-serviceList__arrow {
    inline-size: 51px;
  }
}
@media (width <= 750px) {
  .p-serviceList__arrow {
    inline-size: 40px;
  }
}

.p-serviceList__care {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-margin-before: 64px;
          margin-block-start: 64px;
  margin-inline: calc(var(--padding-inline) * -1);
  padding-inline: var(--padding-inline);
  background-color: var(--color-sand);
  color: var(--color-ink);
}
@media (width > 850px) {
  .p-serviceList__care {
    -ms-grid-columns: 1.2fr 48px 1fr 48px auto;
    grid-template-columns: 1.2fr 1fr auto;
    -webkit-column-gap: 48px;
       -moz-column-gap: 48px;
            column-gap: 48px;
  }
}
@media (width <= 850px) {
  .p-serviceList__care {
    -ms-grid-columns: 1fr 48px auto;
    grid-template-columns: 1fr auto;
    gap: 32px 48px;
  }
}
@media (width > 750px) {
  .p-serviceList__care {
    padding-block: 40px;
  }
}
@media (width <= 750px) {
  .p-serviceList__care {
    padding-block: 32px;
  }
}

.p-serviceList__careLabel {
  font-family: var(--font-en);
  font-weight: 600;
  font-size: 10px;
  letter-spacing: 0.15em;
}

.p-serviceList__careTitle {
  -webkit-margin-before: 10px;
          margin-block-start: 10px;
  font-family: var(--font-en);
  font-size: clamp(22px, 2.2vw, 40px);
  line-height: 1;
}

.p-serviceList__careText {
  max-inline-size: 512px;
  color: var(--color-muted);
}
@media (width <= 850px) {
  .p-serviceList__careText {
    grid-column: 1/-1;
    -ms-grid-row: 2;
    grid-row: 2;
  }
}

.p-serviceList__careLink {
  display: -ms-grid;
  display: grid;
  place-items: center;
  inline-size: 48px;
  aspect-ratio: 1;
  border: 1px solid var(--color-ink);
  border-radius: 50%;
  -webkit-transition: background-color var(--base-transition), color var(--base-transition);
  transition: background-color var(--base-transition), color var(--base-transition);
}
.p-serviceList__careLink .c-icon {
  -webkit-transition: rotate 0.3s var(--ease-out);
  transition: rotate 0.3s var(--ease-out);
}
@media (any-hover: hover) {
  .p-serviceList__careLink:hover {
    background-color: var(--color-ink);
    color: var(--color-sand);
  }
  .p-serviceList__careLink:hover .c-icon {
    rotate: -45deg;
  }
}

.p-principles {
  display: -ms-grid;
  display: grid;
  -webkit-border-before: 1px solid var(--color-border);
          border-block-start: 1px solid var(--color-border);
}
@media (width > 850px) {
  .p-principles {
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (width <= 850px) {
  .p-principles {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (width <= 750px) {
  .p-principles {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.p-principles__item {
  padding-block: 21px 48px;
  padding-inline: 21px;
}
@media (width > 850px) {
  .p-principles__item {
    min-block-size: 272px;
  }
  .p-principles__item:first-child {
    -webkit-padding-start: 0;
            padding-inline-start: 0;
  }
  .p-principles__item:not(:last-child) {
    -webkit-border-end: 1px solid var(--color-border);
            border-inline-end: 1px solid var(--color-border);
  }
}
@media (width <= 850px) and (width > 750px) {
  .p-principles__item {
    min-block-size: 272px;
    -webkit-border-after: 1px solid var(--color-border);
            border-block-end: 1px solid var(--color-border);
  }
  .p-principles__item:nth-child(odd) {
    -webkit-padding-start: 0;
            padding-inline-start: 0;
  }
  .p-principles__item:nth-child(odd):not(:last-child) {
    -webkit-border-end: 1px solid var(--color-border);
            border-inline-end: 1px solid var(--color-border);
  }
  .p-principles__item:last-child {
    grid-column: 1/-1;
  }
}
@media (width <= 750px) {
  .p-principles__item {
    min-block-size: 208px;
    padding-inline: 0;
    -webkit-border-after: 1px solid var(--color-border);
            border-block-end: 1px solid var(--color-border);
  }
}

.p-principles__number {
  font-family: var(--font-en);
  font-weight: 500;
  font-size: 10px;
  color: var(--color-muted);
}

.p-principles__title {
  -webkit-margin-after: 16px;
          margin-block-end: 16px;
  font-family: var(--font-en);
  font-weight: 500;
  font-size: 17px;
  line-height: 1.2;
}
@media (width > 750px) {
  .p-principles__title {
    -webkit-margin-before: 80px;
            margin-block-start: 80px;
  }
}
@media (width <= 750px) {
  .p-principles__title {
    -webkit-margin-before: 48px;
            margin-block-start: 48px;
  }
}

.p-principles__text {
  -webkit-padding-end: 16px;
          padding-inline-end: 16px;
  font-size: 14px;
  color: var(--color-muted);
}

.p-process {
  background-color: var(--color-sand);
}

.p-process__list {
  display: -ms-grid;
  display: grid;
  -webkit-border-before: 1px solid var(--color-stone);
          border-block-start: 1px solid var(--color-stone);
}
@media (width > 750px) {
  .p-process__list {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}

.p-process__item {
  min-block-size: 208px;
  padding-block: 24px 56px;
  -webkit-border-after: 1px solid var(--color-stone);
          border-block-end: 1px solid var(--color-stone);
}
@media (width > 750px) {
  .p-process__item {
    -webkit-padding-end: 32px;
            padding-inline-end: 32px;
    -webkit-border-end: 1px solid var(--color-stone);
            border-inline-end: 1px solid var(--color-stone);
  }
  .p-process__item:not(:nth-child(3n+1)) {
    -webkit-padding-start: 32px;
            padding-inline-start: 32px;
  }
  .p-process__item:nth-child(3n) {
    -webkit-border-end: 0;
            border-inline-end: 0;
  }
}

.p-process__number {
  font-family: var(--font-en);
  font-weight: 500;
  font-size: 10px;
  color: var(--color-muted);
}

.p-process__title {
  margin-block: 48px 16px;
  font-family: var(--font-en);
  font-weight: 500;
  font-size: 24px;
}

.p-process__text {
  max-inline-size: 256px;
  color: var(--color-muted);
}

.p-process__checks {
  display: -ms-grid;
  display: grid;
  row-gap: 16px;
  -webkit-margin-before: 48px;
          margin-block-start: 48px;
}
@media (width > 850px) {
  .p-process__checks {
    -ms-grid-columns: 1fr 2fr;
    grid-template-columns: 1fr 2fr;
  }
}

.p-process__checksTitle {
  font-family: var(--font-en), var(--font-sans);
  font-weight: 500;
  font-size: 17px;
}

.p-process__checksList {
  display: -ms-grid;
  display: grid;
  gap: 8px 32px;
}
@media (width > 750px) {
  .p-process__checksList {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
.p-process__checksList li {
  padding-block: 10px;
  -webkit-border-before: 1px solid var(--color-stone);
          border-block-start: 1px solid var(--color-stone);
}
.p-process__checksList li::before {
  content: "✓  ";
  color: var(--color-muted);
}

.p-splitFeature {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-border-after: 1px solid var(--color-border);
          border-block-end: 1px solid var(--color-border);
}
@media (width > 850px) {
  .p-splitFeature {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

.p-splitFeature__number {
  font-family: var(--font-en);
  font-size: clamp(86px, 14.4vw, 230px);
  line-height: 0.75;
  letter-spacing: -0.1em;
  color: var(--color-sand);
}
@media (width <= 850px) {
  .p-splitFeature__number {
    display: none;
  }
}

.p-splitFeature__title {
  font-size: clamp(40px, 4.5vw, 72px);
  letter-spacing: -0.055em;
}

.p-splitFeature__text {
  max-inline-size: 544px;
  margin-block: 32px;
  color: var(--color-muted);
}

.p-careSection {
  display: -ms-grid;
  display: grid;
  background-color: var(--color-ink);
  color: var(--color-ivory);
}
@media (width > 850px) {
  .p-careSection {
    -ms-grid-columns: 1fr 6vw 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 6vw;
       -moz-column-gap: 6vw;
            column-gap: 6vw;
  }
}
@media (width <= 850px) {
  .p-careSection {
    row-gap: 48px;
  }
}

.p-careSection__title {
  font-size: clamp(40px, 4.5vw, 72px);
  letter-spacing: -0.055em;
}

.p-careSection__body {
  display: -ms-grid;
  display: grid;
  row-gap: 16px;
}
@media (width > 850px) {
  .p-careSection__body {
    -webkit-padding-before: 64px;
            padding-block-start: 64px;
  }
}

.p-careSection__text {
  max-inline-size: 544px;
  color: var(--color-stone);
}

.p-careSection__list {
  -webkit-padding-before: 16px;
          padding-block-start: 16px;
}
.p-careSection__list li {
  padding-block: 16px;
  -webkit-border-before: 1px solid var(--color-border-on-dark);
          border-block-start: 1px solid var(--color-border-on-dark);
}

.p-serviceEditorial {
  display: -ms-grid;
  display: grid;
  padding-block: 48px 96px;
  -webkit-border-before: 1px solid var(--color-border);
          border-block-start: 1px solid var(--color-border);
}
.p-serviceEditorial:last-child {
  -webkit-border-after: 1px solid var(--color-border);
          border-block-end: 1px solid var(--color-border);
}
@media (width > 850px) {
  .p-serviceEditorial {
    -ms-grid-columns: 1fr 2fr;
    grid-template-columns: 1fr 2fr;
  }
}
@media (width <= 850px) {
  .p-serviceEditorial {
    row-gap: 32px;
  }
}

.p-serviceEditorial__number {
  font-family: var(--font-en);
  font-weight: 500;
  font-size: 10px;
  color: var(--color-muted);
}

.p-serviceEditorial__title {
  max-inline-size: 800px;
  -webkit-margin-after: 24px;
          margin-block-end: 24px;
  letter-spacing: -0.055em;
}
@media (width > 750px) {
  .p-serviceEditorial__title {
    font-size: clamp(38px, 4.5vw, 72px);
  }
}
@media (width <= 750px) {
  .p-serviceEditorial__title {
    font-size: 38px;
  }
}

.p-serviceEditorial__intro {
  max-inline-size: 640px;
  font-size: 18px;
}

.p-serviceEditorial__specs {
  max-inline-size: 704px;
  margin-block: 48px;
}

.p-serviceEditorial__spec {
  display: -ms-grid;
  display: grid;
  padding-block: 18px;
  -webkit-border-before: 1px solid var(--color-border);
          border-block-start: 1px solid var(--color-border);
}
.p-serviceEditorial__spec dt {
  color: var(--color-muted);
}
@media (width > 750px) {
  .p-serviceEditorial__spec {
    -ms-grid-columns: 144px 1fr;
    grid-template-columns: 144px 1fr;
  }
}
@media (width <= 750px) {
  .p-serviceEditorial__spec {
    row-gap: 6px;
  }
}

.p-hostingCallout {
  display: -ms-grid;
  display: grid;
  background-color: var(--color-sand);
}
@media (width > 850px) {
  .p-hostingCallout {
    -ms-grid-columns: 1fr 2fr;
    grid-template-columns: 1fr 2fr;
  }
}
@media (width <= 850px) {
  .p-hostingCallout {
    row-gap: 32px;
  }
}

.p-hostingCallout__title {
  -webkit-margin-after: 24px;
          margin-block-end: 24px;
  font-family: var(--font-en);
  font-size: clamp(43px, 5.4vw, 86px);
  line-height: 0.95;
  letter-spacing: -0.06em;
}

.p-hostingCallout__text {
  max-inline-size: 608px;
  -webkit-margin-after: 32px;
          margin-block-end: 32px;
  color: var(--color-muted);
}

.p-detailOverview {
  display: -ms-grid;
  display: grid;
}
@media (width > 850px) {
  .p-detailOverview {
    -ms-grid-columns: 1fr 8vw 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 8vw;
       -moz-column-gap: 8vw;
            column-gap: 8vw;
  }
}
@media (width <= 850px) {
  .p-detailOverview {
    row-gap: 48px;
  }
}

.p-detailOverview__title {
  font-size: clamp(40px, 4.5vw, 72px);
  letter-spacing: -0.055em;
}

.p-detailOverview__fact {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 128px 1fr;
  grid-template-columns: 128px 1fr;
  padding-block: 19px 32px;
  -webkit-border-before: 1px solid var(--color-border);
          border-block-start: 1px solid var(--color-border);
}
.p-detailOverview__fact dt {
  font-size: 14px;
  color: var(--color-muted);
}
.p-detailOverview__fact dd {
  font-size: 17px;
}

.p-included {
  background-color: var(--color-sand);
}

.p-included__list {
  display: -ms-grid;
  display: grid;
}
@media (width > 850px) {
  .p-included__list {
    -webkit-margin-start: 33.3333333333%;
            margin-inline-start: 33.3333333333%;
  }
}
@media (width > 750px) {
  .p-included__list {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

.p-included__item {
  display: -ms-grid;
  display: grid;
  -ms-flex-line-pack: start;
      align-content: start;
  row-gap: 16px;
  min-block-size: 128px;
  padding-block: 16px;
  -webkit-padding-end: 24px;
          padding-inline-end: 24px;
  -webkit-border-before: 1px solid var(--color-stone);
          border-block-start: 1px solid var(--color-stone);
}

.p-included__number {
  font-family: var(--font-en);
  font-weight: 500;
  font-size: 10px;
  color: var(--color-muted);
}

.p-included__text {
  font-size: 18px;
}

.p-included__notice {
  display: -ms-grid;
  display: grid;
  -webkit-margin-before: 64px;
          margin-block-start: 64px;
  -webkit-padding-before: 24px;
          padding-block-start: 24px;
  -webkit-border-before: 1px solid var(--color-stone);
          border-block-start: 1px solid var(--color-stone);
}
@media (width > 850px) {
  .p-included__notice {
    -webkit-margin-start: 33.3333333333%;
            margin-inline-start: 33.3333333333%;
  }
}
@media (width > 750px) {
  .p-included__notice {
    -ms-grid-columns: 1fr 3fr;
    grid-template-columns: 1fr 3fr;
  }
}
@media (width <= 750px) {
  .p-included__notice {
    row-gap: 16px;
  }
}
.p-included__notice a {
  text-decoration: underline;
}

.p-miniTerms {
  display: -ms-grid;
  display: grid;
}
@media (width > 750px) {
  .p-miniTerms {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}

.p-miniTerms__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  row-gap: 16px;
  min-block-size: 160px;
  padding: 24px;
  -webkit-border-before: 1px solid var(--color-border);
          border-block-start: 1px solid var(--color-border);
}
@media (width > 750px) {
  .p-miniTerms__item {
    -webkit-border-end: 1px solid var(--color-border);
            border-inline-end: 1px solid var(--color-border);
  }
}

.p-miniTerms__label {
  font-size: 14px;
  color: var(--color-muted);
}

.p-miniTerms__value {
  font-family: var(--font-en);
  font-weight: 400;
  font-size: 29px;
}

.p-miniTerms__note {
  color: var(--color-muted);
}

.p-annualOffer {
  display: -ms-grid;
  display: grid;
}
@media (width > 850px) {
  .p-annualOffer {
    -ms-grid-columns: 1fr 8vw 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 8vw;
       -moz-column-gap: 8vw;
            column-gap: 8vw;
  }
}
@media (width <= 850px) {
  .p-annualOffer {
    row-gap: 48px;
  }
}

.p-annualOffer__price {
  -webkit-margin-after: 16px;
          margin-block-end: 16px;
  font-family: var(--font-en);
  font-size: clamp(58px, 7.2vw, 115px);
  line-height: 1;
  letter-spacing: -0.07em;
}

.p-annualOffer__unit {
  font-size: 16px;
  letter-spacing: 0;
}

.p-annualOffer__heading {
  -webkit-margin-after: 32px;
          margin-block-end: 32px;
  font-family: var(--font-en);
  font-weight: 500;
  font-size: 16px;
}

.p-annualOffer__list li {
  padding-block: 16px;
  -webkit-border-before: 1px solid var(--color-border);
          border-block-start: 1px solid var(--color-border);
}

.p-caveats {
  background-color: var(--color-sand);
}

.p-caveats__body {
  display: -ms-grid;
  display: grid;
}
@media (width > 850px) {
  .p-caveats__body {
    -webkit-margin-start: 33.3333333333%;
            margin-inline-start: 33.3333333333%;
  }
}
@media (width > 750px) {
  .p-caveats__body {
    -ms-grid-columns: 1fr 64px 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 64px;
       -moz-column-gap: 64px;
            column-gap: 64px;
  }
}
@media (width <= 750px) {
  .p-caveats__body {
    row-gap: 16px;
  }
}

.p-priceCards {
  display: -ms-grid;
  display: grid;
  gap: 1px;
  border: 1px solid var(--color-border);
  background-color: var(--color-border);
}
@media (width > 850px) {
  .p-priceCards {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

.p-priceCards__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-block-size: 608px;
  background-color: var(--color-ivory);
}
@media (width > 750px) {
  .p-priceCards__card {
    padding: 32px;
  }
}
@media (width <= 750px) {
  .p-priceCards__card {
    padding: 21px;
  }
}

.p-priceCards__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: var(--font-en);
  font-weight: 500;
  font-size: 11px;
  text-transform: uppercase;
}

.p-priceCards__price {
  margin-block: 64px 24px;
  font-family: var(--font-en);
  font-size: clamp(32px, 3.6vw, 58px);
  line-height: 1;
  letter-spacing: -0.055em;
}

.p-priceCards__unit {
  font-size: 13px;
  letter-spacing: 0;
}

.p-priceCards__fit {
  display: -ms-grid;
  display: grid;
  row-gap: 6px;
  max-inline-size: 560px;
  -webkit-margin-after: 32px;
          margin-block-end: 32px;
}

.p-priceCards__fitLabel,
.p-priceCards__listTitle {
  font-family: var(--font-en), var(--font-sans);
  font-weight: 500;
  font-size: 12px;
  color: var(--color-muted);
}

.p-priceCards__list {
  margin-block: 8px 24px;
}
.p-priceCards__list li {
  padding-block: 12px;
  -webkit-border-before: 1px solid var(--color-border);
          border-block-start: 1px solid var(--color-border);
}

.p-priceCards__list--excluded {
  -webkit-margin-after: 32px;
          margin-block-end: 32px;
  font-size: 14px;
  color: var(--color-muted);
}
.p-priceCards__list--excluded li {
  padding-block: 8px;
}
.p-priceCards__list--excluded li::before {
  content: "— ";
}

.p-priceCards__actions {
  display: -ms-grid;
  display: grid;
  justify-items: center;
  row-gap: 16px;
  -webkit-margin-before: auto;
          margin-block-start: auto;
}

.p-priceCards__button {
  inline-size: 100%;
}

.p-priceCards__detailLink {
  font-size: 14px;
  text-decoration: underline;
  text-underline-offset: 4px;
  -webkit-transition: opacity var(--base-transition);
  transition: opacity var(--base-transition);
}
@media (any-hover: hover) {
  .p-priceCards__detailLink:hover {
    opacity: 0.6;
  }
}

@media (width > 750px) {
  .p-comparison {
    overflow-x: auto;
  }
}

.p-comparison__table {
  inline-size: 100%;
  border-collapse: collapse;
}
.p-comparison__table th,
.p-comparison__table td {
  font-weight: 300;
  text-align: start;
}
@media (width > 750px) {
  .p-comparison__table {
    min-inline-size: 780px;
  }
  .p-comparison__table th,
  .p-comparison__table td {
    padding-block: 21px;
    padding-inline: 16px;
    -webkit-border-before: 1px solid var(--color-border);
            border-block-start: 1px solid var(--color-border);
  }
  .p-comparison__table thead th {
    font-family: var(--font-en);
    font-weight: 500;
    font-size: 11px;
  }
  .p-comparison__table tbody th {
    color: var(--color-muted);
  }
}
@media (width <= 750px) {
  .p-comparison__table thead {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }
  .p-comparison__table tbody,
  .p-comparison__table tr,
  .p-comparison__table th,
  .p-comparison__table td {
    display: block;
  }
  .p-comparison__table tr {
    padding-block: 20px;
    -webkit-border-before: 1px solid var(--color-border);
            border-block-start: 1px solid var(--color-border);
  }
  .p-comparison__table tbody th {
    -webkit-margin-after: 12px;
            margin-block-end: 12px;
    font-weight: 500;
  }
  .p-comparison__table td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
    padding-block: 6px;
    font-size: 14px;
  }
  .p-comparison__table td::before {
    content: attr(data-label);
    color: var(--color-muted);
  }
}

.p-seoScope__body {
  display: -ms-grid;
  display: grid;
  row-gap: 32px;
}
@media (width > 850px) {
  .p-seoScope__body {
    -webkit-margin-start: 33.3333333333%;
            margin-inline-start: 33.3333333333%;
  }
}

.p-seoScope__list {
  display: -ms-grid;
  display: grid;
}
@media (width > 750px) {
  .p-seoScope__list {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}

.p-seoScope__item {
  display: -ms-grid;
  display: grid;
  -ms-flex-line-pack: start;
      align-content: start;
  row-gap: 12px;
  padding-block: 24px 32px;
  -webkit-border-before: 1px solid var(--color-border);
          border-block-start: 1px solid var(--color-border);
}
@media (width > 750px) {
  .p-seoScope__item {
    -webkit-padding-end: 24px;
            padding-inline-end: 24px;
  }
  .p-seoScope__item + .p-seoScope__item {
    -webkit-padding-start: 24px;
            padding-inline-start: 24px;
    -webkit-border-start: 1px solid var(--color-border);
            border-inline-start: 1px solid var(--color-border);
  }
}

.p-seoScope__scope {
  font-family: var(--font-en);
  font-weight: 500;
  font-size: 11px;
  text-transform: uppercase;
  color: var(--color-muted);
}

.p-seoScope__title {
  font-family: var(--font-en);
  font-weight: 500;
  font-size: 22px;
}

.p-seoScope__text {
  font-size: 15px;
  color: var(--color-muted);
}

.p-seoScope__note {
  max-inline-size: 720px;
  -webkit-padding-before: 24px;
          padding-block-start: 24px;
  -webkit-border-before: 1px solid var(--color-border);
          border-block-start: 1px solid var(--color-border);
  font-size: 15px;
  color: var(--color-muted);
}

.p-payment {
  background-color: var(--color-sand);
}

.p-payment__body {
  display: -ms-grid;
  display: grid;
  row-gap: 64px;
}
@media (width > 850px) {
  .p-payment__body {
    -webkit-margin-start: 33.3333333333%;
            margin-inline-start: 33.3333333333%;
  }
}

.p-payment__steps {
  display: -ms-grid;
  display: grid;
}
@media (width > 750px) {
  .p-payment__steps {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

.p-payment__step {
  padding-block: 24px 48px;
  -webkit-border-before: 1px solid var(--color-stone);
          border-block-start: 1px solid var(--color-stone);
}
@media (width > 750px) {
  .p-payment__step {
    -webkit-padding-end: 48px;
            padding-inline-end: 48px;
  }
  .p-payment__step + .p-payment__step {
    -webkit-padding-start: 48px;
            padding-inline-start: 48px;
    -webkit-border-start: 1px solid var(--color-stone);
            border-inline-start: 1px solid var(--color-stone);
  }
}

.p-payment__percent {
  font-family: var(--font-en);
  font-size: clamp(58px, 7.2vw, 115px);
  line-height: 1;
  letter-spacing: -0.07em;
}

.p-payment__stepTitle {
  margin-block: 32px 16px;
}

.p-payment__example {
  padding-block: 14px;
  -webkit-border-before: 1px solid var(--color-stone);
          border-block-start: 1px solid var(--color-stone);
}
.p-payment__example dd {
  font-weight: 500;
}
@media (width > 750px) {
  .p-payment__example {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-column-gap: 24px;
       -moz-column-gap: 24px;
            column-gap: 24px;
  }
}

.p-annualPrice {
  display: -ms-grid;
  display: grid;
  background-color: var(--color-ink);
  color: var(--color-ivory);
}
@media (width > 850px) {
  .p-annualPrice {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (width <= 850px) {
  .p-annualPrice {
    row-gap: 32px;
  }
}

.p-annualPrice__title {
  font-size: clamp(38px, 4.5vw, 72px);
  letter-spacing: -0.055em;
}

.p-annualPrice__price {
  font-family: var(--font-en);
  font-size: clamp(43px, 5.4vw, 86px);
  line-height: 1;
}

.p-annualPrice__unit {
  font-size: 16px;
}

.p-annualPrice__text {
  max-inline-size: 544px;
  margin-block: 32px;
  color: var(--color-stone);
}

@media (width > 850px) {
  .p-addons {
    -webkit-margin-start: 33.3333333333%;
            margin-inline-start: 33.3333333333%;
  }
}

.p-addons__item {
  display: -ms-grid;
  display: grid;
  gap: 32px 48px;
  padding-block: 32px;
  border-block: 1px solid var(--color-border);
}
.p-addons__item + .p-addons__item {
  -webkit-border-before: 0;
          border-block-start: 0;
}
@media (width > 750px) {
  .p-addons__item {
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
}

.p-addons__label {
  -webkit-margin-after: 16px;
          margin-block-end: 16px;
  font-family: var(--font-en);
  font-weight: 500;
  font-size: 11px;
  text-transform: uppercase;
  color: var(--color-muted);
}

.p-addons__title {
  -webkit-margin-after: 16px;
          margin-block-end: 16px;
  font-size: clamp(26px, 2.6vw, 40px);
  letter-spacing: -0.03em;
}

.p-addons__text {
  max-inline-size: 560px;
  color: var(--color-muted);
}

.p-addons__side {
  display: -ms-grid;
  display: grid;
  justify-items: start;
  row-gap: 16px;
}

.p-addons__price {
  font-size: 18px;
}

.p-manifesto {
  max-inline-size: 960px;
  line-height: 1.25;
  letter-spacing: -0.04em;
}
@media (width > 850px) {
  .p-manifesto {
    -webkit-margin-start: 33.3333333333%;
            margin-inline-start: 33.3333333333%;
  }
}
@media (width > 750px) {
  .p-manifesto {
    font-size: clamp(38px, 4.5vw, 75px);
  }
}
@media (width <= 750px) {
  .p-manifesto {
    font-size: 34px;
  }
}

.p-aboutValuesSection {
  -webkit-padding-before: 0;
          padding-block-start: 0;
}

.p-aboutValues {
  display: -ms-grid;
  display: grid;
  gap: 1px;
  border: 1px solid var(--color-border);
  background-color: var(--color-border);
}
@media (width > 750px) {
  .p-aboutValues {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

.p-aboutValues__item {
  padding: 32px;
  background-color: var(--color-ivory);
}
@media (width > 750px) {
  .p-aboutValues__item {
    min-block-size: 352px;
  }
}
@media (width <= 750px) {
  .p-aboutValues__item {
    min-block-size: 288px;
  }
}

.p-aboutValues__number {
  font-family: var(--font-en);
  font-weight: 500;
  font-size: 10px;
  color: var(--color-muted);
}

.p-aboutValues__title {
  margin-block: 80px 16px;
  font-family: var(--font-en);
  font-size: 36px;
}

.p-aboutValues__text {
  max-inline-size: 512px;
  color: var(--color-muted);
}

.p-insightsEmpty {
  display: -ms-grid;
  display: grid;
}
@media (width > 850px) {
  .p-insightsEmpty {
    -ms-grid-columns: 1fr 2fr;
    grid-template-columns: 1fr 2fr;
  }
}

.p-insightsEmpty__body {
  display: -ms-grid;
  display: grid;
  justify-items: start;
}

.p-insightsEmpty__number {
  font-family: var(--font-en);
  font-size: clamp(72px, 9vw, 144px);
  line-height: 1;
  color: var(--color-sand);
}

.p-insightsEmpty__title {
  -webkit-margin-before: -32px;
          margin-block-start: -32px;
  font-size: clamp(43px, 4.5vw, 72px);
  letter-spacing: -0.055em;
}

.p-insightsEmpty__text {
  max-inline-size: 576px;
  margin-block: 32px;
  color: var(--color-muted);
}

.p-insightsEmpty__topics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  -webkit-margin-before: 80px;
          margin-block-start: 80px;
}
.p-insightsEmpty__topics li {
  padding-block: 10px;
  padding-inline: 14px;
  border: 1px solid var(--color-border);
  font-family: var(--font-en);
  font-weight: 500;
  font-size: 11px;
}
@media (width > 850px) {
  .p-insightsEmpty__topics {
    -ms-grid-column: 2;
    grid-column: 2;
  }
}

.p-contact {
  display: -ms-grid;
  display: grid;
}
@media (width > 850px) {
  .p-contact {
    -ms-grid-columns: 1fr 7vw 2fr;
    grid-template-columns: 1fr 2fr;
    -webkit-column-gap: 7vw;
       -moz-column-gap: 7vw;
            column-gap: 7vw;
  }
}
@media (width <= 850px) {
  .p-contact {
    row-gap: 48px;
  }
}

.p-contact__channel {
  display: block;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  font-family: var(--font-en);
  line-height: 1.4;
  letter-spacing: -0.04em;
  overflow-wrap: anywhere;
  background: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor)) left bottom/0 1px no-repeat;
  background: linear-gradient(currentColor, currentColor) left bottom/0 1px no-repeat;
  -webkit-transition: background-size 0.4s var(--ease-out);
  transition: background-size 0.4s var(--ease-out);
}
@media (any-hover: hover) {
  .p-contact__channel:hover {
    background-size: 100% 1px;
  }
}
@media (width > 750px) {
  .p-contact__channel {
    font-size: clamp(20px, 2.2vw, 36px);
  }
}
@media (width <= 750px) {
  .p-contact__channel {
    font-size: 21px;
  }
}

.p-contact__info {
  -webkit-margin-before: 64px;
          margin-block-start: 64px;
}

.p-contact__infoRow {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  padding-block: 16px;
  -webkit-border-before: 1px solid var(--color-border);
          border-block-start: 1px solid var(--color-border);
}

.p-contact__note {
  max-inline-size: 320px;
  -webkit-margin-before: 32px;
          margin-block-start: 32px;
  font-size: 13px;
  color: var(--color-muted);
}

.p-contact__form {
  display: -ms-grid;
  display: grid;
  row-gap: 24px;
  -ms-flex-line-pack: start;
      align-content: start;
}

.p-contact__row {
  display: -ms-grid;
  display: grid;
  gap: 24px;
}
@media (width > 750px) {
  .p-contact__row {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

.p-contact__rowHint {
  grid-column: 1/-1;
  -webkit-margin-before: -12px;
          margin-block-start: -12px;
}

.p-contact__status {
  padding: 16px;
  border: 1px solid var(--color-error);
  color: var(--color-error);
}

.p-contact__consent {
  display: -ms-grid;
  display: grid;
  row-gap: 10px;
}

.p-contact__check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 13px;
     -moz-column-gap: 13px;
          column-gap: 13px;
  font-size: 14px;
  line-height: 1.5;
  cursor: pointer;
}
.p-contact__check input {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  inline-size: 19px;
  block-size: 19px;
  margin: 0;
  accent-color: var(--color-ink);
}
.p-contact__check a {
  text-decoration: underline;
  white-space: nowrap;
  -webkit-transition: opacity var(--base-transition);
  transition: opacity var(--base-transition);
}
@media (any-hover: hover) {
  .p-contact__check a:hover {
    opacity: 0.6;
  }
}

.p-contact__submit {
  inline-size: 100%;
  min-block-size: 64px;
}
.p-contact__submit:disabled {
  opacity: 0.6;
  cursor: wait;
}

.p-statusPage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: 24px;
  min-block-size: 75dvh;
  padding-block: clamp(80px, 10vw, 160px);
  padding-inline: var(--padding-inline);
}
.p-statusPage > * {
  -webkit-animation: fadeUp var(--entrance-duration) var(--ease-out) both;
          animation: fadeUp var(--entrance-duration) var(--ease-out) both;
}
.p-statusPage > :nth-child(1) {
  -webkit-animation-delay: 0.22s;
          animation-delay: 0.22s;
}
.p-statusPage > :nth-child(2) {
  -webkit-animation-delay: 0.34s;
          animation-delay: 0.34s;
}
.p-statusPage > :nth-child(3) {
  -webkit-animation-delay: 0.46s;
          animation-delay: 0.46s;
}
.p-statusPage > :nth-child(4) {
  -webkit-animation-delay: 0.58s;
          animation-delay: 0.58s;
}
.p-statusPage > :nth-child(5) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.p-statusPage .c-eyebrow {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

.p-statusPage__mark {
  display: -ms-grid;
  display: grid;
  place-items: center;
  inline-size: 64px;
  aspect-ratio: 1;
  -webkit-margin-after: 24px;
          margin-block-end: 24px;
  border: 1px solid var(--color-ink);
  border-radius: 50%;
  font-size: 24px;
}

.p-statusPage__title {
  font-size: clamp(58px, 8.1vw, 130px);
  letter-spacing: -0.07em;
}

.p-statusPage__text {
  max-inline-size: 672px;
}

.p-legal {
  display: -ms-grid;
  display: grid;
}
@media (width > 850px) {
  .p-legal {
    -ms-grid-columns: 1fr 2fr;
    grid-template-columns: 1fr 2fr;
  }
}
@media (width <= 850px) {
  .p-legal {
    row-gap: 32px;
  }
}

.p-legal__meta p {
  color: var(--color-muted);
}

.p-legal__article {
  display: -ms-grid;
  display: grid;
  row-gap: 16px;
  padding-block: 24px 48px;
  -webkit-border-before: 1px solid var(--color-border);
          border-block-start: 1px solid var(--color-border);
}
.p-legal__article p {
  max-inline-size: 720px;
  color: var(--color-muted);
}
.p-legal__article a {
  text-decoration: underline;
  -webkit-transition: opacity var(--base-transition);
  transition: opacity var(--base-transition);
}
@media (any-hover: hover) {
  .p-legal__article a:hover {
    opacity: 0.6;
  }
}

.p-legal__heading {
  font-size: 21px;
}

.u-nowrap {
  white-space: nowrap;
}

.has-js [data-reveal] {
  --reveal-distance: 32px;
  --reveal-duration: var(--entrance-duration);
  opacity: 0;
  translate: 0 var(--reveal-distance);
  -webkit-transition: opacity var(--reveal-duration) var(--ease-out) var(--reveal-delay, 0s), translate var(--reveal-duration) var(--ease-out) var(--reveal-delay, 0s);
  transition: opacity var(--reveal-duration) var(--ease-out) var(--reveal-delay, 0s), translate var(--reveal-duration) var(--ease-out) var(--reveal-delay, 0s);
}
@media (pointer: coarse) {
  .has-js [data-reveal] {
    --reveal-distance: 12px;
    --reveal-duration: .5s;
  }
}
.has-js [data-reveal].is-revealed {
  opacity: 1;
  translate: 0 0;
}

@media (width > 750px) {
  .u-sp {
    display: none;
  }
}

@media (width <= 750px) {
  .u-pc {
    display: none;
  }
}

.u-visuallyHidden {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}