@charset "UTF-8";
/* line 1, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-body {
  margin: 0;
  min-height: 100vh;
  background: radial-gradient(circle at 14% 10%, rgba(142, 112, 56, 0.16), transparent 24%), radial-gradient(circle at 86% 22%, rgba(120, 54, 74, 0.14), transparent 20%), linear-gradient(180deg, #070b12 0%, #0e1520 100%);
}

/* line 10, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-rich-text.takibi-lexxy.lexxy-content {
  --lexxy-color-text: currentColor;
  --lexxy-color-link: var(--group-landing-link-color, currentColor);
  --takibi-heading-accent: var(--group-landing-link-color, var(--landing-activity-accent, currentColor));
  --takibi-heading-accent-soft: var(--landing-activity-accent-soft, rgba(127, 127, 127, 0.12));
  --takibi-heading-accent-soft-strong: var(--landing-activity-accent-soft, rgba(127, 127, 127, 0.18));
  --takibi-heading-accent-muted: var(--group-landing-blockquote-border, var(--group-landing-link-color, currentColor));
  color: inherit;
}

/* line 19, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-rich-text.takibi-lexxy.lexxy-content a {
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.18em;
}

/* line 24, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-rich-text.takibi-lexxy.lexxy-content blockquote {
  border-left: 3px solid var(--group-landing-blockquote-border, currentColor);
  margin-left: 0;
  padding-left: 1em;
}

/* line 30, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-rich-text.takibi-lexxy.lexxy-content table {
  border-collapse: collapse;
  width: 100%;
}

/* line 35, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-rich-text.takibi-lexxy.lexxy-content th,
.group-landing-rich-text.takibi-lexxy.lexxy-content td {
  border: 1px solid var(--group-landing-table-border, currentColor);
  padding: 0.55em 0.7em;
  vertical-align: top;
}

/* line 42, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-rich-text.takibi-lexxy.lexxy-content th {
  background: var(--group-landing-table-header-bg, transparent);
}

/* line 46, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-rich-text.takibi-lexxy.lexxy-content .lexxy-content__highlight {
  border-radius: 0.28em;
  padding-inline: 0.16em;
}

/* line 51, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-rich-text.takibi-lexxy.lexxy-content .lexxy-content__highlight:not([class*="lexxy-content__highlight-color--"]):not([class*="lexxy-content__highlight-bg--"]) {
  color: var(--group-landing-highlight-color, currentColor);
  background-color: var(--group-landing-highlight-bg, rgba(255, 255, 255, 0.18));
}

/* line 57, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-activity-feed {
  --group-landing-activity-surface: var(--landing-activity-surface, rgba(255, 255, 255, 0.92));
  --group-landing-activity-featured-surface: var(--landing-activity-featured-surface, var(--group-landing-activity-surface));
  --group-landing-activity-surface-strong: var(--landing-activity-surface-strong, rgba(255, 255, 255, 0.98));
  --group-landing-activity-surface-soft: var(--landing-activity-surface-soft, rgba(255, 255, 255, 0.82));
  --group-landing-activity-border: var(--landing-activity-border, rgba(40, 40, 40, 0.12));
  --group-landing-activity-accent: var(--landing-activity-accent, #2d5f7a);
  --group-landing-activity-accent-soft: var(--landing-activity-accent-soft, rgba(45, 95, 122, 0.12));
  --group-landing-activity-title: var(--landing-activity-title, currentColor);
  --group-landing-activity-text: var(--landing-activity-text, currentColor);
  --group-landing-activity-muted: var(--landing-activity-muted, rgba(0, 0, 0, 0.64));
  --group-landing-activity-shadow: var(--landing-activity-shadow, 0 18px 34px rgba(0, 0, 0, 0.08));
  --group-landing-activity-title-font: var(--landing-activity-title-font, inherit);
  --group-landing-activity-kicker-font: var(--landing-activity-kicker-font, inherit);
  display: grid;
  gap: 18px;
  margin-top: 8px;
}

/* line 76, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-activity-item,
.group-landing-activity-empty {
  background: var(--group-landing-activity-surface);
  border: 1px solid var(--group-landing-activity-border);
  border-radius: 18px;
  box-shadow: var(--group-landing-activity-shadow);
  color: var(--group-landing-activity-text);
}

/* line 85, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-activity-featured {
  background: var(--group-landing-activity-featured-surface);
  border: 1px solid var(--group-landing-activity-border);
  border-radius: 18px;
  box-shadow: var(--group-landing-activity-shadow);
  color: var(--group-landing-activity-text);
  overflow: hidden;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

/* line 98, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-activity-featured-link,
.group-landing-activity-item-link {
  color: inherit;
  text-decoration: none;
}

/* line 104, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-activity-featured-link {
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1.15fr) minmax(240px, 0.85fr);
  padding: 22px;
}

/* line 111, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-activity-featured-copy,
.group-landing-activity-item-main {
  display: grid;
  gap: 8px;
}

/* line 117, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-activity-featured-copy {
  align-content: start;
}

/* line 121, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-activity-kicker {
  color: var(--group-landing-activity-accent);
  font-family: var(--group-landing-activity-kicker-font);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  margin: 0;
}

/* line 130, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-activity-title,
.group-landing-activity-item-title {
  color: var(--group-landing-activity-title);
  font-family: var(--group-landing-activity-title-font);
  font-weight: 800;
  line-height: 1.5;
  margin: 0;
  overflow-wrap: anywhere;
}

/* line 140, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-activity-title {
  font-size: clamp(24px, 3vw, 34px);
}

/* line 144, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-activity-summary,
.group-landing-activity-item-summary,
.group-landing-activity-empty-text {
  color: var(--group-landing-activity-text);
  margin: 0;
  overflow-wrap: anywhere;
}

/* line 152, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-activity-summary,
.group-landing-activity-item-summary {
  font-size: 14px;
  line-height: 1.8;
}

/* line 158, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-activity-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 4px 0 0;
}

/* line 165, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-activity-meta-item {
  align-items: center;
  background: var(--group-landing-activity-surface-soft);
  border: 1px solid var(--group-landing-activity-border);
  border-radius: 999px;
  display: inline-flex;
  gap: 8px;
  padding: 8px 12px;
}

/* line 175, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-activity-meta-item dt,
.group-landing-activity-meta-item dd {
  margin: 0;
}

/* line 180, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-activity-meta-item dt,
.group-landing-activity-item-date,
.group-landing-activity-item-author {
  color: var(--group-landing-activity-muted);
  font-size: 12px;
  line-height: 1.5;
}

/* line 188, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-activity-meta-item dt {
  font-weight: 700;
}

/* line 192, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-activity-meta-item dd {
  color: var(--group-landing-activity-title);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
}

/* line 199, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-activity-featured-visual {
  background: var(--group-landing-activity-surface-strong);
  border-radius: 14px;
  overflow: hidden;
}

/* line 205, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-activity-image {
  aspect-ratio: 16 / 9;
  display: block;
  height: 100%;
  object-fit: cover;
  transition: transform 220ms ease;
  width: 100%;
}

/* line 214, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-activity-image--placeholder {
  align-items: center;
  background: radial-gradient(circle at 32% 24%, rgba(255, 255, 255, 0.28), transparent 22%), linear-gradient(135deg, var(--group-landing-activity-accent-soft), transparent), var(--group-landing-activity-surface-strong);
  display: flex;
  justify-content: center;
}

/* line 224, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-activity-emoji {
  font-size: 72px;
}

/* line 228, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-activity-list {
  display: grid;
  gap: 14px;
}

/* line 233, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-activity-item {
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

/* line 241, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-activity-item-link {
  align-items: start;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 18px;
}

/* line 249, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-activity-item-title {
  font-size: 18px;
}

/* line 253, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-activity-item-author {
  font-weight: 700;
  padding-top: 20px;
  text-align: right;
}

/* line 259, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-activity-empty {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 220px;
  padding: 24px;
}

/* line 267, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.richtext-image-modal-open {
  overflow: hidden;
}

/* line 271, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.richtext-image-modal {
  align-items: center;
  background: rgba(0, 0, 0, 0.8);
  cursor: zoom-out;
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 16px;
  position: fixed;
  z-index: 1000;
}

/* line 283, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.richtext-image-modal__content {
  align-items: center;
  cursor: auto;
  display: inline-flex;
  justify-content: center;
  max-height: 96vh;
  max-width: 1400px;
  width: calc(100vw - 32px);
}

/* line 293, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.richtext-image-modal__stage {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  max-height: 96vh;
  max-width: 100%;
  position: relative;
}

/* line 302, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.richtext-image-modal__close {
  align-items: center;
  background: rgba(0, 0, 0, 0.47);
  border: 0;
  border-radius: 9999px;
  cursor: pointer;
  display: inline-flex;
  height: 48px;
  justify-content: center;
  position: absolute;
  right: 12px;
  top: 12px;
  width: 48px;
  z-index: 1001;
}

/* line 318, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.richtext-image-modal__close::before,
.richtext-image-modal__close::after {
  background: white;
  border-radius: 9999px;
  content: "";
  height: 2px;
  position: absolute;
  width: 22px;
}

/* line 328, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.richtext-image-modal__close::before {
  transform: rotate(45deg);
}

/* line 332, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.richtext-image-modal__close::after {
  transform: rotate(-45deg);
}

/* line 336, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.richtext-image-modal__image {
  cursor: auto;
  display: block;
  height: auto;
  max-height: 96vh;
  max-width: 100%;
  object-fit: contain;
  width: auto;
}

/* line 346, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.richtext-image-modal__nav {
  align-items: center;
  background: rgba(0, 0, 0, 0.47);
  border: 0;
  border-radius: 9999px;
  color: white;
  cursor: pointer;
  display: inline-flex;
  font-size: 32px;
  height: 56px;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 56px;
  z-index: 1001;
}

/* line 364, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.richtext-image-modal__nav:hover {
  background: rgba(0, 0, 0, 0.64);
}

/* line 368, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.richtext-image-modal__nav:disabled {
  cursor: default;
  opacity: 0.32;
}

/* line 373, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.richtext-image-modal__nav--prev {
  left: 12px;
}

/* line 377, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.richtext-image-modal__nav--next {
  right: 12px;
}

/* line 381, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-activity-empty-text {
  font-size: 15px;
  line-height: 1.8;
}

/* line 386, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-activity-featured:hover,
.group-landing-activity-featured:focus-within,
.group-landing-activity-item:hover,
.group-landing-activity-item:focus-within {
  border-color: var(--group-landing-activity-accent-soft);
  box-shadow: 0 22px 40px rgba(0, 0, 0, 0.12);
  transform: translateY(-3px);
}

/* line 395, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-activity-featured:hover .group-landing-activity-image,
.group-landing-activity-featured:focus-within .group-landing-activity-image {
  transform: scale(1.03);
}

/* line 400, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
.group-landing-activity-featured:hover .group-landing-activity-title,
.group-landing-activity-featured:focus-within .group-landing-activity-title,
.group-landing-activity-item:hover .group-landing-activity-item-title,
.group-landing-activity-item:focus-within .group-landing-activity-item-title {
  color: var(--group-landing-activity-accent);
}

@media (max-width: 767px) {
  /* line 408, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
  .group-landing-activity-featured-link,
.group-landing-activity-item-link {
    grid-template-columns: minmax(0, 1fr);
  }
  /* line 413, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
  .group-landing-activity-item-author {
    padding-top: 0;
    text-align: left;
  }
  /* line 418, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
  .richtext-image-modal__nav {
    font-size: 24px;
    height: 44px;
    width: 44px;
  }
}

@media (prefers-reduced-motion: reduce) {
  /* line 426, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
  .group-landing-activity-featured,
.group-landing-activity-item,
.group-landing-activity-image {
    transition: none;
  }
}

@media (max-width: 767px) {
  /* line 434, app/assets/groups_stylesheets/subdomains/groups_landing/_base.scss */
  .sakura-lp-hero-image,
.flower-lp-hero-image,
.matcha-lp-hero-image,
.spark-lp-hero-image,
.exhibit-lp-hero-image,
.ocean-lp-hero-image,
.parade-lp-hero-image,
.lemon-lp-stage-image,
.moonlit-lp-hero-backdrop-image,
.board-lp-cover-image,
.magazine-lp-cover-image {
    object-fit: contain !important;
  }
}

/* line 1, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy,
.takibi-lexxy-editor {
  --lexxy-color-canvas: hsl(var(--popover));
  --lexxy-color-text: hsl(var(--foreground));
  --lexxy-color-text-subtle: hsl(var(--muted-foreground));
  --lexxy-color-link: #03a6ff;
  --lexxy-color-ink-lightest: hsl(var(--muted) / 0.4);
  --lexxy-color-ink-lighter: hsl(var(--border));
  --lexxy-color-selected: hsl(var(--primary) / 0.12);
  --lexxy-color-selected-hover: hsl(var(--muted));
  --lexxy-color-selected-dark: hsl(var(--primary));
  --lexxy-focus-ring-color: hsl(var(--ring));
  --takibi-heading-accent: hsl(var(--primary) / 0.85);
  --takibi-heading-accent-soft: hsl(var(--primary) / 0.1);
  --takibi-heading-accent-soft-strong: hsl(var(--primary) / 0.18);
  --takibi-heading-accent-muted: hsl(var(--primary) / 0.45);
  --lexxy-font-base: inherit;
  --lexxy-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);
}

/* line 21, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy-form {
  margin-top: 8px;
  min-width: 0;
  inline-size: 100%;
  max-inline-size: 100%;
}

/* line 60, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy-editor {
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);
  min-width: 0;
  inline-size: 100%;
  max-inline-size: 100%;
}

/* line 66, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy-editor[aria-busy="true"] {
  opacity: 0.88;
}

/* line 70, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy-editor .lexxy-editor__content {
  min-height: 140px;
  padding: 15px;
  line-height: 1.6;
}

/* line 76, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy-editor .attachment__caption textarea {
  color: var(--lexxy-color-text);
}

/* line 80, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy-editor .attachment__caption textarea::placeholder {
  color: var(--lexxy-color-text-subtle);
}

/* line 84, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy-editor .lexxy-editor__content p:has(> :is(figure, table, blockquote, pre, div, ul, ol, h1, h2, h3, h4, h5, h6, hr)) {
  text-align: inherit;
}

/* line 88, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy-editor .lexxy-upload-placeholder {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 6px 10px;
  border: 1px solid var(--lexxy-color-ink-lighter);
  border-radius: 9999px;
  background: var(--lexxy-color-selected-hover);
  color: var(--lexxy-color-text);
  font-size: 14px;
  line-height: 1.4;
}

/* line 102, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy-editor .lexxy-upload-placeholder__name {
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 109, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy-editor .lexxy-upload-placeholder__state {
  color: var(--lexxy-color-text-subtle);
  font-size: 12px;
}

/* line 115, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content {
  color: var(--lexxy-color-text);
  line-height: 1.6;
  inline-size: 100%;
  max-inline-size: 100%;
}

/* line 121, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content p,
.takibi-lexxy.lexxy-content ul,
.takibi-lexxy.lexxy-content ol,
.takibi-lexxy.lexxy-content dl,
.takibi-lexxy.lexxy-content blockquote,
.takibi-lexxy.lexxy-content figure,
.takibi-lexxy.lexxy-content .attachment,
.takibi-lexxy.lexxy-content .attachment-gallery {
  margin-block: 0 var(--lexxy-content-margin);
  overflow-wrap: break-word !important;
  text-wrap: wrap !important;
}

/* line 134, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content h1,
.takibi-lexxy.lexxy-content h2,
.takibi-lexxy.lexxy-content h3,
.takibi-lexxy.lexxy-content h4,
.takibi-lexxy.lexxy-content h5,
.takibi-lexxy.lexxy-content h6 {
  overflow-wrap: break-word !important;
  text-wrap: wrap !important;
}

/* line 144, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content table p {
  margin-block: 0;
}

/* line 148, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content a {
  color: var(--lexxy-color-link);
  font-weight: inherit;
}

/* line 153, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content img {
  max-inline-size: 100%;
  block-size: auto;
}

/* line 158, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content .lexxy-content__table-wrapper {
  margin-block: var(--lexxy-content-margin);
}

/* line 162, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content .lexxy-content__table-cell--header {
  background-color: unset !important;
}

/* line 167, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content .lexxy-content__highlight-color--highlight-1 {
  color: var(--highlight-1);
}

/* line 171, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content .lexxy-content__highlight-bg--highlight-bg-1 {
  background-color: var(--highlight-bg-1);
}

/* line 167, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content .lexxy-content__highlight-color--highlight-2 {
  color: var(--highlight-2);
}

/* line 171, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content .lexxy-content__highlight-bg--highlight-bg-2 {
  background-color: var(--highlight-bg-2);
}

/* line 167, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content .lexxy-content__highlight-color--highlight-3 {
  color: var(--highlight-3);
}

/* line 171, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content .lexxy-content__highlight-bg--highlight-bg-3 {
  background-color: var(--highlight-bg-3);
}

/* line 167, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content .lexxy-content__highlight-color--highlight-4 {
  color: var(--highlight-4);
}

/* line 171, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content .lexxy-content__highlight-bg--highlight-bg-4 {
  background-color: var(--highlight-bg-4);
}

/* line 167, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content .lexxy-content__highlight-color--highlight-5 {
  color: var(--highlight-5);
}

/* line 171, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content .lexxy-content__highlight-bg--highlight-bg-5 {
  background-color: var(--highlight-bg-5);
}

/* line 167, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content .lexxy-content__highlight-color--highlight-6 {
  color: var(--highlight-6);
}

/* line 171, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content .lexxy-content__highlight-bg--highlight-bg-6 {
  background-color: var(--highlight-bg-6);
}

/* line 167, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content .lexxy-content__highlight-color--highlight-7 {
  color: var(--highlight-7);
}

/* line 171, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content .lexxy-content__highlight-bg--highlight-bg-7 {
  background-color: var(--highlight-bg-7);
}

/* line 167, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content .lexxy-content__highlight-color--highlight-8 {
  color: var(--highlight-8);
}

/* line 171, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content .lexxy-content__highlight-bg--highlight-bg-8 {
  background-color: var(--highlight-bg-8);
}

/* line 167, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content .lexxy-content__highlight-color--highlight-9 {
  color: var(--highlight-9);
}

/* line 171, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content .lexxy-content__highlight-bg--highlight-bg-9 {
  background-color: var(--highlight-bg-9);
}

/* line 29, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content.takibi-heading-style--default h2,
.takibi-lexxy.lexxy-content.takibi-heading-style--default h3,
.takibi-lexxy.lexxy-content.takibi-heading-style--default h4,
.takibi-lexxy.lexxy-content.takibi-heading-style--default .lexxy-editor__content h2,
.takibi-lexxy.lexxy-content.takibi-heading-style--default .lexxy-editor__content h3,
.takibi-lexxy.lexxy-content.takibi-heading-style--default .lexxy-editor__content h4, .takibi-lexxy.lexxy-content.takibi-heading-style--ribbon h2,
.takibi-lexxy.lexxy-content.takibi-heading-style--ribbon h3,
.takibi-lexxy.lexxy-content.takibi-heading-style--ribbon h4,
.takibi-lexxy.lexxy-content.takibi-heading-style--ribbon .lexxy-editor__content h2,
.takibi-lexxy.lexxy-content.takibi-heading-style--ribbon .lexxy-editor__content h3,
.takibi-lexxy.lexxy-content.takibi-heading-style--ribbon .lexxy-editor__content h4, .takibi-lexxy.lexxy-content.takibi-heading-style--marker h2,
.takibi-lexxy.lexxy-content.takibi-heading-style--marker h3,
.takibi-lexxy.lexxy-content.takibi-heading-style--marker h4,
.takibi-lexxy.lexxy-content.takibi-heading-style--marker .lexxy-editor__content h2,
.takibi-lexxy.lexxy-content.takibi-heading-style--marker .lexxy-editor__content h3,
.takibi-lexxy.lexxy-content.takibi-heading-style--marker .lexxy-editor__content h4, .takibi-lexxy.lexxy-content.takibi-heading-style--fill h2,
.takibi-lexxy.lexxy-content.takibi-heading-style--fill h3,
.takibi-lexxy.lexxy-content.takibi-heading-style--fill h4,
.takibi-lexxy.lexxy-content.takibi-heading-style--fill .lexxy-editor__content h2,
.takibi-lexxy.lexxy-content.takibi-heading-style--fill .lexxy-editor__content h3,
.takibi-lexxy.lexxy-content.takibi-heading-style--fill .lexxy-editor__content h4, .takibi-lexxy.lexxy-content.takibi-heading-style--dashed h2,
.takibi-lexxy.lexxy-content.takibi-heading-style--dashed h3,
.takibi-lexxy.lexxy-content.takibi-heading-style--dashed h4,
.takibi-lexxy.lexxy-content.takibi-heading-style--dashed .lexxy-editor__content h2,
.takibi-lexxy.lexxy-content.takibi-heading-style--dashed .lexxy-editor__content h3,
.takibi-lexxy.lexxy-content.takibi-heading-style--dashed .lexxy-editor__content h4, .takibi-lexxy.lexxy-content.takibi-heading-style--line h2,
.takibi-lexxy.lexxy-content.takibi-heading-style--line h3,
.takibi-lexxy.lexxy-content.takibi-heading-style--line h4,
.takibi-lexxy.lexxy-content.takibi-heading-style--line .lexxy-editor__content h2,
.takibi-lexxy.lexxy-content.takibi-heading-style--line .lexxy-editor__content h3,
.takibi-lexxy.lexxy-content.takibi-heading-style--line .lexxy-editor__content h4, .takibi-lexxy.lexxy-content.takibi-heading-style--square h2,
.takibi-lexxy.lexxy-content.takibi-heading-style--square h3,
.takibi-lexxy.lexxy-content.takibi-heading-style--square h4,
.takibi-lexxy.lexxy-content.takibi-heading-style--square .lexxy-editor__content h2,
.takibi-lexxy.lexxy-content.takibi-heading-style--square .lexxy-editor__content h3,
.takibi-lexxy.lexxy-content.takibi-heading-style--square .lexxy-editor__content h4, .takibi-lexxy.lexxy-content.takibi-heading-style--offset h2,
.takibi-lexxy.lexxy-content.takibi-heading-style--offset h3,
.takibi-lexxy.lexxy-content.takibi-heading-style--offset h4,
.takibi-lexxy.lexxy-content.takibi-heading-style--offset .lexxy-editor__content h2,
.takibi-lexxy.lexxy-content.takibi-heading-style--offset .lexxy-editor__content h3,
.takibi-lexxy.lexxy-content.takibi-heading-style--offset .lexxy-editor__content h4,
.takibi-lexxy-editor.takibi-heading-style--default h2,
.takibi-lexxy-editor.takibi-heading-style--default h3,
.takibi-lexxy-editor.takibi-heading-style--default h4,
.takibi-lexxy-editor.takibi-heading-style--default .lexxy-editor__content h2,
.takibi-lexxy-editor.takibi-heading-style--default .lexxy-editor__content h3,
.takibi-lexxy-editor.takibi-heading-style--default .lexxy-editor__content h4,
.takibi-lexxy-editor.takibi-heading-style--ribbon h2,
.takibi-lexxy-editor.takibi-heading-style--ribbon h3,
.takibi-lexxy-editor.takibi-heading-style--ribbon h4,
.takibi-lexxy-editor.takibi-heading-style--ribbon .lexxy-editor__content h2,
.takibi-lexxy-editor.takibi-heading-style--ribbon .lexxy-editor__content h3,
.takibi-lexxy-editor.takibi-heading-style--ribbon .lexxy-editor__content h4,
.takibi-lexxy-editor.takibi-heading-style--marker h2,
.takibi-lexxy-editor.takibi-heading-style--marker h3,
.takibi-lexxy-editor.takibi-heading-style--marker h4,
.takibi-lexxy-editor.takibi-heading-style--marker .lexxy-editor__content h2,
.takibi-lexxy-editor.takibi-heading-style--marker .lexxy-editor__content h3,
.takibi-lexxy-editor.takibi-heading-style--marker .lexxy-editor__content h4,
.takibi-lexxy-editor.takibi-heading-style--fill h2,
.takibi-lexxy-editor.takibi-heading-style--fill h3,
.takibi-lexxy-editor.takibi-heading-style--fill h4,
.takibi-lexxy-editor.takibi-heading-style--fill .lexxy-editor__content h2,
.takibi-lexxy-editor.takibi-heading-style--fill .lexxy-editor__content h3,
.takibi-lexxy-editor.takibi-heading-style--fill .lexxy-editor__content h4,
.takibi-lexxy-editor.takibi-heading-style--dashed h2,
.takibi-lexxy-editor.takibi-heading-style--dashed h3,
.takibi-lexxy-editor.takibi-heading-style--dashed h4,
.takibi-lexxy-editor.takibi-heading-style--dashed .lexxy-editor__content h2,
.takibi-lexxy-editor.takibi-heading-style--dashed .lexxy-editor__content h3,
.takibi-lexxy-editor.takibi-heading-style--dashed .lexxy-editor__content h4,
.takibi-lexxy-editor.takibi-heading-style--line h2,
.takibi-lexxy-editor.takibi-heading-style--line h3,
.takibi-lexxy-editor.takibi-heading-style--line h4,
.takibi-lexxy-editor.takibi-heading-style--line .lexxy-editor__content h2,
.takibi-lexxy-editor.takibi-heading-style--line .lexxy-editor__content h3,
.takibi-lexxy-editor.takibi-heading-style--line .lexxy-editor__content h4,
.takibi-lexxy-editor.takibi-heading-style--square h2,
.takibi-lexxy-editor.takibi-heading-style--square h3,
.takibi-lexxy-editor.takibi-heading-style--square h4,
.takibi-lexxy-editor.takibi-heading-style--square .lexxy-editor__content h2,
.takibi-lexxy-editor.takibi-heading-style--square .lexxy-editor__content h3,
.takibi-lexxy-editor.takibi-heading-style--square .lexxy-editor__content h4,
.takibi-lexxy-editor.takibi-heading-style--offset h2,
.takibi-lexxy-editor.takibi-heading-style--offset h3,
.takibi-lexxy-editor.takibi-heading-style--offset h4,
.takibi-lexxy-editor.takibi-heading-style--offset .lexxy-editor__content h2,
.takibi-lexxy-editor.takibi-heading-style--offset .lexxy-editor__content h3,
.takibi-lexxy-editor.takibi-heading-style--offset .lexxy-editor__content h4 {
  position: relative;
}

/* line 192, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content.takibi-heading-style--ribbon,
.takibi-lexxy-editor.takibi-heading-style--ribbon {
  --takibi-heading-ribbon-bg: var(--takibi-heading-accent-soft-strong);
  --takibi-heading-ribbon-fold: var(--takibi-heading-accent-muted);
  --takibi-heading-ribbon-border: var(--takibi-heading-accent-muted);
}

/* line 29, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content.takibi-heading-style--ribbon h2,
.takibi-lexxy.lexxy-content.takibi-heading-style--ribbon h3,
.takibi-lexxy.lexxy-content.takibi-heading-style--ribbon h4,
.takibi-lexxy.lexxy-content.takibi-heading-style--ribbon .lexxy-editor__content h2,
.takibi-lexxy.lexxy-content.takibi-heading-style--ribbon .lexxy-editor__content h3,
.takibi-lexxy.lexxy-content.takibi-heading-style--ribbon .lexxy-editor__content h4,
.takibi-lexxy-editor.takibi-heading-style--ribbon h2,
.takibi-lexxy-editor.takibi-heading-style--ribbon h3,
.takibi-lexxy-editor.takibi-heading-style--ribbon h4,
.takibi-lexxy-editor.takibi-heading-style--ribbon .lexxy-editor__content h2,
.takibi-lexxy-editor.takibi-heading-style--ribbon .lexxy-editor__content h3,
.takibi-lexxy-editor.takibi-heading-style--ribbon .lexxy-editor__content h4 {
  background: var(--takibi-heading-ribbon-bg);
  color: var(--lexxy-color-text);
  display: inline-block;
  max-inline-size: 100%;
  overflow: visible;
  padding: 0.12em 0.45em;
}

/* line 54, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content.takibi-heading-style--ribbon h2::before,
.takibi-lexxy.lexxy-content.takibi-heading-style--ribbon .lexxy-editor__content h2::before,
.takibi-lexxy-editor.takibi-heading-style--ribbon h2::before,
.takibi-lexxy-editor.takibi-heading-style--ribbon .lexxy-editor__content h2::before {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 12px transparent;
  border-right: solid 16px var(--takibi-heading-ribbon-fold);
}

/* line 29, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content.takibi-heading-style--marker h2,
.takibi-lexxy.lexxy-content.takibi-heading-style--marker h3,
.takibi-lexxy.lexxy-content.takibi-heading-style--marker h4,
.takibi-lexxy.lexxy-content.takibi-heading-style--marker .lexxy-editor__content h2,
.takibi-lexxy.lexxy-content.takibi-heading-style--marker .lexxy-editor__content h3,
.takibi-lexxy.lexxy-content.takibi-heading-style--marker .lexxy-editor__content h4,
.takibi-lexxy-editor.takibi-heading-style--marker h2,
.takibi-lexxy-editor.takibi-heading-style--marker h3,
.takibi-lexxy-editor.takibi-heading-style--marker h4,
.takibi-lexxy-editor.takibi-heading-style--marker .lexxy-editor__content h2,
.takibi-lexxy-editor.takibi-heading-style--marker .lexxy-editor__content h3,
.takibi-lexxy-editor.takibi-heading-style--marker .lexxy-editor__content h4 {
  background: linear-gradient(transparent 70%, var(--takibi-heading-accent-soft-strong) 70%);
  display: inline;
}

/* line 224, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content.takibi-heading-style--fill,
.takibi-lexxy-editor.takibi-heading-style--fill {
  --takibi-heading-fill-bg: var(--takibi-heading-accent-soft);
  --takibi-heading-fill-border: var(--takibi-heading-accent);
}

/* line 29, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content.takibi-heading-style--fill h2,
.takibi-lexxy.lexxy-content.takibi-heading-style--fill h3,
.takibi-lexxy.lexxy-content.takibi-heading-style--fill h4,
.takibi-lexxy.lexxy-content.takibi-heading-style--fill .lexxy-editor__content h2,
.takibi-lexxy.lexxy-content.takibi-heading-style--fill .lexxy-editor__content h3,
.takibi-lexxy.lexxy-content.takibi-heading-style--fill .lexxy-editor__content h4,
.takibi-lexxy-editor.takibi-heading-style--fill h2,
.takibi-lexxy-editor.takibi-heading-style--fill h3,
.takibi-lexxy-editor.takibi-heading-style--fill h4,
.takibi-lexxy-editor.takibi-heading-style--fill .lexxy-editor__content h2,
.takibi-lexxy-editor.takibi-heading-style--fill .lexxy-editor__content h3,
.takibi-lexxy-editor.takibi-heading-style--fill .lexxy-editor__content h4 {
  background: var(--takibi-heading-fill-bg);
  border-left: solid 5px var(--takibi-heading-fill-border);
  color: var(--lexxy-color-text);
  display: inline-block;
  padding: 0.5em;
}

/* line 237, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content.takibi-heading-style--line,
.takibi-lexxy-editor.takibi-heading-style--line {
  --takibi-heading-line-border: var(--takibi-heading-accent);
}

/* line 29, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content.takibi-heading-style--line h2,
.takibi-lexxy.lexxy-content.takibi-heading-style--line h3,
.takibi-lexxy.lexxy-content.takibi-heading-style--line h4,
.takibi-lexxy.lexxy-content.takibi-heading-style--line .lexxy-editor__content h2,
.takibi-lexxy.lexxy-content.takibi-heading-style--line .lexxy-editor__content h3,
.takibi-lexxy.lexxy-content.takibi-heading-style--line .lexxy-editor__content h4,
.takibi-lexxy-editor.takibi-heading-style--line h2,
.takibi-lexxy-editor.takibi-heading-style--line h3,
.takibi-lexxy-editor.takibi-heading-style--line h4,
.takibi-lexxy-editor.takibi-heading-style--line .lexxy-editor__content h2,
.takibi-lexxy-editor.takibi-heading-style--line .lexxy-editor__content h3,
.takibi-lexxy-editor.takibi-heading-style--line .lexxy-editor__content h4 {
  border-left: solid 5px var(--takibi-heading-line-border);
  color: var(--lexxy-color-text);
  padding: 0.5em 0 0.5em 0.5em;
}

/* line 247, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content.takibi-heading-style--dashed,
.takibi-lexxy-editor.takibi-heading-style--dashed {
  --takibi-heading-dashed-border: var(--takibi-heading-accent);
}

/* line 29, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content.takibi-heading-style--dashed h2,
.takibi-lexxy.lexxy-content.takibi-heading-style--dashed h3,
.takibi-lexxy.lexxy-content.takibi-heading-style--dashed h4,
.takibi-lexxy.lexxy-content.takibi-heading-style--dashed .lexxy-editor__content h2,
.takibi-lexxy.lexxy-content.takibi-heading-style--dashed .lexxy-editor__content h3,
.takibi-lexxy.lexxy-content.takibi-heading-style--dashed .lexxy-editor__content h4,
.takibi-lexxy-editor.takibi-heading-style--dashed h2,
.takibi-lexxy-editor.takibi-heading-style--dashed h3,
.takibi-lexxy-editor.takibi-heading-style--dashed h4,
.takibi-lexxy-editor.takibi-heading-style--dashed .lexxy-editor__content h2,
.takibi-lexxy-editor.takibi-heading-style--dashed .lexxy-editor__content h3,
.takibi-lexxy-editor.takibi-heading-style--dashed .lexxy-editor__content h4 {
  border-bottom: 3px dotted var(--takibi-heading-dashed-border);
  display: inline-block;
  padding: 0 0.4em 0.2em;
}

/* line 40, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content.takibi-heading-style--dashed h2,
.takibi-lexxy.lexxy-content.takibi-heading-style--dashed .lexxy-editor__content h2,
.takibi-lexxy-editor.takibi-heading-style--dashed h2,
.takibi-lexxy-editor.takibi-heading-style--dashed .lexxy-editor__content h2 {
  border-bottom-style: dashed;
}

/* line 261, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content.takibi-heading-style--square,
.takibi-lexxy-editor.takibi-heading-style--square {
  --takibi-heading-square-accent: var(--takibi-heading-accent);
}

/* line 29, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content.takibi-heading-style--square h2,
.takibi-lexxy.lexxy-content.takibi-heading-style--square h3,
.takibi-lexxy.lexxy-content.takibi-heading-style--square h4,
.takibi-lexxy.lexxy-content.takibi-heading-style--square .lexxy-editor__content h2,
.takibi-lexxy.lexxy-content.takibi-heading-style--square .lexxy-editor__content h3,
.takibi-lexxy.lexxy-content.takibi-heading-style--square .lexxy-editor__content h4,
.takibi-lexxy-editor.takibi-heading-style--square h2,
.takibi-lexxy-editor.takibi-heading-style--square h3,
.takibi-lexxy-editor.takibi-heading-style--square h4,
.takibi-lexxy-editor.takibi-heading-style--square .lexxy-editor__content h2,
.takibi-lexxy-editor.takibi-heading-style--square .lexxy-editor__content h3,
.takibi-lexxy-editor.takibi-heading-style--square .lexxy-editor__content h4 {
  border-bottom: 3px solid var(--takibi-heading-square-accent);
  color: var(--lexxy-color-text);
  display: inline-block;
  overflow: visible;
  padding: 0.3em 0 0.2em 6px;
}

/* line 40, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content.takibi-heading-style--square h2,
.takibi-lexxy.lexxy-content.takibi-heading-style--square .lexxy-editor__content h2,
.takibi-lexxy-editor.takibi-heading-style--square h2,
.takibi-lexxy-editor.takibi-heading-style--square .lexxy-editor__content h2 {
  padding-left: 1em;
}

/* line 54, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content.takibi-heading-style--square h2::before,
.takibi-lexxy.lexxy-content.takibi-heading-style--square .lexxy-editor__content h2::before,
.takibi-lexxy-editor.takibi-heading-style--square h2::before,
.takibi-lexxy-editor.takibi-heading-style--square .lexxy-editor__content h2::before {
  position: absolute;
  top: 0;
  left: 0.3em;
  transform: rotate(55deg);
  height: 11px;
  width: 12px;
  background: var(--takibi-heading-square-accent);
  content: "";
}

/* line 47, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content.takibi-heading-style--square h2::after,
.takibi-lexxy.lexxy-content.takibi-heading-style--square .lexxy-editor__content h2::after,
.takibi-lexxy-editor.takibi-heading-style--square h2::after,
.takibi-lexxy-editor.takibi-heading-style--square .lexxy-editor__content h2::after {
  position: absolute;
  transform: rotate(15deg);
  top: 0.6em;
  left: 0;
  height: 8px;
  width: 8px;
  background: var(--takibi-heading-square-accent);
  content: "";
}

/* line 299, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content.takibi-heading-style--offset,
.takibi-lexxy-editor.takibi-heading-style--offset {
  --takibi-heading-offset-border: var(--takibi-heading-accent);
  --takibi-heading-offset-fill: var(--takibi-heading-accent-soft-strong);
  --takibi-heading-offset-fill-soft: var(--takibi-heading-accent-soft);
  --takibi-heading-offset-tilt: -0.35deg;
}

/* line 29, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content.takibi-heading-style--offset h2,
.takibi-lexxy.lexxy-content.takibi-heading-style--offset h3,
.takibi-lexxy.lexxy-content.takibi-heading-style--offset h4,
.takibi-lexxy.lexxy-content.takibi-heading-style--offset .lexxy-editor__content h2,
.takibi-lexxy.lexxy-content.takibi-heading-style--offset .lexxy-editor__content h3,
.takibi-lexxy.lexxy-content.takibi-heading-style--offset .lexxy-editor__content h4,
.takibi-lexxy-editor.takibi-heading-style--offset h2,
.takibi-lexxy-editor.takibi-heading-style--offset h3,
.takibi-lexxy-editor.takibi-heading-style--offset h4,
.takibi-lexxy-editor.takibi-heading-style--offset .lexxy-editor__content h2,
.takibi-lexxy-editor.takibi-heading-style--offset .lexxy-editor__content h3,
.takibi-lexxy-editor.takibi-heading-style--offset .lexxy-editor__content h4 {
  color: var(--lexxy-color-text);
  display: inline-block;
  max-inline-size: 100%;
  overflow: visible;
  z-index: 0;
}

/* line 40, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content.takibi-heading-style--offset h2,
.takibi-lexxy.lexxy-content.takibi-heading-style--offset .lexxy-editor__content h2,
.takibi-lexxy-editor.takibi-heading-style--offset h2,
.takibi-lexxy-editor.takibi-heading-style--offset .lexxy-editor__content h2 {
  background: transparent;
  padding: 0.45em 0.75em calc(0.45em + 10px) 0.25em;
}

/* line 54, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content.takibi-heading-style--offset h2::before,
.takibi-lexxy.lexxy-content.takibi-heading-style--offset .lexxy-editor__content h2::before,
.takibi-lexxy-editor.takibi-heading-style--offset h2::before,
.takibi-lexxy-editor.takibi-heading-style--offset .lexxy-editor__content h2::before {
  position: absolute;
  content: "";
  inset: -0.26em 0.26em 0.26em -0.26em;
  border: 3px solid var(--takibi-heading-offset-border);
  pointer-events: none;
  transform: rotate(var(--takibi-heading-offset-tilt));
  transform-origin: left bottom;
  z-index: -1;
}

/* line 47, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content.takibi-heading-style--offset h2::after,
.takibi-lexxy.lexxy-content.takibi-heading-style--offset .lexxy-editor__content h2::after,
.takibi-lexxy-editor.takibi-heading-style--offset h2::after,
.takibi-lexxy-editor.takibi-heading-style--offset .lexxy-editor__content h2::after {
  position: absolute;
  content: "";
  inset: 0;
  background: var(--takibi-heading-offset-fill);
  pointer-events: none;
  transform: rotate(calc(var(--takibi-heading-offset-tilt) * 0.7));
  transform-origin: left bottom;
  z-index: -1;
}

/* line 340, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content.takibi-heading-style--offset h3,
.takibi-lexxy.lexxy-content.takibi-heading-style--offset .lexxy-editor__content h3,
.takibi-lexxy-editor.takibi-heading-style--offset h3,
.takibi-lexxy-editor.takibi-heading-style--offset .lexxy-editor__content h3 {
  background: transparent;
  border: 0;
  padding: 0.3em 0.75em 0.3em 0.42em;
}

/* line 347, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content.takibi-heading-style--offset h3::before,
.takibi-lexxy.lexxy-content.takibi-heading-style--offset .lexxy-editor__content h3::before,
.takibi-lexxy-editor.takibi-heading-style--offset h3::before,
.takibi-lexxy-editor.takibi-heading-style--offset .lexxy-editor__content h3::before {
  position: absolute;
  content: "";
  inset: 0.28em -0.28em -0.28em 0.28em;
  background: var(--takibi-heading-offset-fill);
  pointer-events: none;
  transform: rotate(calc(var(--takibi-heading-offset-tilt) * 0.65));
  transform-origin: left bottom;
  z-index: -2;
}

/* line 359, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content.takibi-heading-style--offset h3::after,
.takibi-lexxy.lexxy-content.takibi-heading-style--offset .lexxy-editor__content h3::after,
.takibi-lexxy-editor.takibi-heading-style--offset h3::after,
.takibi-lexxy-editor.takibi-heading-style--offset .lexxy-editor__content h3::after {
  position: absolute;
  content: "";
  inset: 0;
  border: 2px solid var(--takibi-heading-offset-border);
  pointer-events: none;
  transform: rotate(calc(var(--takibi-heading-offset-tilt) * 0.85));
  transform-origin: left bottom;
  z-index: -1;
}

/* line 371, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content.takibi-heading-style--offset h4,
.takibi-lexxy.lexxy-content.takibi-heading-style--offset .lexxy-editor__content h4,
.takibi-lexxy-editor.takibi-heading-style--offset h4,
.takibi-lexxy-editor.takibi-heading-style--offset .lexxy-editor__content h4 {
  background: linear-gradient(transparent calc(100% - 0.34em), var(--takibi-heading-offset-fill) calc(100% - 0.34em));
  border-left: 4px solid var(--takibi-heading-offset-border);
  padding: 0.14em 0.55em 0.28em 0.42em;
}

/* line 382, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy.lexxy-content.takibi-heading-style--offset h4::after,
.takibi-lexxy.lexxy-content.takibi-heading-style--offset .lexxy-editor__content h4::after,
.takibi-lexxy-editor.takibi-heading-style--offset h4::after,
.takibi-lexxy-editor.takibi-heading-style--offset .lexxy-editor__content h4::after {
  position: absolute;
  content: "";
  left: 0.45em;
  right: -0.18em;
  bottom: -0.18em;
  height: 2px;
  background: var(--takibi-heading-offset-fill-soft);
  pointer-events: none;
}

/* line 396, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy-editor lexxy-toolbar {
  position: sticky;
  top: calc(var(--spacing) * 17);
  z-index: 40;
  background: hsl(var(--popover));
  border-top-left-radius: var(--radius-lg);
  border-top-right-radius: var(--radius-lg);
  box-sizing: border-box;
  inline-size: 100%;
  min-inline-size: 0;
}

/* line 407, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy-editor lexxy-toolbar .lexxy-editor__toolbar-button[name="italic"],
.takibi-lexxy-editor lexxy-toolbar .lexxy-editor__toolbar-button[name="strikethrough"],
.takibi-lexxy-editor lexxy-toolbar .lexxy-editor__toolbar-button[name="code"],
.takibi-lexxy-editor lexxy-toolbar .lexxy-editor__toolbar-button[name="divider"],
.takibi-lexxy-editor lexxy-toolbar .lexxy-editor__toolbar-button[name="file"] {
  display: none;
}

/* line 415, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy-editor lexxy-toolbar .takibi-lexxy-style-settings-trigger {
  flex-shrink: 0;
  margin-inline-start: auto;
}

/* line 419, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy-editor lexxy-toolbar .takibi-lexxy-style-settings-trigger svg {
  fill: none;
  inline-size: 1lh;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

/* line 429, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy-editor lexxy-toolbar .lexxy-editor__toolbar-dropdown > .lexxy-editor__toolbar-button {
  inline-size: var(--lexxy-toolbar-button-size);
  padding: 0;
}

/* line 434, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy-editor lexxy-toolbar .lexxy-editor__toolbar-dropdown--chevron > .lexxy-editor__toolbar-button {
  aspect-ratio: 1;
  gap: 0;
  grid-template-columns: 1fr;
  place-content: center;
}

/* line 440, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy-editor lexxy-toolbar .lexxy-editor__toolbar-dropdown--chevron > .lexxy-editor__toolbar-button:after {
  display: none;
}

/* line 445, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy-editor lexxy-toolbar .lexxy-editor__toolbar-dropdown-list button {
  color: var(--lexxy-color-text);
}

/* line 448, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy-editor lexxy-toolbar .lexxy-editor__toolbar-dropdown-list button svg {
  color: currentColor;
  fill: currentColor;
}

@media (max-width: 640px) {
  /* line 457, app/assets/stylesheets/shared/lexxy.scss */
  .takibi-lexxy-editor lexxy-toolbar .lexxy-editor__toolbar-spacer {
    display: none;
  }
}

@media (max-width: 375px) {
  /* line 464, app/assets/stylesheets/shared/lexxy.scss */
  .takibi-lexxy-editor {
    --lexxy-toolbar-button-size: 1.8lh;
    --lexxy-toolbar-gap: 1px;
    --lexxy-toolbar-spacing: 0.25ch;
  }
}

/* line 471, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy-style-settings-dialog {
  background: transparent;
  border: 0;
  inset: 50% auto auto 50%;
  margin: 0;
  padding: 0;
  position: fixed;
  transform: translate(-50%, -50%);
  z-index: 10;
}

/* line 481, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy-style-settings-dialog::backdrop {
  background: rgba(15, 23, 42, 0.28);
}

/* line 486, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy-style-settings-dialog__inner {
  inline-size: 420px;
  max-inline-size: calc(100vw - 42px);
  border: 1px solid hsl(var(--border));
  border-radius: 20px;
  background: hsl(var(--popover));
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.22);
  color: hsl(var(--foreground));
  padding: 20px;
}

/* line 497, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy-style-settings-dialog__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

/* line 505, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy-style-settings-dialog__eyebrow {
  color: hsl(var(--muted-foreground));
  font-size: 12px;
  letter-spacing: 0.08em;
  margin: 0 0 4px;
}

/* line 512, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy-style-settings-dialog__title {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
}

/* line 518, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy-style-settings-dialog__close {
  align-items: center;
  appearance: none;
  background: rgba(0, 0, 0, 0.47);
  border: 0;
  border-radius: 9999px;
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 0;
  inline-size: 36px;
  justify-content: center;
  line-height: 1;
  block-size: 36px;
  position: relative;
}

/* line 535, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy-style-settings-dialog__close::before,
.takibi-lexxy-style-settings-dialog__close::after {
  background: white;
  border-radius: 9999px;
  content: "";
  height: 2px;
  position: absolute;
  width: 16px;
}

/* line 545, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy-style-settings-dialog__close::before {
  transform: rotate(45deg);
}

/* line 549, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy-style-settings-dialog__close::after {
  transform: rotate(-45deg);
}

/* line 553, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy-style-settings-dialog__options {
  display: grid;
  gap: 10px;
}

/* line 558, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy-style-settings-dialog__option {
  align-items: start;
  border: 1px solid hsl(var(--border));
  border-radius: 14px;
  cursor: pointer;
  display: grid;
  gap: 12px;
  grid-template-columns: auto 1fr;
  padding: 14px 16px;
}

/* line 568, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy-style-settings-dialog__option:has(input:checked) {
  border-color: hsl(var(--primary));
  background: hsl(var(--primary) / 0.08);
}

/* line 574, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy-style-settings-dialog__radio {
  accent-color: hsl(var(--primary));
  margin-top: 2px;
}

/* line 579, app/assets/stylesheets/shared/lexxy.scss */
.takibi-lexxy-style-settings-dialog__option-label {
  font-size: 14px;
  font-weight: 700;
}

/* line 2, app/assets/stylesheets/shared/outside_link.scss */
[data-scope-path='shared/outside_link'] .overlay {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.8);
  z-index: 50;
  animation: appear .3s ease;
}

@keyframes appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* line 23, app/assets/stylesheets/shared/outside_link.scss */
[data-scope-path='shared/outside_link'] .modal {
  position: fixed;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 25px 20px;
  max-width: 420px;
  width: 95%;
  background: #ffffff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
  border-radius: 16px;
  box-sizing: border-box;
  transform: translate(-50%, -50%);
  z-index: 60;
}

/* line 42, app/assets/stylesheets/shared/outside_link.scss */
[data-scope-path='shared/outside_link'] .modal .dismiss-button {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

/* line 49, app/assets/stylesheets/shared/outside_link.scss */
[data-scope-path='shared/outside_link'] .modal .outside-link-dialog-modal {
  display: flex;
  flex-direction: column;
  gap: 20px;
  word-break: break-word;
  align-items: center;
}

/* line 56, app/assets/stylesheets/shared/outside_link.scss */
[data-scope-path='shared/outside_link'] .modal .outside-link-dialog-modal .notice {
  font-weight: bold;
}

/* line 60, app/assets/stylesheets/shared/outside_link.scss */
[data-scope-path='shared/outside_link'] .modal .outside-link-dialog-modal .open-link {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #03a6ff;
  font-size: 14px;
  font-weight: 500;
  overflow-y: auto;
  max-height: 150px;
  padding: 10px 0;
  text-decoration: none;
}

/* line 72, app/assets/stylesheets/shared/outside_link.scss */
[data-scope-path='shared/outside_link'] .modal .outside-link-dialog-modal .open-link:hover {
  opacity: 0.7;
}

/* line 76, app/assets/stylesheets/shared/outside_link.scss */
[data-scope-path='shared/outside_link'] .modal .outside-link-dialog-modal .open-link .material-symbols-rounded {
  font-size: 18px;
}

/* line 80, app/assets/stylesheets/shared/outside_link.scss */
[data-scope-path='shared/outside_link'] .modal .outside-link-dialog-modal .open-link .text {
  text-decoration: underline;
}

/* line 86, app/assets/stylesheets/shared/outside_link.scss */
[data-scope-path='shared/outside_link'] .modal .cancel {
  color: #f1404b;
  text-decoration: underline;
  cursor: pointer;
}

/* line 91, app/assets/stylesheets/shared/outside_link.scss */
[data-scope-path='shared/outside_link'] .modal .cancel:hover {
  opacity: 0.7;
}

/* line 1, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp {
  --landing-activity-surface: rgba(255, 255, 255, 0.04);
  --landing-activity-featured-surface: rgba(255, 255, 255, 0.04);
  --landing-activity-surface-strong: rgba(255, 255, 255, 0.08);
  --landing-activity-surface-soft: rgba(241, 225, 177, 0.08);
  --landing-activity-border: rgba(214, 180, 98, 0.16);
  --landing-activity-accent: #f1e1b1;
  --landing-activity-accent-soft: rgba(241, 225, 177, 0.16);
  --landing-activity-title: #eef3f8;
  --landing-activity-text: #d3deea;
  --landing-activity-muted: #d3deea;
  --landing-activity-shadow: 0 22px 48px rgba(0, 0, 0, 0.28);
  --landing-activity-title-font: "Cinzel", "M PLUS Rounded 1c", serif;
  --landing-activity-kicker-font: "M PLUS Rounded 1c", "Cinzel", serif;
  background: linear-gradient(180deg, rgba(15, 22, 32, 0.94) 0%, rgba(9, 14, 21, 0.98) 100%);
  color: #edf0f5;
  font-family: "Zen Maru Gothic", "Hiragino Sans", sans-serif;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  scroll-behavior: smooth;
  scroll-padding-top: 24px;
  scroll-snap-type: y proximity;
}

/* line 28, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp *,
.guild-lp *::before,
.guild-lp *::after {
  box-sizing: border-box;
}

/* line 34, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-rail {
  backdrop-filter: blur(12px);
  background: rgba(10, 14, 20, 0.74);
  border: 1px solid rgba(214, 180, 98, 0.18);
  border-radius: 24px;
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.34);
  display: none;
  gap: 10px;
  left: 50%;
  padding: 10px 14px;
  position: fixed;
  top: 16px;
  transform: translateX(-50%);
  z-index: 30;
}

/* line 50, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-rail-link {
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

/* line 55, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-rail-link {
  border-radius: 999px;
  color: #f1e1b1;
  font-family: "Cinzel", "M PLUS Rounded 1c", serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  padding: 10px 12px;
}

/* line 65, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-rail-link:hover {
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
  transform: translateY(-2px);
}

/* line 70, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-hero,
.guild-lp-section,
.guild-lp-bottom {
  scroll-snap-align: start;
}

/* line 76, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-hero {
  min-height: 100vh;
  position: relative;
}

/* line 81, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-hero-backdrop,
.guild-lp-hero-overlay {
  inset: 0;
  position: absolute;
}

/* line 87, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-hero-backdrop {
  overflow: hidden;
}

/* line 91, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-hero-backdrop::after {
  background: linear-gradient(180deg, rgba(7, 11, 18, 0.24) 0%, rgba(7, 11, 18, 0.88) 100%);
  content: "";
  inset: 0;
  position: absolute;
}

/* line 99, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-hero-image {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* line 106, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-hero-image--placeholder {
  align-items: center;
  background: radial-gradient(circle at 30% 26%, rgba(255, 255, 255, 0.18), transparent 18%), linear-gradient(140deg, #203246 0%, #102032 46%, #351820 100%);
  display: flex;
  justify-content: center;
}

/* line 115, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-hero-emoji {
  font-size: clamp(120px, 20vw, 220px);
}

/* line 119, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-hero-overlay {
  background: radial-gradient(circle at 50% 20%, rgba(214, 180, 98, 0.14), transparent 22%), linear-gradient(180deg, rgba(9, 14, 21, 0.18) 0%, rgba(9, 14, 21, 0.92) 100%);
}

/* line 125, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-hero-content,
.guild-lp-section-shell {
  margin: 0 auto;
  max-width: 1120px;
  position: relative;
  z-index: 1;
}

/* line 133, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-hero-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
  padding: 104px 20px 56px;
  text-align: center;
}

/* line 143, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-section-label,
.guild-lp-shot-index,
.guild-lp-member-role {
  color: #f1e1b1;
  font-family: "Cinzel", "M PLUS Rounded 1c", serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

/* line 154, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-hero-crest {
  align-items: center;
  background: linear-gradient(145deg, rgba(233, 238, 245, 0.96) 0%, rgba(175, 190, 206, 0.94) 100%);
  border: 4px solid rgba(214, 180, 98, 0.52);
  border-radius: 999px;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.34);
  display: flex;
  height: 132px;
  justify-content: center;
  margin-top: 22px;
  overflow: hidden;
  width: 132px;
}

/* line 169, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-hero-crest-image {
  font-size: 58px;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* line 176, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-hero-title,
.guild-lp-section-title {
  font-family: "Cinzel", "M PLUS Rounded 1c", serif;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 1.2;
  margin: 0;
}

/* line 185, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-hero-title {
  color: #f8f3e8;
  font-size: clamp(38px, 7vw, 74px);
  margin-top: 26px;
  overflow-wrap: anywhere;
  text-shadow: 0 18px 40px rgba(0, 0, 0, 0.42);
}

/* line 193, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-hero-subtitle {
  color: #cbd3de;
  font-size: 16px;
  line-height: 1.9;
  margin: 14px 0 0;
  max-width: 34rem;
}

/* line 201, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-copy,
.guild-lp-empty {
  line-height: 1.9;
}

/* line 206, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-scroll {
  padding: 0 16px 56px;
}

/* line 210, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-section {
  align-content: center;
  display: grid;
  min-height: 100vh;
  padding: 56px 0;
}

/* line 217, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-section-shell {
  display: block;
}

/* line 221, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-section-shell > * + * {
  margin-top: 18px;
}

/* line 225, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-section-head {
  align-items: end;
  display: grid;
  gap: 10px;
}

/* line 231, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-section--activity .group-landing-activity-feed {
  margin-left: auto;
  margin-right: auto;
  max-width: 980px;
}

/* line 237, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-section--activity .group-landing-activity-featured,
.guild-lp-section--activity .group-landing-activity-item,
.guild-lp-section--activity .group-landing-activity-empty,
.guild-lp-section--activity .group-landing-activity-featured-visual,
.guild-lp-section--activity .group-landing-activity-meta-item {
  backdrop-filter: blur(12px);
  background: rgba(255, 255, 255, 0.04);
}

/* line 246, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-section--activity .group-landing-activity-title,
.guild-lp-section--activity .group-landing-activity-item-title,
.guild-lp-section--activity .group-landing-activity-meta-item dd {
  color: #eef3f8;
}

/* line 252, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-section--activity .group-landing-activity-summary,
.guild-lp-section--activity .group-landing-activity-item-summary,
.guild-lp-section--activity .group-landing-activity-empty-text,
.guild-lp-section--activity .group-landing-activity-item-date,
.guild-lp-section--activity .group-landing-activity-item-author,
.guild-lp-section--activity .group-landing-activity-meta-item dt {
  color: #d3deea;
}

/* line 261, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-section--activity .group-landing-activity-featured-link {
  grid-template-columns: minmax(0, 1fr);
}

/* line 265, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-section-title {
  color: #f6f0e3;
  font-size: clamp(30px, 4.6vw, 48px);
}

/* line 270, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-card,
.guild-lp-shot-card,
.guild-lp-member-card {
  backdrop-filter: blur(12px);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(214, 180, 98, 0.14);
  border-radius: 24px;
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.28);
}

/* line 280, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-card {
  padding: 24px;
}

/* line 284, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-card--empty-block {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 220px;
}

/* line 291, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-copy {
  --group-landing-link-color: #f1e1b1;
  --group-landing-highlight-color: #162131;
  --group-landing-highlight-bg: #f1e1b1;
  --group-landing-blockquote-border: rgba(241, 225, 177, 0.6);
  --group-landing-table-border: rgba(220, 228, 239, 0.28);
  --group-landing-table-header-bg: rgba(241, 225, 177, 0.12);
  color: #dce4ef;
  font-size: 15px;
  margin: 0;
}

/* line 303, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-empty {
  color: #c6cfda;
  font-size: 15px;
  margin: 0;
}

/* line 309, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-shot-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 180px));
  justify-content: center;
}

/* line 316, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-shot-card {
  cursor: pointer;
  overflow: hidden;
  padding: 10px;
  transition: transform 180ms ease;
  width: 100%;
}

/* line 324, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-member-name {
  color: #eef3f8;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.7;
}

/* line 331, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-shot-media {
  border-radius: 16px;
  overflow: hidden;
  transition: box-shadow 180ms ease;
}

/* line 337, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-shot-image {
  aspect-ratio: 1 / 1;
  display: block;
  height: 100%;
  object-fit: cover;
  transition: transform 180ms ease, filter 180ms ease;
  width: 100%;
}

/* line 348, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-shot-card:hover {
  transform: translateY(-4px);
}

/* line 352, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-shot-card:hover .guild-lp-shot-media {
  box-shadow: 0 18px 34px rgba(110, 139, 176, 0.18);
}

/* line 356, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-shot-card:hover .guild-lp-shot-image {
  filter: brightness(1.06);
  transform: scale(1.04);
}

/* line 361, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-member-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* line 367, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-member-card {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 220px;
  padding: 22px 16px;
  text-align: center;
}

/* line 377, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-member-avatar {
  border-radius: 999px;
  height: 96px;
  overflow: hidden;
  width: 96px;
}

/* line 384, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-member-avatar-image {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* line 391, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-member-name {
  margin: 14px 0 0;
  overflow-wrap: anywhere;
}

/* line 396, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-member-message {
  color: #d3deea;
  font-size: 13px;
  line-height: 1.8;
  margin: 8px 0 0;
  overflow-wrap: anywhere;
}

/* line 404, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-member-role {
  margin-top: 8px;
}

/* line 408, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-member-role--sub {
  color: #9bb6d8;
}

/* line 412, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-bottom {
  align-items: flex-start;
  border-top: 1px solid rgba(214, 180, 98, 0.14);
  display: flex;
  justify-content: center;
  min-height: 32vh;
  padding: 32px 16px 48px;
}

/* line 421, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-bottom-link {
  background: linear-gradient(180deg, #213244 0%, #111f2d 100%);
  border: 1px solid rgba(214, 180, 98, 0.18);
  border-radius: 999px;
  color: #edf2f7;
  display: inline-flex;
  font-weight: 700;
  justify-content: center;
  max-width: 280px;
  padding: 14px 22px;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  width: 100%;
}

/* line 436, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
.guild-lp-bottom-link:hover {
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
  transform: translateY(-2px);
}

@media (min-width: 768px) {
  /* line 442, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
  .guild-lp-rail {
    display: flex;
    flex-direction: column;
    gap: 8px;
    left: 28px;
    top: 50%;
    transform: translateY(-50%);
  }
  /* line 451, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
  .guild-lp-scroll {
    padding-left: 88px;
    padding-right: 24px;
  }
  /* line 456, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
  .guild-lp-bottom {
    padding-left: 112px;
    padding-right: 24px;
  }
  /* line 461, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
  .guild-lp-hero-content {
    padding-left: 112px;
    padding-right: 24px;
  }
  /* line 466, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
  .guild-lp-section-shell {
    display: block;
  }
  /* line 470, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
  .guild-lp-section-shell > * + * {
    margin-top: 22px;
  }
  /* line 474, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
  .guild-lp-shot-grid {
    grid-template-columns: repeat(3, minmax(0, 210px));
  }
  /* line 478, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
  .guild-lp-member-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  /* line 484, app/assets/groups_stylesheets/subdomains/groups_landing/_guild.scss */
  .guild-lp-shot-grid {
    grid-template-columns: repeat(5, minmax(0, 180px));
  }
}

/* line 1, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp {
  --adventure-cream: #f7f1e3;
  --adventure-sky: #dff0ff;
  --adventure-sky-deep: #2b4c77;
  --adventure-navy: #152b4a;
  --adventure-night: #0d2037;
  --adventure-text: #18304f;
  --adventure-muted: rgba(24, 48, 79, 0.74);
  --adventure-line: rgba(21, 43, 74, 0.16);
  --adventure-orange: #e58b43;
  --adventure-green: #6c8c4c;
  --adventure-red: #b94d4a;
  --adventure-gold: #f1c86d;
  --landing-activity-surface: rgba(255, 249, 240, 0.88);
  --landing-activity-featured-surface: rgba(255, 253, 248, 0.95);
  --landing-activity-surface-strong: rgba(255, 255, 255, 0.98);
  --landing-activity-surface-soft: rgba(223, 240, 255, 0.68);
  --landing-activity-border: rgba(21, 43, 74, 0.12);
  --landing-activity-accent: #2b4c77;
  --landing-activity-accent-soft: rgba(43, 76, 119, 0.12);
  --landing-activity-title: #152b4a;
  --landing-activity-text: #264463;
  --landing-activity-muted: rgba(38, 68, 99, 0.72);
  --landing-activity-shadow: 0 24px 50px rgba(32, 57, 90, 0.12);
  --landing-activity-title-font: "M PLUS Rounded 1c", "Hiragino Sans", sans-serif;
  --landing-activity-kicker-font: "M PLUS Rounded 1c", "Hiragino Sans", sans-serif;
  background: radial-gradient(circle at 12% 18%, rgba(241, 200, 109, 0.18), transparent 18%), radial-gradient(circle at 82% 12%, rgba(223, 240, 255, 0.8), transparent 22%), linear-gradient(180deg, #fcf8ef 0%, #edf5ff 28%, #f8f0de 56%, #f6f1e8 100%);
  color: var(--adventure-text);
  font-family: "M PLUS Rounded 1c", "Hiragino Sans", sans-serif;
  overflow: hidden;
  position: relative;
}

/* line 37, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp::before,
.adventure-lp::after {
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

/* line 45, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp::before {
  background: repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.12) 0, rgba(255, 255, 255, 0.12) 1px, transparent 1px, transparent 16px), repeating-linear-gradient(90deg, rgba(21, 43, 74, 0.04) 0, rgba(21, 43, 74, 0.04) 1px, transparent 1px, transparent 20px);
  mix-blend-mode: multiply;
  opacity: 0.52;
  z-index: 0;
  animation: none;
}

/* line 67, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp::after {
  background: radial-gradient(circle at 12% 20%, rgba(255, 255, 255, 0.72), transparent 2.5px), radial-gradient(circle at 22% 32%, rgba(255, 255, 255, 0.56), transparent 2px), radial-gradient(circle at 68% 16%, rgba(255, 255, 255, 0.68), transparent 2.5px), radial-gradient(circle at 84% 38%, rgba(255, 255, 255, 0.54), transparent 2px), radial-gradient(circle at 74% 72%, rgba(255, 255, 255, 0.64), transparent 2.5px), radial-gradient(circle at 32% 76%, rgba(255, 255, 255, 0.46), transparent 2px);
  z-index: 0;
  opacity: 0.32;
  animation: none;
}

/* line 80, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp *,
.adventure-lp *::before,
.adventure-lp *::after {
  box-sizing: border-box;
}

/* line 86, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp a {
  color: inherit;
}

/* line 90, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp [data-journey-reveal-target="reveal"] {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 900ms ease, transform 900ms cubic-bezier(0.2, 0.7, 0.2, 1);
  transition-delay: calc(var(--journey-order, 0) * 90ms);
}

/* line 99, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp .is-visible[data-journey-reveal-target="reveal"] {
  opacity: 1;
  transform: translateY(0);
}

/* line 104, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-atlas,
.adventure-lp-atlas-layer {
  inset: 0;
  pointer-events: none;
  position: absolute;
}

/* line 111, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-atlas {
  overflow: hidden;
}

/* line 115, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-atlas-layer {
  opacity: 0.74;
}

/* line 119, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-atlas-layer--sky {
  background: radial-gradient(circle at 18% 22%, rgba(255, 255, 255, 0.9), transparent 2px), radial-gradient(circle at 32% 14%, rgba(255, 255, 255, 0.62), transparent 1.5px), radial-gradient(circle at 64% 24%, rgba(255, 255, 255, 0.85), transparent 2px), radial-gradient(circle at 78% 12%, rgba(255, 255, 255, 0.64), transparent 1.5px), radial-gradient(circle at 84% 28%, rgba(255, 255, 255, 0.85), transparent 2px);
  background-size: 520px 320px;
  animation: adventure-drift 24s linear infinite;
}

/* line 130, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-atlas-layer--sky::before {
  background: radial-gradient(circle at 24% 18%, rgba(255, 255, 255, 0.56), transparent 2px), radial-gradient(circle at 46% 24%, rgba(255, 255, 255, 0.48), transparent 1.5px), radial-gradient(circle at 70% 22%, rgba(255, 255, 255, 0.6), transparent 2px), radial-gradient(circle at 80% 34%, rgba(255, 255, 255, 0.38), transparent 1.5px);
  background-size: 480px 280px;
  content: "";
  inset: 0;
  position: absolute;
  animation: none;
}

/* line 143, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-atlas-layer--sky::after {
  background: radial-gradient(circle at 20% 26%, rgba(223, 240, 255, 0.24), transparent 24%), radial-gradient(circle at 78% 18%, rgba(241, 200, 109, 0.18), transparent 20%), radial-gradient(circle at 56% 72%, rgba(255, 255, 255, 0.16), transparent 24%);
  content: "";
  inset: -4%;
  position: absolute;
  animation: none;
}

/* line 154, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-atlas-layer--grid {
  background: linear-gradient(rgba(43, 76, 119, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(43, 76, 119, 0.12) 1px, transparent 1px);
  background-size: 120px 120px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.2));
  animation: none;
}

/* line 163, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-atlas-layer--route {
  background: radial-gradient(circle at 24% 38%, rgba(229, 139, 67, 0.18), transparent 24%), radial-gradient(circle at 74% 58%, rgba(108, 140, 76, 0.12), transparent 28%);
}

/* line 169, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-atlas-layer--route {
  animation: none;
}

/* line 173, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-atlas-layer--route::before,
.adventure-lp-atlas-layer--route::after {
  border: 2px dashed rgba(21, 43, 74, 0.22);
  border-radius: 999px;
  content: "";
  position: absolute;
}

/* line 181, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-atlas-layer--route::before {
  height: 420px;
  left: -4%;
  top: 14%;
  transform: rotate(8deg);
  width: 68%;
  animation: none;
}

/* line 190, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-atlas-layer--route::after {
  height: 380px;
  right: -6%;
  top: 48%;
  transform: rotate(-12deg);
  width: 62%;
  animation: none;
}

/* line 199, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-atlas-layer--route span {
  display: none;
}

/* line 203, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-atlas-layer--marks::before,
.adventure-lp-atlas-layer--marks::after {
  border: 1px solid rgba(21, 43, 74, 0.14);
  color: rgba(21, 43, 74, 0.28);
  content: "";
  position: absolute;
}

/* line 211, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-atlas-layer--marks::before {
  border-radius: 999px;
  height: 172px;
  right: 8%;
  top: 16%;
  width: 172px;
  animation: none;
}

/* line 220, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-atlas-layer--marks::after {
  border-left: 0;
  border-right: 0;
  height: 84px;
  left: 9%;
  top: 58%;
  width: 220px;
  animation: none;
}

/* line 230, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-shell {
  margin: 0 auto;
  max-width: 1180px;
  padding-left: 24px;
  padding-right: 24px;
  position: relative;
  z-index: 1;
}

/* line 239, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-hero {
  min-height: 100vh;
  padding-bottom: 56px;
  padding-top: 30px;
  position: relative;
}

/* line 246, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-hero-copy {
  align-content: center;
  display: grid;
  gap: 22px;
  grid-column: 2;
  grid-row: 1 / span 2;
}

/* line 254, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-hero-shell {
  align-items: center;
  display: grid;
  gap: 42px;
  grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr);
}

/* line 261, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-hero-stack {
  container-type: inline-size;
  display: grid;
  gap: 20px;
  grid-column: 1;
  grid-row: 1;
}

/* line 269, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-section-kicker,
.adventure-lp-paper-label,
.adventure-lp-member-index {
  color: var(--adventure-sky-deep);
  font-family: "M PLUS Rounded 1c", "Hiragino Sans", sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.2em;
  margin: 0;
}

/* line 280, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-hero-title,
.adventure-lp-section-title,
.adventure-lp-member-name,
.adventure-lp-note-title {
  font-family: "M PLUS Rounded 1c", "Hiragino Sans", sans-serif;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

/* line 290, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-hero-title {
  color: var(--adventure-night);
  font-size: clamp(46px, 8vw, 88px);
  margin-bottom: 28px;
  text-wrap: balance;
}

/* line 297, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-note-text,
.adventure-lp-member-message,
.adventure-lp-empty {
  color: var(--adventure-muted);
  line-height: 1.9;
  margin: 0;
}

/* line 305, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-button {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  gap: 10px;
  justify-content: center;
  min-height: 52px;
  padding: 0 22px;
  position: relative;
  text-decoration: none;
  transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, border-color 180ms ease;
}

/* line 324, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-button::after {
  content: "⚑";
  display: inline-block;
  transition: transform 220ms ease;
}

/* line 330, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-button:hover {
  transform: translateY(-2px);
}

/* line 334, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-button:hover::after {
  animation: adventure-flag 1.1s ease-in-out infinite;
}

/* line 338, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp a.adventure-lp-button--primary {
  background: linear-gradient(135deg, var(--adventure-night), var(--adventure-sky-deep));
  box-shadow: 0 20px 34px rgba(21, 43, 74, 0.18);
  color: #fff7ec;
}

/* line 344, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-button--ghost {
  background: rgba(255, 251, 244, 0.8);
  border: 1px solid rgba(21, 43, 74, 0.14);
  color: var(--adventure-night);
}

/* line 350, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-hero-visual {
  min-height: 680px;
  position: relative;
}

/* line 355, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-painting {
  border-radius: 36px;
  box-shadow: 0 40px 64px rgba(29, 54, 87, 0.18);
  overflow: hidden;
  position: relative;
}

/* line 362, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-painting::before {
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 28px;
  content: "";
  inset: 14px;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}

/* line 372, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-painting-image {
  aspect-ratio: 4 / 5;
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* line 380, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-painting-image--placeholder {
  align-items: center;
  background: radial-gradient(circle at 20% 16%, rgba(255, 255, 255, 0.7), transparent 18%), linear-gradient(160deg, #eff8ff 0%, #8bb7df 36%, #2b4c77 76%, #14263f 100%);
  display: flex;
  justify-content: center;
}

/* line 389, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-painting-emoji {
  font-size: clamp(120px, 16vw, 200px);
}

/* line 393, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-painting-shade {
  background: linear-gradient(180deg, rgba(10, 19, 34, 0.02) 0%, rgba(10, 19, 34, 0.28) 62%, rgba(10, 19, 34, 0.44) 100%);
  inset: 0;
  position: absolute;
}

/* line 400, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-emblem {
  align-items: center;
  background: rgba(255, 248, 236, 0.92);
  border: 1px solid rgba(21, 43, 74, 0.12);
  border-radius: 28px;
  box-shadow: 0 20px 36px rgba(20, 38, 63, 0.16);
  display: flex;
  height: 104px;
  justify-content: center;
  left: 28px;
  overflow: hidden;
  position: absolute;
  top: 28px;
  width: 104px;
  z-index: 3;
}

/* line 417, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-emblem-image {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* line 423, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-compass {
  height: 160px;
  position: absolute;
  right: 28px;
  top: 30px;
  width: 160px;
  z-index: 3;
}

/* line 432, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-compass-ring,
.adventure-lp-compass-line,
.adventure-lp-compass-center {
  position: absolute;
}

/* line 438, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-compass-ring {
  border: 1px solid rgba(255, 248, 236, 0.64);
  border-radius: 999px;
  inset: 16px;
}

/* line 444, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-compass-line {
  background: rgba(255, 248, 236, 0.56);
}

/* line 448, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-compass-line--vertical {
  height: 100%;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 1px;
}

/* line 456, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-compass-line--horizontal {
  height: 1px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

/* line 464, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-compass-center {
  background: var(--adventure-gold);
  border-radius: 999px;
  height: 14px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
}

/* line 474, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-compass-letter {
  color: rgba(255, 248, 236, 0.78);
  font-family: "M PLUS Rounded 1c", "Hiragino Sans", sans-serif;
  font-size: 12px;
  font-weight: 700;
  position: absolute;
}

/* line 482, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-compass-letter--north {
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

/* line 488, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-compass-letter--east {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* line 494, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-compass-letter--south {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

/* line 500, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-compass-letter--west {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* line 506, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-note,
.adventure-lp-shot-card,
.adventure-lp-paper,
.adventure-lp-member-card,
.adventure-lp-activity-board,
.adventure-lp-portal-card {
  backdrop-filter: blur(8px);
  background: linear-gradient(180deg, rgba(255, 252, 246, 0.86), rgba(255, 248, 238, 0.92));
  border: 1px solid rgba(21, 43, 74, 0.1);
  box-shadow: 0 24px 44px rgba(35, 60, 92, 0.12);
}

/* line 519, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-note {
  border-radius: 24px;
  padding: 20px 20px 18px;
  position: absolute;
  z-index: 4;
}

/* line 526, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-note--manifest {
  left: -26px;
  top: 52%;
  transform: rotate(-5deg);
  width: 330px;
}

/* line 533, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-note--route {
  bottom: 44px;
  right: -10px;
  width: 210px;
}

/* line 539, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-note--board {
  padding-top: 30px;
  position: relative;
  transform: rotate(-2deg);
}

/* line 545, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-note--board::before {
  background: var(--adventure-red);
  border-radius: 999px;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.82);
  content: "";
  height: 14px;
  left: 18px;
  position: absolute;
  top: 18px;
  width: 14px;
}

/* line 557, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-note-text {
  font-size: 14px;
  margin-top: 10px;
}

/* line 562, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-owner-card {
  align-items: center;
  display: grid;
  gap: 14px;
  grid-template-columns: 62px minmax(0, 1fr);
}

/* line 569, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-owner-avatar {
  aspect-ratio: 1;
  border-radius: 18px;
  overflow: hidden;
  width: 62px;
}

/* line 576, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-owner-avatar-image {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* line 583, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-owner-copy {
  display: grid;
  gap: 6px;
}

/* line 588, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-owner-name {
  color: var(--adventure-night);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
}

/* line 596, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-owner-message {
  color: var(--adventure-muted);
  font-size: 14px;
  line-height: 1.8;
  margin: 0;
}

/* line 603, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-shot-card {
  border-radius: 22px;
  cursor: pointer;
  overflow: hidden;
  padding: 10px;
  position: absolute;
  transition: transform 220ms ease, box-shadow 220ms ease;
}

/* line 614, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-shot-card::after,
.adventure-lp-member-card::after,
.adventure-lp-paper::after,
.adventure-lp-portal-card::after,
.adventure-lp-activity-board::after {
  background: linear-gradient(90deg, var(--adventure-orange), var(--adventure-gold));
  border-radius: 999px;
  content: "";
  height: 2px;
  left: 24px;
  position: absolute;
  top: 0;
  transform: scaleX(0.24);
  transform-origin: left center;
  transition: transform 220ms ease;
  width: calc(100% - 48px);
}

/* line 632, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-shot-card:hover,
.adventure-lp-member-card:hover,
.adventure-lp-paper:hover,
.adventure-lp-portal-card:hover,
.adventure-lp-activity-board:hover {
  transform: translateY(-4px);
}

/* line 640, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-shot-card:hover::after,
.adventure-lp-member-card:hover::after,
.adventure-lp-paper:hover::after,
.adventure-lp-portal-card:hover::after,
.adventure-lp-activity-board:hover::after {
  transform: scaleX(1);
}

/* line 648, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-shot-card--hero:nth-of-type(1) {
  bottom: 116px;
  right: -8px;
  transform: rotate(6deg);
  width: 180px;
}

/* line 655, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-shot-card--hero:nth-of-type(2) {
  bottom: 26px;
  right: 150px;
  transform: rotate(-6deg);
  width: 156px;
}

/* line 662, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-shot-card-frame {
  border-radius: 14px;
  overflow: hidden;
}

/* line 667, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-shot-card-image {
  aspect-ratio: 4 / 3;
  display: block;
  height: 100%;
  object-fit: cover;
  transition: transform 240ms ease;
  width: 100%;
}

/* line 676, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-shot-card:hover .adventure-lp-shot-card-image {
  transform: scale(1.04);
}

/* line 680, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-story {
  padding-bottom: 84px;
  position: relative;
}

/* line 685, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-section {
  padding: 88px 0;
  position: relative;
}

/* line 690, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-section-head {
  display: grid;
  gap: 12px;
  margin-bottom: 34px;
  max-width: 780px;
}

/* line 697, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-section-title {
  color: var(--adventure-night);
  font-size: clamp(36px, 5.2vw, 70px);
  text-wrap: balance;
}

/* line 703, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-rules-layout {
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
}

/* line 709, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-paper {
  border-radius: 30px;
  padding: 32px;
  position: relative;
}

/* line 715, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-paper--hero {
  max-width: 34rem;
}

/* line 719, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-paper-head {
  display: grid;
  gap: 8px;
  margin-bottom: 20px;
}

/* line 725, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-copy {
  --group-landing-link-color: #21456e;
  --group-landing-highlight-color: #10233c;
  --group-landing-highlight-bg: rgba(241, 200, 109, 0.6);
  --group-landing-blockquote-border: rgba(43, 76, 119, 0.3);
  --group-landing-table-border: rgba(21, 43, 74, 0.14);
  --group-landing-table-header-bg: rgba(223, 240, 255, 0.6);
  color: var(--adventure-text);
  font-size: 15px;
}

/* line 736, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-pinboard {
  align-content: start;
  display: grid;
  gap: 18px;
}

/* line 742, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-hero-pinboard {
  display: grid;
  justify-items: start;
  grid-column: 1;
  grid-row: 2;
}

/* line 749, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-hero-pinboard .adventure-lp-shot-card {
  margin: 0 auto;
  max-width: 100%;
  position: relative;
  transform: rotate(-3deg);
  width: 70%;
}

/* line 757, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-pinboard .adventure-lp-shot-card {
  position: relative;
  transform: rotate(-2deg);
  width: 100%;
}

/* line 763, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-pinboard .adventure-lp-shot-card:nth-child(3) {
  transform: rotate(3deg);
}

/* line 767, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-pinboard .adventure-lp-shot-card:nth-child(4) {
  transform: rotate(-4deg);
}

/* line 771, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-member-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

/* line 777, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-member-card {
  border-radius: 28px;
  padding: 12px;
  position: relative;
  transition: transform 220ms ease, box-shadow 220ms ease;
}

/* line 786, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-member-card-inner {
  background: linear-gradient(180deg, rgba(255, 252, 248, 0.94), rgba(250, 244, 233, 0.94));
  border: 1px solid rgba(21, 43, 74, 0.08);
  border-radius: 22px;
  display: grid;
  gap: 16px;
  height: 100%;
  padding: 18px;
}

/* line 797, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-member-avatar {
  aspect-ratio: 1;
  border-radius: 20px;
  overflow: hidden;
  width: 96px;
}

/* line 804, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-member-avatar-image {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* line 811, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-member-copy {
  display: grid;
  gap: 10px;
}

/* line 816, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-member-name {
  color: var(--adventure-night);
  font-size: 24px;
}

/* line 821, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-member-message {
  font-size: 14px;
}

/* line 825, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-member-message--empty {
  color: rgba(24, 48, 79, 0.46);
}

/* line 829, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-paper--empty {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 220px;
}

/* line 836, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-activity-board,
.adventure-lp-portal-card {
  border-radius: 30px;
  padding: 26px;
  position: relative;
}

/* line 843, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-section--activity .group-landing-activity-feed {
  margin-top: 0;
}

/* line 847, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-section--activity .group-landing-activity-featured,
.adventure-lp-section--activity .group-landing-activity-item,
.adventure-lp-section--activity .group-landing-activity-empty,
.adventure-lp-section--activity .group-landing-activity-featured-visual,
.adventure-lp-section--activity .group-landing-activity-meta-item {
  background: linear-gradient(180deg, rgba(255, 252, 246, 0.82), rgba(255, 248, 238, 0.92));
}

/* line 856, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-section--activity .group-landing-activity-featured-link {
  gap: 24px;
}

/* line 860, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-section--activity .group-landing-activity-item-link {
  gap: 24px;
}

/* line 864, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-section--activity .group-landing-activity-featured:hover,
.adventure-lp-section--activity .group-landing-activity-item:hover {
  border-color: rgba(21, 43, 74, 0.18);
  box-shadow: 0 28px 46px rgba(35, 60, 92, 0.14);
  transform: translateY(-3px);
}

/* line 871, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-section--activity .group-landing-activity-featured:hover .group-landing-activity-image {
  transform: scale(1.03);
}

/* line 875, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-portal-card {
  align-items: center;
  display: grid;
  gap: 28px;
  grid-template-columns: minmax(0, 1fr) auto;
}

/* line 882, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp-portal-actions {
  align-items: flex-end;
  display: grid;
  gap: 18px;
  justify-items: end;
}

/* line 889, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp a.adventure-lp-button--portal {
  color: #fffaf0;
  min-width: 260px;
  text-shadow: 0 1px 0 rgba(13, 32, 55, 0.18);
}

/* line 895, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
.adventure-lp a.adventure-lp-button--portal::after {
  color: #fffaf0;
}

@media (max-width: 960px) {
  /* line 900, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
  .adventure-lp-hero-shell,
.adventure-lp-rules-layout,
.adventure-lp-portal-card {
    grid-template-columns: minmax(0, 1fr);
  }
  /* line 906, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
  .adventure-lp-hero-copy,
.adventure-lp-hero-stack,
.adventure-lp-hero-pinboard {
    grid-column: auto;
    grid-row: auto;
  }
  /* line 913, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
  .adventure-lp-paper--hero {
    max-width: none;
    width: 100%;
  }
  /* line 918, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
  .adventure-lp-hero-visual {
    margin-top: 20px;
    min-height: 760px;
  }
  /* line 923, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
  .adventure-lp-note--manifest {
    left: 16px;
    top: 54%;
  }
}

@media (max-width: 760px) {
  /* line 930, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
  .adventure-lp-shell {
    padding-left: 16px;
    padding-right: 16px;
  }
  /* line 935, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
  .adventure-lp-hero {
    padding-top: 30px;
  }
  /* line 939, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
  .adventure-lp-button {
    width: 100%;
  }
  /* line 943, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
  .adventure-lp-hero-visual {
    margin-left: auto;
    margin-right: auto;
    min-height: 760px;
  }
  @supports (zoom: calc(0.62 + (progress(100cqi, 340px, 520px) * 0.38))) {
    /* line 950, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
    .adventure-lp-hero-visual {
      max-width: none;
      transform-origin: top center;
      width: 520px;
      zoom: calc(0.62 + (progress(100cqi, 340px, 520px) * 0.38));
    }
  }
  /* line 958, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
  .adventure-lp-emblem {
    height: 88px;
    left: 18px;
    top: 18px;
    width: 88px;
  }
  /* line 965, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
  .adventure-lp-compass {
    height: 118px;
    right: 18px;
    top: 20px;
    width: 118px;
  }
  /* line 972, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
  .adventure-lp-note--manifest {
    bottom: 126px;
    left: 12px;
    max-width: 320px;
    position: absolute;
    right: auto;
    top: auto;
    transform: rotate(-4deg);
    width: 78%;
  }
  /* line 983, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
  .adventure-lp-note--route {
    bottom: 26px;
    left: auto;
    max-width: 220px;
    position: absolute;
    right: 12px;
    top: auto;
    transform: rotate(3deg);
    width: 62%;
  }
  /* line 994, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
  .adventure-lp-shot-card--hero {
    bottom: 24px;
    width: 41%;
  }
  /* line 999, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
  .adventure-lp-shot-card--hero:nth-of-type(1) {
    right: 10px;
    transform: rotate(6deg);
  }
  /* line 1004, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
  .adventure-lp-shot-card--hero:nth-of-type(2) {
    bottom: 245px;
    left: auto;
    right: -10px;
    transform: rotate(-7deg);
  }
  /* line 1011, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
  .adventure-lp-hero-pinboard .adventure-lp-shot-card {
    transform: rotate(-2deg);
    width: 100%;
  }
  /* line 1016, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
  .adventure-lp-paper,
.adventure-lp-activity-board,
.adventure-lp-portal-card {
    border-radius: 24px;
    padding: 22px;
  }
  /* line 1023, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
  .adventure-lp-section {
    padding: 70px 0;
  }
  /* line 1027, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
  .adventure-lp-member-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  /* line 1031, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
  .adventure-lp-portal-actions {
    justify-items: stretch;
  }
  /* line 1035, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
  .adventure-lp-button--portal {
    min-width: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  /* line 1041, app/assets/groups_stylesheets/subdomains/groups_landing/_adventure.scss */
  .adventure-lp::before,
.adventure-lp::after,
.adventure-lp-atlas-layer,
.adventure-lp-atlas-layer--sky::before,
.adventure-lp-atlas-layer--sky::after,
.adventure-lp-atlas-layer--route::before,
.adventure-lp-atlas-layer--route::after,
.adventure-lp-atlas-layer--marks::before,
.adventure-lp-atlas-layer--marks::after,
.adventure-lp-button::after {
    animation: none;
  }
}

@keyframes adventure-paper-drift {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-8px, 10px, 0);
  }
}

@keyframes adventure-light-sweep {
  from {
    background-position: 0 0, 0 0, 0 0, 0 0, 0 0;
  }
  to {
    background-position: 18px -12px, -20px 16px, 14px -8px, 0 0, 0 0;
  }
}

@keyframes adventure-twinkle {
  0%,
100% {
    opacity: 0.34;
  }
  50% {
    opacity: 0.82;
  }
}

@keyframes adventure-constellation-drift {
  from {
    background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, -40% 0;
  }
  to {
    background-position: 16px -10px, -12px 18px, 10px -8px, -14px 10px, 12px -14px, -8px 12px, 140% 0;
  }
}

@keyframes adventure-drift {
  from {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(-12px, 10px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes adventure-sky-glow {
  0%,
100% {
    opacity: 0.72;
  }
  50% {
    opacity: 0.92;
  }
}

@keyframes adventure-cloud-drift {
  from {
    transform: translate3d(-18px, 0, 0);
  }
  to {
    transform: translate3d(18px, 12px, 0);
  }
}

@keyframes adventure-breathe {
  0%,
100% {
    opacity: 0.54;
  }
  50% {
    opacity: 0.72;
  }
}

@keyframes adventure-grid {
  from {
    background-position: 0 0, 0 0;
  }
  to {
    background-position: 0 140px, 140px 0;
  }
}

@keyframes adventure-route-glow {
  0%,
100% {
    opacity: 0.48;
    filter: drop-shadow(0 0 0 rgba(229, 139, 67, 0));
  }
  50% {
    opacity: 0.88;
    filter: drop-shadow(0 0 14px rgba(229, 139, 67, 0.18));
  }
}

@keyframes adventure-route-one {
  from {
    transform: translate3d(0, 0, 0) rotate(8deg);
  }
  to {
    transform: translate3d(10px, -8px, 0) rotate(10deg);
  }
}

@keyframes adventure-route-two {
  from {
    transform: translate3d(0, 0, 0) rotate(-12deg);
  }
  to {
    transform: translate3d(-12px, 10px, 0) rotate(-9deg);
  }
}

@keyframes adventure-compass-sway {
  0%,
100% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(4deg);
  }
}

@keyframes adventure-route-float {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(12px, -6px, 0);
  }
}

@keyframes adventure-flag {
  0%,
100% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(10deg);
  }
}

/* line 1, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp {
  --atelier-paper: rgba(250, 244, 233, 0.94);
  --atelier-paper-strong: rgba(255, 250, 242, 0.98);
  --atelier-panel: rgba(18, 31, 43, 0.9);
  --atelier-panel-soft: rgba(34, 52, 68, 0.74);
  --atelier-ink: #10283a;
  --atelier-ink-soft: rgba(16, 40, 58, 0.74);
  --atelier-line: rgba(16, 40, 58, 0.12);
  --atelier-accent: #ca6d52;
  --atelier-accent-soft: rgba(202, 109, 82, 0.16);
  --atelier-shadow: 0 28px 70px rgba(9, 24, 39, 0.16);
  --landing-activity-surface: rgba(255, 250, 243, 0.96);
  --landing-activity-featured-surface: rgba(255, 250, 245, 0.98);
  --landing-activity-surface-strong: rgba(248, 238, 228, 0.94);
  --landing-activity-surface-soft: rgba(202, 109, 82, 0.08);
  --landing-activity-border: rgba(16, 40, 58, 0.1);
  --landing-activity-accent: #ca6d52;
  --landing-activity-accent-soft: rgba(202, 109, 82, 0.14);
  --landing-activity-title: #10283a;
  --landing-activity-text: #304557;
  --landing-activity-muted: rgba(48, 69, 87, 0.78);
  --landing-activity-shadow: 0 22px 54px rgba(9, 24, 39, 0.08);
  --landing-activity-title-font: "Noto Serif JP", serif;
  --landing-activity-kicker-font: "M PLUS Rounded 1c", sans-serif;
  background: radial-gradient(circle at 14% 16%, rgba(255, 232, 212, 0.7), transparent 22%), radial-gradient(circle at 82% 12%, rgba(198, 221, 231, 0.54), transparent 22%), linear-gradient(180deg, #fbf5ed 0%, #f4eadf 42%, #f7efe7 100%);
  color: var(--atelier-ink);
  font-family: "M PLUS Rounded 1c", "Hiragino Sans", sans-serif;
  overflow: clip;
  position: relative;
}

/* line 35, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp::before,
.atelier-lp::after {
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

/* line 43, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp::before {
  background: linear-gradient(110deg, transparent 0 18%, rgba(255, 255, 255, 0.42) 32%, transparent 46%), linear-gradient(180deg, rgba(16, 40, 58, 0.02), rgba(16, 40, 58, 0.08));
  opacity: 0.86;
}

/* line 50, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp::after {
  background: linear-gradient(90deg, rgba(16, 40, 58, 0.08) 0, rgba(16, 40, 58, 0.08) 1px, transparent 1px, transparent 112px), linear-gradient(180deg, rgba(16, 40, 58, 0.05) 0, rgba(16, 40, 58, 0.05) 1px, transparent 1px, transparent 112px);
  mask-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.45), transparent);
  opacity: 0.28;
}

/* line 58, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp *,
.atelier-lp *::before,
.atelier-lp *::after {
  box-sizing: border-box;
}

/* line 64, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp a {
  color: inherit;
}

/* line 68, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-backdrop {
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  position: fixed;
  z-index: 0;
}

/* line 76, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-backdrop-band {
  animation: atelier-band-drift 16s ease-in-out infinite, atelier-band-glow 7.2s ease-in-out infinite;
  animation-delay: var(--atelier-band-delay), calc(var(--atelier-band-delay) * -0.4);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.52), rgba(202, 109, 82, 0.08));
  border-radius: 999px;
  height: 42vh;
  left: var(--atelier-band-left);
  opacity: 0.34;
  position: absolute;
  top: -8vh;
  transform: rotate(-12deg);
  width: 1px;
}

/* line 92, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-shell {
  margin: 0 auto;
  max-width: 1280px;
  padding: 0 24px;
  position: relative;
  width: 100%;
  z-index: 1;
}

/* line 101, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-main {
  padding-bottom: 96px;
}

/* line 105, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-section {
  padding: 44px 0;
  position: relative;
  view-timeline-axis: block;
  view-timeline-name: --atelier-section;
}

/* line 112, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-section + .atelier-lp-section::before {
  background: linear-gradient(90deg, transparent, rgba(16, 40, 58, 0.1), transparent);
  content: "";
  height: 1px;
  left: 24px;
  position: absolute;
  right: 24px;
  top: 0;
}

/* line 122, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-hero {
  min-height: 100vh;
  padding: 56px 0 48px;
}

/* line 127, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-split {
  align-items: start;
  display: grid;
  gap: 40px 48px;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
}

/* line 134, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-copy-pane,
.atelier-lp-visual-pane {
  min-width: 0;
}

/* line 139, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-visual-pane--stack {
  position: sticky;
  top: 30px;
}

/* line 144, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-copy-pane {
  display: grid;
  gap: 22px;
  justify-items: start;
}

/* line 150, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-copy-pane--hero {
  padding: 12px 0;
}

/* line 154, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-kicker,
.atelier-lp-owner-label,
.atelier-lp-stat-label,
.atelier-lp-member-index {
  color: var(--atelier-ink-soft);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  margin: 0;
  text-transform: uppercase;
}

/* line 166, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-title,
.atelier-lp-section-title,
.atelier-lp-member-name,
.atelier-lp-portal-title {
  font-family: "Noto Serif JP", serif;
}

/* line 173, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-title {
  font-size: clamp(42px, 7vw, 98px);
  font-weight: 900;
  line-break: anywhere;
  line-height: 1.02;
  margin: 0;
  max-width: 8.8em;
}

/* line 182, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-section-title {
  font-size: clamp(28px, 4vw, 46px);
  font-weight: 800;
  line-height: 1.18;
  margin: 0;
}

/* line 189, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-section-text {
  color: var(--atelier-ink-soft);
  font-size: 15px;
  line-height: 1.9;
  margin: 0;
  max-width: 34em;
}

/* line 197, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-copy {
  color: var(--atelier-ink);
  max-width: 34rem;
}

/* line 202, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-copy--compact {
  max-width: 38rem;
}

/* line 206, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-copy .group-landing-rich-text {
  font-size: 15px;
  line-height: 1.95;
}

/* line 211, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-copy .group-landing-rich-text p:first-child {
  margin-top: 0;
}

/* line 215, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-empty {
  color: var(--atelier-ink-soft);
  font-size: 15px;
  line-height: 1.8;
  margin: 0;
}

/* line 222, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* line 228, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-tag {
  background: rgba(255, 255, 255, 0.66);
  border: 1px solid rgba(16, 40, 58, 0.12);
  border-radius: 999px;
  color: var(--atelier-ink-soft);
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  padding: 8px 14px;
}

/* line 239, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-stats {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  max-width: 460px;
  width: 100%;
}

/* line 248, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-stat {
  background: rgba(255, 255, 255, 0.68);
  border: 1px solid rgba(16, 40, 58, 0.1);
  border-radius: 22px;
  box-shadow: 0 18px 44px rgba(16, 40, 58, 0.06);
  display: grid;
  gap: 8px;
  padding: 18px 20px;
}

/* line 258, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-stat-label,
.atelier-lp-stat-value {
  margin: 0;
}

/* line 263, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-stat-value {
  color: var(--atelier-ink);
  font-family: "Noto Serif JP", serif;
  font-size: clamp(28px, 3.2vw, 40px);
  font-weight: 800;
  line-height: 1;
}

/* line 271, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-owner-note {
  align-items: center;
  background: rgba(255, 250, 243, 0.78);
  border: 1px solid rgba(16, 40, 58, 0.1);
  border-radius: 24px;
  box-shadow: 0 22px 56px rgba(16, 40, 58, 0.08);
  display: grid;
  gap: 16px;
  grid-template-columns: auto minmax(0, 1fr);
  padding: 18px 20px;
  max-width: 540px;
  width: 100%;
}

/* line 285, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-owner-avatar {
  background: rgba(202, 109, 82, 0.12);
  border-radius: 20px;
  display: grid;
  height: 72px;
  overflow: hidden;
  place-items: center;
  width: 72px;
}

/* line 295, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-owner-avatar-image {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* line 301, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-owner-copy {
  display: grid;
  gap: 6px;
}

/* line 306, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-owner-name,
.atelier-lp-owner-message {
  margin: 0;
}

/* line 311, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-owner-name {
  font-size: 17px;
  font-weight: 800;
}

/* line 316, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-owner-message {
  color: var(--atelier-ink-soft);
  font-size: 13px;
  line-height: 1.8;
}

/* line 322, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

/* line 328, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-button {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 14px;
  font-weight: 800;
  justify-content: center;
  min-height: 52px;
  padding: 0 22px;
  text-decoration: none;
  transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, color 180ms ease, border-color 180ms ease;
}

/* line 346, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp a.atelier-lp-button--primary {
  background: linear-gradient(135deg, #0f2535, #234761);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 20px 36px rgba(16, 40, 58, 0.22);
  color: #fff4cf;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);
}

/* line 354, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp a.atelier-lp-button--ghost {
  background: rgba(255, 255, 255, 0.68);
  border: 1px solid rgba(16, 40, 58, 0.12);
  color: var(--atelier-ink);
}

/* line 360, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-button:hover,
.atelier-lp-button:focus-visible {
  transform: translateY(-2px);
}

/* line 365, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-stage,
.atelier-lp-panel {
  position: relative;
}

/* line 370, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-stage {
  min-height: 560px;
  padding: 34px 0 22px 42px;
}

/* line 375, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-stage-frame {
  background: var(--atelier-paper-strong);
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 34px;
  box-shadow: var(--atelier-shadow);
  overflow: hidden;
  position: relative;
}

/* line 384, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-stage-image,
.atelier-lp-portal-image {
  aspect-ratio: 4 / 5;
  display: block;
  object-fit: cover;
  width: 100%;
}

/* line 392, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-stage-image--placeholder,
.atelier-lp-portal-image--placeholder {
  align-items: center;
  background: radial-gradient(circle at 28% 26%, rgba(255, 255, 255, 0.48), transparent 22%), linear-gradient(135deg, rgba(202, 109, 82, 0.32), rgba(16, 40, 58, 0.6)), #193447;
  display: flex;
  justify-content: center;
}

/* line 403, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-stage-emoji {
  font-size: clamp(72px, 9vw, 120px);
}

/* line 407, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-stage-tint {
  background: linear-gradient(180deg, transparent 0 58%, rgba(16, 40, 58, 0.36) 100%), linear-gradient(135deg, rgba(255, 255, 255, 0.14), transparent 46%);
  inset: 0;
  pointer-events: none;
  position: absolute;
}

/* line 416, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-stage-emblem {
  backdrop-filter: blur(12px);
  background: rgba(255, 250, 243, 0.76);
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 28px;
  box-shadow: 0 20px 44px rgba(16, 40, 58, 0.14);
  display: grid;
  height: 92px;
  overflow: hidden;
  place-items: center;
  position: absolute;
  right: 18px;
  top: 0;
  width: 92px;
}

/* line 432, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-stage-emblem-image {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* line 438, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-stage-note,
.atelier-lp-panel--empty {
  background: rgba(255, 250, 243, 0.82);
  border: 1px solid rgba(16, 40, 58, 0.1);
  border-radius: 24px;
  box-shadow: 0 20px 48px rgba(16, 40, 58, 0.08);
  padding: 24px;
}

/* line 447, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-stage-note {
  max-width: 280px;
  position: absolute;
  right: 0;
  top: 72px;
}

/* line 454, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-stage-note-title,
.atelier-lp-stage-note-text {
  margin: 0;
}

/* line 459, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-stage-note-title {
  color: var(--atelier-ink-soft);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

/* line 467, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-stage-note-text {
  color: var(--atelier-ink);
  font-size: 14px;
  line-height: 1.85;
  margin-top: 10px;
}

/* line 474, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-shot {
  cursor: zoom-in;
  margin: 0;
}

/* line 479, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-shot-frame {
  background: var(--atelier-paper);
  border: 1px solid rgba(255, 255, 255, 0.76);
  border-radius: 24px;
  box-shadow: 0 22px 48px rgba(16, 40, 58, 0.14);
  overflow: hidden;
  padding: 10px;
}

/* line 488, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-shot-frame--large {
  padding: 12px;
}

/* line 492, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-shot-image {
  aspect-ratio: 16 / 10;
  border-radius: 16px;
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* line 501, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-shot--floating {
  bottom: 38px;
  left: 0;
  max-width: 320px;
  position: absolute;
  width: 44%;
}

/* line 509, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-shot-rail {
  display: grid;
  gap: 16px;
  margin-left: auto;
  margin-top: 22px;
  max-width: 56%;
}

/* line 517, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-shot--rail {
  margin-left: calc(var(--atelier-shot-order, 0) * 18px);
}

/* line 521, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-gallery {
  display: grid;
  gap: 18px;
}

/* line 526, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-gallery-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* line 532, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-member-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* line 538, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-member-card {
  background: rgba(255, 250, 243, 0.88);
  border: 1px solid rgba(16, 40, 58, 0.1);
  border-radius: 24px;
  box-shadow: 0 22px 56px rgba(16, 40, 58, 0.08);
  overflow: hidden;
}

/* line 546, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-member-avatar {
  background: rgba(202, 109, 82, 0.12);
  height: 164px;
  overflow: hidden;
}

/* line 552, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-member-avatar-image {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* line 558, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-member-copy {
  display: grid;
  gap: 8px;
  padding: 18px 18px 20px;
}

/* line 564, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-member-name,
.atelier-lp-member-message {
  margin: 0;
}

/* line 569, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-member-name {
  font-size: 22px;
  font-weight: 800;
  line-height: 1.3;
}

/* line 575, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-member-message {
  color: var(--atelier-ink-soft);
  font-size: 13px;
  line-height: 1.8;
}

/* line 581, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-member-message--empty {
  opacity: 0.7;
}

/* line 585, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-visual-pane--activity {
  align-self: start;
}

/* line 589, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-section--portal .atelier-lp-shell {
  max-width: 920px;
}

/* line 593, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp-portal-center {
  background: linear-gradient(180deg, rgba(255, 250, 245, 0.98), rgba(247, 239, 231, 0.94)), var(--atelier-paper-strong);
  border: 1px solid rgba(16, 40, 58, 0.1);
  border-radius: 34px;
  box-shadow: var(--atelier-shadow);
  display: grid;
  gap: 20px;
  justify-items: start;
  padding: 44px 28px;
}

/* line 606, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
.atelier-lp [data-atelier-reveal] {
  opacity: 1;
  transform: none;
}

@supports (animation-timeline: view()) {
  /* line 612, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
  .atelier-lp [data-atelier-reveal] {
    opacity: 0.001;
    will-change: opacity, transform;
  }
  /* line 617, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
  .atelier-lp-section [data-atelier-reveal="copy"] {
    animation: atelier-copy-rise 1s both;
    animation-range: entry 6% cover 46%;
    animation-timeline: --atelier-section;
  }
  /* line 623, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
  .atelier-lp-section [data-atelier-reveal="visual"] {
    animation: atelier-visual-rise 1s both;
    animation-range: entry 10% cover 52%;
    animation-timeline: --atelier-section;
  }
  /* line 629, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
  .atelier-lp-section [data-atelier-reveal="card"] {
    animation: atelier-card-rise 1s both;
    animation-range: entry 16% cover 50%;
    animation-timeline: --atelier-section;
  }
}

@media (prefers-reduced-motion: reduce) {
  /* line 637, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
  .atelier-lp-backdrop-band {
    animation: none;
  }
  /* line 641, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
  .atelier-lp [data-atelier-reveal] {
    animation: none;
    opacity: 1;
    transform: none;
  }
}

@media (max-width: 1079px) {
  /* line 649, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
  .atelier-lp-split {
    grid-template-columns: 1fr;
  }
  /* line 653, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
  .atelier-lp-stage {
    min-height: 0;
    padding: 24px 0 0;
  }
  /* line 658, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
  .atelier-lp-shot--floating {
    left: 18px;
    max-width: 46%;
  }
  /* line 663, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
  .atelier-lp-shot-rail {
    max-width: 64%;
  }
}

@media (max-width: 767px) {
  /* line 669, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
  .atelier-lp-shell {
    padding: 0 18px;
  }
  /* line 673, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
  .atelier-lp-hero {
    min-height: 0;
    padding-top: 28px;
  }
  /* line 678, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
  .atelier-lp-split--hero {
    gap: 24px;
    justify-items: center;
  }
  /* line 683, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
  .atelier-lp-section {
    padding: 30px 0;
  }
  /* line 687, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
  .atelier-lp-copy-pane--hero,
.atelier-lp-visual-pane--hero {
    justify-self: center;
    max-width: 540px;
    width: 100%;
  }
  /* line 694, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
  .atelier-lp-copy-pane--hero {
    justify-items: start;
    text-align: left;
  }
  /* line 699, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
  .atelier-lp-title {
    font-size: clamp(34px, 13vw, 58px);
  }
  /* line 703, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
  .atelier-lp-copy-pane--hero .atelier-lp-copy,
.atelier-lp-copy-pane--hero .atelier-lp-empty {
    max-width: none;
  }
  /* line 708, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
  .atelier-lp-stats {
    grid-template-columns: 1fr;
  }
  /* line 712, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
  .atelier-lp-owner-note {
    grid-template-columns: 1fr;
    text-align: left;
  }
  /* line 717, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
  .atelier-lp-stage {
    display: grid;
    justify-items: center;
    padding: 0;
    width: 100%;
  }
  /* line 724, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
  .atelier-lp-stage-frame,
.atelier-lp-stage-note,
.atelier-lp-shot-rail {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  /* line 732, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
  .atelier-lp-stage-emblem {
    height: 78px;
    right: 12px;
    top: 12px;
    width: 78px;
  }
  /* line 739, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
  .atelier-lp-stage-note {
    margin-top: 14px;
    max-width: none;
    position: relative;
    right: auto;
    top: auto;
  }
  /* line 747, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
  .atelier-lp-shot--floating {
    bottom: auto;
    left: auto;
    margin: -54px auto 0;
    max-width: 300px;
    position: relative;
    width: 76%;
  }
  /* line 756, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
  .atelier-lp-shot-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-left: 0;
    margin-top: 14px;
    max-width: 100%;
  }
  /* line 763, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
  .atelier-lp-shot--rail {
    margin-left: 0;
  }
  /* line 767, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
  .atelier-lp-gallery-grid,
.atelier-lp-member-grid {
    grid-template-columns: 1fr;
  }
  /* line 772, app/assets/groups_stylesheets/subdomains/groups_landing/_atelier.scss */
  .atelier-lp-member-avatar {
    height: 220px;
  }
}

@keyframes atelier-band-drift {
  0%,
100% {
    transform: translate3d(0, 0, 0) rotate(-12deg);
  }
  50% {
    transform: translate3d(0, 36px, 0) rotate(-10deg);
  }
}

@keyframes atelier-band-glow {
  0%,
100% {
    opacity: 0.18;
  }
  50% {
    opacity: 0.34;
  }
}

@keyframes atelier-copy-rise {
  from {
    opacity: 0.001;
    transform: translate3d(-52px, 28px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes atelier-visual-rise {
  from {
    opacity: 0.001;
    transform: translate3d(44px, 34px, 0) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes atelier-card-rise {
  from {
    opacity: 0.001;
    transform: translate3d(0, 32px, 0) rotate(-1.6deg);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
}

/* line 1, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp {
  --landing-activity-surface: rgba(255, 255, 255, 0.88);
  --landing-activity-surface-strong: rgba(255, 252, 249, 0.96);
  --landing-activity-surface-soft: rgba(255, 239, 243, 0.92);
  --landing-activity-border: rgba(179, 74, 95, 0.16);
  --landing-activity-accent: #b34a5f;
  --landing-activity-accent-soft: rgba(179, 74, 95, 0.14);
  --landing-activity-title: #553033;
  --landing-activity-text: #6c4345;
  --landing-activity-muted: #8a6363;
  --landing-activity-shadow: 0 18px 40px rgba(168, 95, 118, 0.12);
  --landing-activity-title-font: "Noto Serif JP", "Zen Maru Gothic", serif;
  --landing-activity-kicker-font: "Noto Serif JP", "Cinzel", serif;
  background: radial-gradient(circle at 12% 10%, rgba(255, 208, 215, 0.68), transparent 24%), radial-gradient(circle at 85% 14%, rgba(255, 227, 179, 0.6), transparent 22%), radial-gradient(circle at 84% 84%, rgba(205, 230, 214, 0.42), transparent 24%), linear-gradient(180deg, #fffaf5 0%, #f7efe7 100%);
  color: #553033;
  font-family: "Zen Maru Gothic", "Hiragino Sans", sans-serif;
  min-height: 100vh;
  overflow-x: hidden;
  position: relative;
}

/* line 26, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp::before,
.sakura-lp::after {
  content: "";
  pointer-events: none;
  position: absolute;
}

/* line 33, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp::before {
  background: linear-gradient(90deg, rgba(179, 74, 95, 0.06) 0, rgba(179, 74, 95, 0.06) 1px, transparent 1px, transparent 28px), linear-gradient(rgba(179, 74, 95, 0.05) 0, rgba(179, 74, 95, 0.05) 1px, transparent 1px, transparent 28px);
  background-size: 28px 28px;
  inset: 0;
  opacity: 0.42;
}

/* line 42, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp::after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.78), transparent 18%), radial-gradient(circle at 50% 0, rgba(255, 255, 255, 0.5), transparent 40%);
  inset: 0;
}

/* line 49, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp *,
.sakura-lp *::before,
.sakura-lp *::after {
  box-sizing: border-box;
}

/* line 55, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-petals {
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

/* line 63, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-petal {
  animation: chronicle-petal-fall linear infinite;
  --chronicle-petal-start: -120px;
  background: radial-gradient(circle at 30% 28%, rgba(255, 255, 255, 0.82), transparent 26%), linear-gradient(135deg, rgba(246, 183, 203, 0.78) 0%, rgba(232, 118, 164, 0.78) 100%);
  border-radius: 70% 30% 66% 34% / 42% 58% 42% 58%;
  box-shadow: 0 8px 16px rgba(193, 72, 120, 0.14);
  height: 18px;
  left: 0;
  opacity: 0.66;
  position: absolute;
  top: -120px;
  transform: rotate(0deg);
  width: 12px;
}

/* line 80, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-petal:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 25.93s;
  --chronicle-petal-start: -360px;
  left: 8%;
}

/* line 87, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-petal:nth-child(2) {
  animation-delay: -5s;
  animation-duration: 33.33s;
  --chronicle-petal-start: 18%;
  left: 18%;
}

/* line 94, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-petal:nth-child(3) {
  animation-delay: -8s;
  animation-duration: 29.62s;
  --chronicle-petal-start: -260px;
  left: 28%;
}

/* line 101, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-petal:nth-child(4) {
  animation-delay: -3s;
  animation-duration: 37.03s;
  --chronicle-petal-start: 42%;
  left: 40%;
}

/* line 108, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-petal:nth-child(5) {
  animation-delay: -7s;
  animation-duration: 27.78s;
  --chronicle-petal-start: -180px;
  left: 52%;
}

/* line 115, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-petal:nth-child(6) {
  animation-delay: -11s;
  animation-duration: 35.18s;
  --chronicle-petal-start: 30%;
  left: 62%;
}

/* line 122, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-petal:nth-child(7) {
  animation-delay: -4s;
  animation-duration: 31.47s;
  --chronicle-petal-start: -420px;
  left: 72%;
}

/* line 129, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-petal:nth-child(8) {
  animation-delay: -9s;
  animation-duration: 38.88s;
  --chronicle-petal-start: 48%;
  left: 82%;
}

/* line 136, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-petal:nth-child(9) {
  animation-delay: -6s;
  animation-duration: 29.62s;
  --chronicle-petal-start: -300px;
  left: 90%;
}

/* line 143, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-petal:nth-child(10) {
  animation-delay: -13s;
  animation-duration: 40.74s;
  --chronicle-petal-start: 24%;
  left: 96%;
}

/* line 150, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-petal:nth-child(11) {
  animation-delay: -1s;
  animation-duration: 24.07s;
  --chronicle-petal-start: -220px;
  left: 4%;
}

/* line 157, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-petal:nth-child(12) {
  animation-delay: -10s;
  animation-duration: 33.33s;
  --chronicle-petal-start: 36%;
  left: 14%;
}

/* line 164, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-petal:nth-child(13) {
  animation-delay: -12s;
  animation-duration: 27.78s;
  --chronicle-petal-start: -340px;
  left: 24%;
}

/* line 171, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-petal:nth-child(14) {
  animation-delay: -15s;
  animation-duration: 35.18s;
  --chronicle-petal-start: 12%;
  left: 34%;
}

/* line 178, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-petal:nth-child(15) {
  animation-delay: -2.5s;
  animation-duration: 25.93s;
  --chronicle-petal-start: -150px;
  left: 46%;
}

/* line 185, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-petal:nth-child(16) {
  animation-delay: -6.5s;
  animation-duration: 31.47s;
  --chronicle-petal-start: 34%;
  left: 58%;
}

/* line 192, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-petal:nth-child(17) {
  animation-delay: -8.5s;
  animation-duration: 37.03s;
  --chronicle-petal-start: -380px;
  left: 68%;
}

/* line 199, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-petal:nth-child(18) {
  animation-delay: -14s;
  animation-duration: 29.62s;
  --chronicle-petal-start: 44%;
  left: 78%;
}

/* line 206, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-petal:nth-child(19) {
  animation-delay: -3.5s;
  animation-duration: 33.33s;
  --chronicle-petal-start: -250px;
  left: 88%;
}

/* line 213, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-petal:nth-child(20) {
  animation-delay: -16s;
  animation-duration: 38.88s;
  --chronicle-petal-start: 20%;
  left: 94%;
}

/* line 220, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-petal:nth-child(21) {
  animation-delay: -4.5s;
  animation-duration: 27.78s;
  --chronicle-petal-start: -400px;
  left: 6%;
}

/* line 227, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-petal:nth-child(22) {
  animation-delay: -9.5s;
  animation-duration: 33.33s;
  --chronicle-petal-start: 52%;
  left: 12%;
}

/* line 234, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-petal:nth-child(23) {
  animation-delay: -13.5s;
  animation-duration: 31.47s;
  --chronicle-petal-start: -200px;
  left: 22%;
}

/* line 241, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-petal:nth-child(24) {
  animation-delay: -7.5s;
  animation-duration: 37.03s;
  --chronicle-petal-start: 28%;
  left: 32%;
}

/* line 248, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-petal:nth-child(25) {
  animation-delay: -1.5s;
  animation-duration: 25.93s;
  --chronicle-petal-start: -320px;
  left: 42%;
}

/* line 255, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-petal:nth-child(26) {
  animation-delay: -11.5s;
  animation-duration: 35.18s;
  --chronicle-petal-start: 38%;
  left: 54%;
}

/* line 262, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-petal:nth-child(27) {
  animation-delay: -5.5s;
  animation-duration: 29.62s;
  --chronicle-petal-start: -170px;
  left: 64%;
}

/* line 269, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-petal:nth-child(28) {
  animation-delay: -15.5s;
  animation-duration: 38.88s;
  --chronicle-petal-start: 46%;
  left: 74%;
}

/* line 276, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-petal:nth-child(29) {
  animation-delay: -2.2s;
  animation-duration: 33.33s;
  --chronicle-petal-start: -280px;
  left: 84%;
}

/* line 283, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-petal:nth-child(30) {
  animation-delay: -12.5s;
  animation-duration: 37.03s;
  --chronicle-petal-start: 26%;
  left: 92%;
}

@keyframes chronicle-petal-fall {
  0% {
    opacity: 0;
    top: var(--chronicle-petal-start);
    transform: translate3d(0, 0, 0) rotate(0deg) scale(0.9);
  }
  10% {
    opacity: 0.66;
  }
  50% {
    opacity: 0.66;
    top: 52%;
    transform: translate3d(-3vw, 0, 0) rotate(160deg) scale(1);
  }
  85% {
    opacity: 0.58;
  }
  100% {
    opacity: 0;
    top: calc(100% - 24px);
    transform: translate3d(4vw, 0, 0) rotate(320deg) scale(1.08);
  }
}

/* line 318, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-hero,
.sakura-lp-main,
.sakura-lp-footer {
  margin: 0 auto;
  max-width: 1180px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  z-index: 1;
}

/* line 329, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-hero {
  padding-bottom: 18px;
  padding-top: 28px;
}

/* line 334, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-hero-layout {
  display: grid;
  gap: 18px;
}

/* line 339, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-hero-main-card,
.sakura-lp-panel,
.sakura-lp-shot-card,
.sakura-lp-member-card {
  background: linear-gradient(180deg, rgba(255, 251, 247, 0.96), rgba(255, 245, 238, 0.96));
  border: 1px solid rgba(181, 112, 122, 0.16);
  box-shadow: 0 18px 42px rgba(156, 96, 102, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.72);
  position: relative;
}

/* line 352, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-heading-en,
.sakura-lp-member-role,
.sakura-lp-footer-link {
  font-family: "Cinzel", "Noto Serif JP", serif;
}

/* line 358, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-heading-en,
.sakura-lp-member-role {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

/* line 366, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-hero-layout > section:first-child {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* line 373, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-panel::before,
.sakura-lp-shot-stage::before {
  background: linear-gradient(90deg, #cf5879 0%, #f19b83 52%, #f4cb78 100%);
  border-radius: 999px 999px 0 0;
  content: "";
  height: 8px;
  left: 22px;
  position: absolute;
  right: 22px;
  top: 0;
}

/* line 386, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-title,
.sakura-lp-heading-ja {
  color: #5f3135;
  font-family: "Noto Serif JP", "Cinzel", serif;
  font-weight: 900;
  letter-spacing: 0.03em;
  line-height: 1.25;
  margin: 0;
}

/* line 396, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-title {
  font-size: clamp(36px, 6vw, 64px);
  margin-top: 18px;
  overflow-wrap: anywhere;
  text-align: center;
}

/* line 403, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-hero-logo {
  background: linear-gradient(180deg, rgba(255, 252, 248, 0.98), rgba(255, 243, 237, 0.98));
  border: 1px solid rgba(181, 112, 122, 0.16);
  border-radius: 999px;
  box-shadow: 0 18px 42px rgba(156, 96, 102, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.72);
  display: grid;
  height: 124px;
  overflow: hidden;
  place-items: center;
  width: 124px;
}

/* line 418, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-hero-logo-image {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* line 425, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-hero-logo-image--placeholder {
  align-items: center;
  background: radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.36), transparent 22%), linear-gradient(135deg, #ffe7ee 0%, #fde1cb 52%, #f7f0df 100%);
  display: flex;
  justify-content: center;
}

/* line 434, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-hero-logo-emoji {
  font-size: 56px;
}

/* line 438, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-copy,
.sakura-lp-empty {
  line-height: 2;
}

/* line 443, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-hero-visual {
  display: block;
}

/* line 447, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-hero-main-card {
  background: linear-gradient(135deg, rgba(255, 244, 240, 0.98), rgba(250, 232, 223, 0.96));
  border-radius: 40px 18px 40px 18px;
  overflow: hidden;
  padding: 14px;
}

/* line 455, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-hero-main-card::after {
  background: radial-gradient(circle, rgba(255, 255, 255, 0.5), transparent 72%);
  content: "";
  height: 180px;
  pointer-events: none;
  position: absolute;
  right: -34px;
  top: -26px;
  width: 180px;
}

/* line 466, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-hero-image,
.sakura-lp-shot-image,
.sakura-lp-member-avatar-image {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* line 475, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-hero-image {
  aspect-ratio: 5 / 4;
  border-radius: 28px 12px 28px 12px;
}

/* line 480, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-hero-placeholder {
  align-items: center;
  background: radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.38), transparent 22%), linear-gradient(135deg, #ffe7ee 0%, #fde1cb 52%, #f7f0df 100%);
  border-radius: 28px 12px 28px 12px;
  display: flex;
  justify-content: center;
  min-height: 320px;
}

/* line 491, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-hero-emoji {
  font-size: clamp(100px, 14vw, 180px);
}

/* line 495, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-main {
  display: grid;
  gap: 30px;
  padding-bottom: 46px;
}

/* line 501, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-story-grid {
  display: grid;
  gap: 22px;
}

/* line 506, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-section {
  display: grid;
  gap: 14px;
}

/* line 511, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-heading {
  display: block;
}

/* line 515, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-heading-en {
  color: #c45875;
  margin: 0;
}

/* line 520, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-heading-ja {
  font-size: clamp(28px, 4.2vw, 42px);
}

/* line 524, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-heading-copy {
  display: grid;
  gap: 6px;
}

/* line 529, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-panel {
  border-radius: 34px 22px 34px 22px;
  overflow: hidden;
  padding: 26px 22px 24px;
}

/* line 535, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-panel--about {
  background: linear-gradient(180deg, rgba(255, 250, 246, 0.98), rgba(255, 243, 238, 0.98));
}

/* line 540, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-panel--rules {
  background: linear-gradient(180deg, rgba(255, 246, 248, 0.98), rgba(255, 242, 233, 0.98));
}

/* line 545, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-panel--empty {
  background: linear-gradient(180deg, rgba(255, 250, 246, 0.98), rgba(255, 245, 239, 0.98));
}

/* line 550, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-copy {
  --group-landing-link-color: #c55774;
  --group-landing-highlight-color: #5f3135;
  --group-landing-highlight-bg: rgba(244, 197, 128, 0.45);
  --group-landing-blockquote-border: rgba(197, 87, 116, 0.4);
  --group-landing-table-border: rgba(141, 107, 110, 0.35);
  --group-landing-table-header-bg: rgba(255, 244, 240, 0.95);
  color: #5f4548;
  font-size: 15px;
  margin: 0;
}

/* line 562, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-empty {
  color: #8d6b6e;
  font-size: 15px;
  margin: 0;
}

/* line 568, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-shot-stage {
  background: linear-gradient(135deg, rgba(255, 234, 238, 0.98) 0%, rgba(255, 245, 227, 0.96) 100%);
  border: 1px solid rgba(216, 161, 160, 0.24);
  border-radius: 42px 24px 42px 24px;
  box-shadow: 0 20px 42px rgba(184, 127, 122, 0.12);
  overflow: hidden;
  padding: 26px 18px 20px;
  position: relative;
}

/* line 579, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-shot-stage::after {
  background: radial-gradient(circle at 100% 0, rgba(255, 255, 255, 0.54), transparent 34%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

/* line 588, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-shot-strip {
  display: grid;
  gap: 18px;
  justify-content: center;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  position: relative;
  z-index: 1;
}

/* line 597, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-shot-card {
  --sakura-shot-transform: none;
  background: rgba(255, 255, 255, 0.98);
  border-radius: 24px 14px 24px 14px;
  box-shadow: 0 18px 36px rgba(181, 113, 136, 0.12);
  cursor: pointer;
  overflow: hidden;
  padding: 10px;
  transform: var(--sakura-shot-transform);
  transition: transform 180ms ease, box-shadow 180ms ease;
}

/* line 611, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-shot-card:nth-child(3n + 1) {
  --sakura-shot-transform: rotate(-3deg);
}

/* line 615, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-shot-card:nth-child(3n + 2) {
  --sakura-shot-transform: rotate(2deg);
}

/* line 619, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-shot-card:nth-child(3n + 3) {
  --sakura-shot-transform: rotate(-1deg);
}

/* line 623, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-shot-card:hover {
  box-shadow: 0 28px 46px rgba(181, 113, 136, 0.2);
  transform: var(--sakura-shot-transform) translateY(-6px) scale(1.02);
}

/* line 628, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-shot-image {
  aspect-ratio: 4 / 3;
  border-radius: 16px 8px 16px 8px;
  display: block;
  transition: transform 180ms ease;
  width: 100%;
}

/* line 636, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-shot-card:hover .sakura-lp-shot-image {
  transform: scale(1.05);
}

/* line 640, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-member-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* line 646, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-member-card {
  background: linear-gradient(180deg, rgba(255, 252, 248, 0.98), rgba(255, 241, 237, 0.98));
  border-radius: 30px 18px 30px 18px;
  padding: 22px 16px 18px;
  text-align: center;
}

/* line 654, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-member-card::before {
  background: linear-gradient(180deg, #cf5879 0%, #f2b17f 100%);
  border-radius: 0 0 18px 18px;
  content: "";
  height: 14px;
  left: 18px;
  position: absolute;
  top: 0;
  width: 56px;
}

/* line 666, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-member-card::after {
  background: radial-gradient(circle, rgba(243, 198, 128, 0.24), transparent 70%);
  content: "";
  height: 84px;
  pointer-events: none;
  position: absolute;
  right: -22px;
  top: -18px;
  width: 84px;
}

/* line 677, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-member-avatar {
  border: 4px solid rgba(240, 192, 185, 0.72);
  border-radius: 999px;
  height: 92px;
  margin: 0 auto;
  overflow: hidden;
  width: 92px;
}

/* line 686, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-member-name {
  color: #4f3134;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.8;
  margin: 12px 0 0;
  overflow-wrap: anywhere;
}

/* line 695, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-member-message {
  color: #7c595c;
  font-size: 13px;
  line-height: 1.8;
  margin: 8px 0 0;
  overflow-wrap: anywhere;
}

/* line 703, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-member-role {
  color: #c55774;
  display: inline-block;
  margin-top: 8px;
}

/* line 709, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-member-role--sub {
  color: #b28761;
}

/* line 713, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-footer {
  display: flex;
  justify-content: center;
  padding-bottom: 52px;
  padding-top: 4px;
}

/* line 720, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-footer-link {
  background: linear-gradient(135deg, #cf5879 0%, #ef8d7e 52%, #f3c680 100%);
  border-radius: 999px;
  box-shadow: 0 14px 30px rgba(194, 122, 121, 0.18);
  color: #fffaf6;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  min-width: 220px;
  padding: 14px 22px;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* line 736, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
.sakura-lp-footer-link:hover {
  box-shadow: 0 18px 34px rgba(194, 122, 121, 0.22);
  transform: translateY(-2px);
}

@media (min-width: 768px) {
  /* line 742, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
  .sakura-lp-hero {
    padding-top: 34px;
  }
  /* line 746, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
  .sakura-lp-hero-layout {
    align-items: stretch;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  }
  /* line 751, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
  .sakura-lp-story-grid {
    align-items: start;
    grid-template-columns: minmax(0, 0.98fr) minmax(0, 1.02fr);
  }
  /* line 756, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
  .sakura-lp-shot-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  /* line 760, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
  .sakura-lp-member-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (min-width: 1100px) {
  /* line 766, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
  .sakura-lp-main {
    gap: 34px;
  }
  /* line 770, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
  .sakura-lp-story-grid {
    gap: 30px;
  }
  /* line 774, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
  .sakura-lp-hero-layout {
    gap: 26px;
  }
  /* line 778, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
  .sakura-lp-shot-strip {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 639px) {
  /* line 784, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
  .sakura-lp-panel,
.sakura-lp-shot-stage,
.sakura-lp-member-card {
    border-radius: 28px 18px 28px 18px;
  }
  /* line 790, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
  .sakura-lp-hero-logo {
    height: 108px;
    width: 108px;
  }
}

@media (prefers-reduced-motion: reduce) {
  /* line 797, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
  .sakura-lp-petal {
    animation: none;
    opacity: 0.35;
  }
  /* line 802, app/assets/groups_stylesheets/subdomains/groups_landing/_sakura.scss */
  .sakura-lp-shot-card:nth-child(3n + 1),
.sakura-lp-shot-card:nth-child(3n + 2),
.sakura-lp-shot-card:nth-child(3n + 3) {
    transform: none;
  }
}

/* line 1, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp {
  --landing-activity-surface: rgba(255, 255, 255, 0.94);
  --landing-activity-surface-strong: rgba(255, 252, 247, 0.98);
  --landing-activity-surface-soft: rgba(255, 244, 238, 0.92);
  --landing-activity-border: rgba(205, 168, 150, 0.24);
  --landing-activity-accent: #c24f57;
  --landing-activity-accent-soft: rgba(194, 79, 87, 0.12);
  --landing-activity-title: #463632;
  --landing-activity-text: #6a5650;
  --landing-activity-muted: #8a736b;
  --landing-activity-shadow: 0 20px 44px rgba(124, 97, 80, 0.12);
  --landing-activity-title-font: "Noto Serif JP", "Cinzel", serif;
  --landing-activity-kicker-font: "Noto Serif JP", "Cinzel", serif;
  background: #fffaf5;
  color: #403531;
  font-family: "Zen Maru Gothic", "Hiragino Sans", sans-serif;
  min-height: 100vh;
}

/* line 20, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp *,
.flower-lp *::before,
.flower-lp *::after {
  box-sizing: border-box;
}

/* line 26, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-header {
  background: rgba(255, 255, 255, 0.92);
  border-bottom: 1px solid rgba(173, 143, 129, 0.16);
  position: sticky;
  top: 0;
  z-index: 20;
}

/* line 34, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-header-shell,
.flower-lp-hero-shell,
.flower-lp-panel-shell,
.flower-lp-gallery-shell,
.flower-lp-members-shell {
  margin: 0 auto;
  max-width: 1120px;
  padding-left: 20px;
  padding-right: 20px;
}

/* line 45, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-header-shell {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  min-height: 72px;
}

/* line 53, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-logo,
.flower-lp-nav-link,
.flower-lp-panel-kicker,
.flower-lp-member-role,
.flower-lp-footer-link {
  font-family: "Cinzel", "Noto Serif JP", serif;
}

/* line 61, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-logo {
  color: #c24f57;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.08em;
  overflow-wrap: anywhere;
  text-decoration: none;
}

/* line 70, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  justify-content: flex-end;
}

/* line 77, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-nav-link {
  color: #6b5c58;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-decoration: none;
}

/* line 85, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-hero {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 250, 245, 0.94)), radial-gradient(circle at 14% 14%, rgba(238, 146, 138, 0.18), transparent 24%), radial-gradient(circle at 86% 18%, rgba(245, 211, 150, 0.22), transparent 26%);
  padding: 54px 0 68px;
}

/* line 93, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-hero-shell {
  text-align: center;
}

/* line 97, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-panel-kicker,
.flower-lp-member-role {
  color: #c24f57;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.2em;
  margin: 0;
  text-transform: uppercase;
}

/* line 107, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-hero-title,
.flower-lp-panel-title {
  color: #463632;
  font-family: "Noto Serif JP", "Cinzel", serif;
  font-weight: 900;
  letter-spacing: 0.03em;
  line-height: 1.2;
  margin: 0;
}

/* line 117, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-hero-title {
  font-size: clamp(40px, 7vw, 82px);
  margin-top: 14px;
  overflow-wrap: anywhere;
}

/* line 123, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-hero-logo {
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(205, 168, 150, 0.22);
  border-radius: 999px;
  box-shadow: 0 20px 40px rgba(119, 89, 71, 0.12);
  display: grid;
  height: 124px;
  margin: 22px auto 0;
  overflow: hidden;
  place-items: center;
  width: 124px;
}

/* line 136, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-hero-logo-image {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* line 143, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-hero-logo-image--placeholder {
  align-items: center;
  background: radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.42), transparent 18%), linear-gradient(135deg, #f2d9d5 0%, #f3e4c8 52%, #d8e5de 100%);
  display: flex;
  justify-content: center;
}

/* line 152, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-hero-logo-emoji {
  font-size: 54px;
}

/* line 156, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-hero-copy,
.flower-lp-copy,
.flower-lp-empty {
  line-height: 2;
}

/* line 162, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-hero-copy {
  color: #6a5650;
  font-size: 15px;
  margin: 18px auto 0;
  max-width: 44rem;
}

/* line 169, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-hero-visual {
  margin: 36px auto 0;
  max-width: 940px;
}

/* line 174, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-hero-image,
.flower-lp-panel-image,
.flower-lp-shot-image,
.flower-lp-member-avatar-image {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* line 184, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-hero-image {
  aspect-ratio: 16 / 9;
  border-radius: 18px;
  box-shadow: 0 28px 56px rgba(119, 89, 71, 0.14);
}

/* line 190, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-hero-image--placeholder,
.flower-lp-panel-image--placeholder {
  align-items: center;
  background: radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.42), transparent 18%), linear-gradient(135deg, #f2d9d5 0%, #f3e4c8 52%, #d8e5de 100%);
  display: flex;
  justify-content: center;
}

/* line 200, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-hero-emoji {
  font-size: clamp(110px, 16vw, 180px);
}

/* line 204, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-main {
  display: grid;
  gap: 96px;
}

/* line 209, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-panel {
  padding: 0 0 10px;
}

/* line 213, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-panel-shell {
  position: relative;
}

/* line 217, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-panel-visual {
  overflow: hidden;
  position: sticky;
  top: 73px;
}

/* line 223, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-panel-image {
  aspect-ratio: 16 / 7;
  border-radius: 18px;
  box-shadow: 0 24px 54px rgba(121, 89, 74, 0.14);
}

/* line 229, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-panel-emoji {
  font-size: 88px;
}

/* line 233, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-panel-card,
.flower-lp-gallery-card {
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(205, 168, 150, 0.24);
  border-radius: 18px;
  box-shadow: 0 20px 44px rgba(124, 97, 80, 0.12);
}

/* line 241, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-panel-card {
  margin: -72px auto 0;
  max-width: 640px;
  padding: 34px 32px 30px;
  position: relative;
  text-align: center;
}

/* line 249, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-panel-card::before,
.flower-lp-gallery-card::before {
  background: linear-gradient(90deg, #cc5c61 0%, #ef9b80 55%, #f1cc88 100%);
  border-radius: 999px;
  content: "";
  height: 5px;
  left: 28px;
  position: absolute;
  right: 28px;
  top: 0;
}

/* line 261, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-panel-title {
  font-size: clamp(30px, 4.8vw, 46px);
  margin-top: 12px;
}

/* line 266, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-copy {
  --group-landing-link-color: #c24f57;
  --group-landing-highlight-color: #463632;
  --group-landing-highlight-bg: rgba(241, 204, 136, 0.55);
  --group-landing-blockquote-border: rgba(204, 92, 97, 0.42);
  --group-landing-table-border: rgba(139, 114, 103, 0.34);
  --group-landing-table-header-bg: rgba(255, 250, 245, 0.94);
  color: #5d4d48;
  font-size: 15px;
  margin: 18px 0 0;
  text-align: left;
}

/* line 279, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-empty {
  color: #8b7267;
  font-size: 15px;
  margin: 18px 0 0;
}

/* line 285, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-gallery {
  background: linear-gradient(180deg, #faf5ef 0%, #fffaf5 100%);
  padding: 0 0 8px;
}

/* line 290, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-gallery-shell,
.flower-lp-members-shell {
  margin-top: 40px;
  text-align: center;
}

/* line 296, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-gallery-head {
  display: grid;
  gap: 12px;
  justify-items: center;
}

/* line 302, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-shot-grid {
  display: grid;
  gap: 18px;
  justify-content: center;
  margin-top: 34px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* line 310, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-shot-card {
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(205, 168, 150, 0.2);
  border-radius: 16px;
  box-shadow: 0 18px 36px rgba(124, 97, 80, 0.1);
  cursor: pointer;
  overflow: hidden;
  padding: 10px;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

/* line 324, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-shot-image {
  aspect-ratio: 4 / 3;
  border-radius: 12px;
  display: block;
  transition: transform 180ms ease;
  width: 100%;
}

/* line 332, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-shot-card:hover {
  border-color: rgba(205, 168, 150, 0.38);
  box-shadow: 0 24px 40px rgba(124, 97, 80, 0.16);
  transform: translateY(-6px);
}

/* line 338, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-shot-card:hover .flower-lp-shot-image {
  transform: scale(1.04);
}

/* line 342, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-gallery-card {
  margin: 30px auto 0;
  max-width: 640px;
  padding: 30px 28px 26px;
  position: relative;
}

/* line 349, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-members {
  background: linear-gradient(180deg, rgba(255, 244, 239, 0.88), rgba(255, 251, 245, 0.96));
  padding: 0 0 32px;
}

/* line 355, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-member-grid {
  display: grid;
  gap: 18px;
  margin-top: 34px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* line 362, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-member-card {
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(205, 168, 150, 0.2);
  border-radius: 16px;
  box-shadow: 0 16px 34px rgba(124, 97, 80, 0.1);
  padding: 24px 14px 18px;
  text-align: center;
}

/* line 371, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-members--activity .flower-lp-members-shell {
  text-align: left;
}

/* line 375, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-members--activity .flower-lp-gallery-head {
  justify-items: start;
}

/* line 379, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-members--activity .group-landing-activity-feed {
  margin-top: 34px;
}

/* line 383, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-member-avatar {
  border: 4px solid rgba(238, 210, 197, 0.82);
  border-radius: 999px;
  height: 96px;
  margin: 0 auto;
  overflow: hidden;
  width: 96px;
}

/* line 392, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-member-name {
  color: #463632;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.8;
  margin: 12px 0 0;
  overflow-wrap: anywhere;
}

/* line 401, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-member-message {
  color: #705e58;
  font-size: 13px;
  line-height: 1.8;
  margin: 8px 0 0;
  overflow-wrap: anywhere;
}

/* line 409, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-member-role {
  display: inline-block;
  margin-top: 8px;
}

/* line 414, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-member-role--sub {
  color: #7a9a8d;
}

/* line 418, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-footer {
  display: flex;
  justify-content: center;
  padding: 18px 20px 56px;
}

/* line 424, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
.flower-lp-footer-link {
  background: linear-gradient(135deg, #cc5c61 0%, #ec967e 54%, #f1ca84 100%);
  border-radius: 999px;
  box-shadow: 0 16px 32px rgba(192, 103, 90, 0.18);
  color: #fffaf3;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  min-width: 240px;
  padding: 14px 24px;
  text-decoration: none;
}

@media (min-width: 768px) {
  /* line 439, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
  .flower-lp-shot-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  /* line 443, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
  .flower-lp-member-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (min-width: 1100px) {
  /* line 449, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
  .flower-lp-shot-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  /* line 455, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
  .flower-lp-main {
    padding: 0;
  }
  /* line 459, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
  .flower-lp-header-shell {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 14px;
    padding-top: 14px;
  }
  /* line 467, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
  .flower-lp-nav {
    justify-content: center;
  }
  /* line 471, app/assets/groups_stylesheets/subdomains/groups_landing/_flower.scss */
  .flower-lp-panel-card {
    margin-top: -40px;
    padding-left: 22px;
    padding-right: 22px;
  }
}

/* line 1, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp {
  --landing-activity-surface: rgba(14, 20, 34, 0.82);
  --landing-activity-featured-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03));
  --landing-activity-surface-strong: rgba(18, 26, 40, 0.94);
  --landing-activity-surface-soft: rgba(34, 44, 68, 0.74);
  --landing-activity-border: rgba(210, 189, 130, 0.18);
  --landing-activity-accent: #d4c189;
  --landing-activity-accent-soft: rgba(212, 193, 137, 0.12);
  --landing-activity-title: #eef1f6;
  --landing-activity-text: #d3dae5;
  --landing-activity-muted: #aeb9c8;
  --landing-activity-shadow: 0 22px 48px rgba(0, 0, 0, 0.28);
  --landing-activity-title-font: "M PLUS Rounded 1c", "Zen Maru Gothic", sans-serif;
  --landing-activity-kicker-font: "M PLUS Rounded 1c", "Cinzel", serif;
  background: radial-gradient(circle at 14% 8%, rgba(202, 177, 117, 0.14), transparent 24%), radial-gradient(circle at 82% 12%, rgba(103, 124, 184, 0.16), transparent 24%), linear-gradient(180deg, #050913 0%, #09111d 40%, #070b12 100%);
  color: #eef1f6;
  font-family: "Zen Maru Gothic", "Hiragino Sans", sans-serif;
  min-height: 100vh;
  position: relative;
}

/* line 25, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp *,
.moonlit-lp *::before,
.moonlit-lp *::after {
  box-sizing: border-box;
}

/* line 31, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-ambient {
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

/* line 39, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-particles,
.moonlit-lp-mist {
  position: absolute;
}

/* line 44, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-particles {
  inset: 0;
}

/* line 48, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-particle {
  animation: gekka-particle 12s linear infinite;
  animation-delay: 0s;
  background: radial-gradient(circle at 35% 35%, rgba(255, 255, 255, 0.9), rgba(244, 233, 207, 0.75) 42%, rgba(244, 233, 207, 0.12) 72%, transparent 100%);
  border-radius: 999px;
  box-shadow: 0 0 12px rgba(249, 239, 210, 0.18), 0 0 22px rgba(162, 182, 232, 0.1);
  height: 10px;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate3d(0, 0, 0) scale(0.75);
  will-change: transform, opacity;
  width: 10px;
}

/* line 67, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-particle:nth-child(1) {
  left: 4%;
  top: 92%;
  width: 6px;
  height: 6px;
  animation-duration: 9s;
  animation-delay: -2s;
  --gekka-particle-distance: 160px;
  --gekka-particle-opacity: 0.28;
}

/* line 68, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-particle:nth-child(2) {
  left: 10%;
  top: 78%;
  width: 9px;
  height: 9px;
  animation-duration: 13s;
  animation-delay: -7s;
  --gekka-particle-distance: 260px;
  --gekka-particle-opacity: 0.42;
}

/* line 69, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-particle:nth-child(3) {
  left: 16%;
  top: 96%;
  width: 7px;
  height: 7px;
  animation-duration: 11s;
  animation-delay: -5s;
  --gekka-particle-distance: 190px;
  --gekka-particle-opacity: 0.34;
}

/* line 70, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-particle:nth-child(4) {
  left: 22%;
  top: 86%;
  width: 12px;
  height: 12px;
  animation-duration: 16s;
  animation-delay: -9s;
  --gekka-particle-distance: 320px;
  --gekka-particle-opacity: 0.5;
}

/* line 71, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-particle:nth-child(5) {
  left: 28%;
  top: 70%;
  width: 8px;
  height: 8px;
  animation-duration: 10.5s;
  animation-delay: -3s;
  --gekka-particle-distance: 180px;
  --gekka-particle-opacity: 0.3;
}

/* line 72, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-particle:nth-child(6) {
  left: 34%;
  top: 98%;
  width: 14px;
  height: 14px;
  animation-duration: 17s;
  animation-delay: -11s;
  --gekka-particle-distance: 340px;
  --gekka-particle-opacity: 0.58;
}

/* line 73, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-particle:nth-child(7) {
  left: 39%;
  top: 82%;
  width: 10px;
  height: 10px;
  animation-duration: 12.5s;
  animation-delay: -6s;
  --gekka-particle-distance: 240px;
  --gekka-particle-opacity: 0.38;
}

/* line 74, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-particle:nth-child(8) {
  left: 44%;
  top: 90%;
  width: 7px;
  height: 7px;
  animation-duration: 9.5s;
  animation-delay: -1s;
  --gekka-particle-distance: 170px;
  --gekka-particle-opacity: 0.26;
}

/* line 75, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-particle:nth-child(9) {
  left: 49%;
  top: 74%;
  width: 11px;
  height: 11px;
  animation-duration: 15s;
  animation-delay: -8s;
  --gekka-particle-distance: 300px;
  --gekka-particle-opacity: 0.48;
}

/* line 76, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-particle:nth-child(10) {
  left: 54%;
  top: 94%;
  width: 8px;
  height: 8px;
  animation-duration: 10s;
  animation-delay: -4s;
  --gekka-particle-distance: 200px;
  --gekka-particle-opacity: 0.32;
}

/* line 77, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-particle:nth-child(11) {
  left: 59%;
  top: 80%;
  width: 13px;
  height: 13px;
  animation-duration: 16.5s;
  animation-delay: -10s;
  --gekka-particle-distance: 330px;
  --gekka-particle-opacity: 0.56;
}

/* line 78, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-particle:nth-child(12) {
  left: 63%;
  top: 88%;
  width: 6px;
  height: 6px;
  animation-duration: 9s;
  animation-delay: -2.5s;
  --gekka-particle-distance: 150px;
  --gekka-particle-opacity: 0.24;
}

/* line 79, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-particle:nth-child(13) {
  left: 68%;
  top: 97%;
  width: 9px;
  height: 9px;
  animation-duration: 13.5s;
  animation-delay: -7.5s;
  --gekka-particle-distance: 280px;
  --gekka-particle-opacity: 0.44;
}

/* line 80, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-particle:nth-child(14) {
  left: 73%;
  top: 76%;
  width: 12px;
  height: 12px;
  animation-duration: 14.5s;
  animation-delay: -5.5s;
  --gekka-particle-distance: 290px;
  --gekka-particle-opacity: 0.46;
}

/* line 81, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-particle:nth-child(15) {
  left: 78%;
  top: 92%;
  width: 7px;
  height: 7px;
  animation-duration: 11s;
  animation-delay: -6.5s;
  --gekka-particle-distance: 210px;
  --gekka-particle-opacity: 0.31;
}

/* line 82, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-particle:nth-child(16) {
  left: 83%;
  top: 84%;
  width: 10px;
  height: 10px;
  animation-duration: 12s;
  animation-delay: -3.5s;
  --gekka-particle-distance: 230px;
  --gekka-particle-opacity: 0.4;
}

/* line 83, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-particle:nth-child(17) {
  left: 87%;
  top: 98%;
  width: 14px;
  height: 14px;
  animation-duration: 18s;
  animation-delay: -12s;
  --gekka-particle-distance: 360px;
  --gekka-particle-opacity: 0.62;
}

/* line 84, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-particle:nth-child(18) {
  left: 91%;
  top: 72%;
  width: 8px;
  height: 8px;
  animation-duration: 10.5s;
  animation-delay: -4.5s;
  --gekka-particle-distance: 190px;
  --gekka-particle-opacity: 0.29;
}

/* line 85, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-particle:nth-child(19) {
  left: 95%;
  top: 90%;
  width: 11px;
  height: 11px;
  animation-duration: 15.5s;
  animation-delay: -9.5s;
  --gekka-particle-distance: 310px;
  --gekka-particle-opacity: 0.52;
}

/* line 86, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-particle:nth-child(20) {
  left: 97%;
  top: 82%;
  width: 6px;
  height: 6px;
  animation-duration: 9.5s;
  animation-delay: -1.5s;
  --gekka-particle-distance: 170px;
  --gekka-particle-opacity: 0.27;
}

/* line 88, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-mist {
  background: linear-gradient(90deg, rgba(180, 194, 232, 0.02), rgba(180, 194, 232, 0.18), rgba(236, 224, 198, 0.12), rgba(180, 194, 232, 0.02));
  filter: blur(24px);
  height: 240px;
  opacity: 0.32;
  width: 70%;
}

/* line 96, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-mist--one {
  animation: gekka-mist 18s ease-in-out infinite;
  left: -10%;
  top: 18%;
}

/* line 102, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-mist--two {
  animation: gekka-mist 22s ease-in-out infinite reverse;
  bottom: 6%;
  right: -8%;
}

@keyframes gekka-mist {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(7%);
  }
}

@keyframes gekka-particle {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(0.75);
  }
  18% {
    opacity: var(--gekka-particle-opacity);
  }
  76% {
    opacity: var(--gekka-particle-opacity);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, calc(var(--gekka-particle-distance) * -1), 0) scale(1.08);
  }
}

/* line 138, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-shell {
  margin: 0 auto;
  max-width: 1200px;
  padding-left: 20px;
  padding-right: 20px;
}

/* line 145, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-hero,
.moonlit-lp-main,
.moonlit-lp-footer {
  position: relative;
  z-index: 1;
}

/* line 152, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-topbar {
  align-items: center;
  background: linear-gradient(180deg, rgba(14, 20, 34, 0.92), rgba(10, 15, 27, 0.94));
  display: flex;
  gap: 20px;
  justify-content: space-between;
  left: 20px;
  padding: 18px 20px;
  position: sticky;
  right: 20px;
  top: 0;
  z-index: 100;
}

/* line 167, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-info-card::before,
.moonlit-lp-shot-stage::before,
.moonlit-lp-member-stage::before,
.moonlit-lp-empty-card::before {
  background: linear-gradient(90deg, #d2bd82 0%, #8ea0d3 100%);
  border-radius: 999px;
  content: "";
  height: 3px;
  left: 22px;
  position: absolute;
  right: 22px;
  top: 0;
}

/* line 181, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-section-en,
.moonlit-lp-member-role,
.moonlit-lp-nav-link,
.moonlit-lp-footer-link {
  font-family: "Cinzel", "Noto Serif JP", serif;
}

/* line 188, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-section-en,
.moonlit-lp-member-role {
  color: #d4c189;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.2em;
  margin: 0;
  text-transform: uppercase;
}

/* line 198, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-brand {
  align-items: center;
  display: flex;
  gap: 16px;
}

/* line 204, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-brand-logo {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.03));
  border: 1px solid rgba(212, 193, 137, 0.24);
  border-radius: 999px;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.16);
  height: 48px;
  overflow: hidden;
  width: 48px;
}

/* line 217, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-brand-logo-image,
.moonlit-lp-hero-backdrop-image,
.moonlit-lp-shot-image,
.moonlit-lp-member-avatar-image {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* line 227, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-brand-logo-image--placeholder,
.moonlit-lp-hero-backdrop--placeholder {
  align-items: center;
  background: radial-gradient(circle at 30% 18%, rgba(255, 255, 255, 0.26), transparent 18%), linear-gradient(135deg, rgba(66, 86, 132, 0.82), rgba(28, 38, 71, 0.96));
  display: flex;
  justify-content: center;
}

/* line 237, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-brand-emoji {
  font-size: 30px;
}

/* line 241, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-hero-emoji {
  font-size: 64px;
}

/* line 245, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-section-ja {
  color: #f5f2e9;
  font-family: "Noto Serif JP", "Cinzel", serif;
  font-weight: 900;
  letter-spacing: 0.04em;
  line-height: 1.25;
  margin: 0;
}

/* line 254, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

/* line 261, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-nav-link {
  border-radius: 999px;
  color: #dfe5f2;
  display: inline-flex;
  font-size: 11px;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0.18em;
  padding: 10px 12px;
  text-decoration: none;
  transition: background 0.2s ease, transform 0.2s ease;
}

/* line 274, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-nav-link:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-1px);
}

/* line 279, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-hero {
  padding: 18px 0 32px;
}

/* line 283, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-hero-stage {
  border: 1px solid rgba(206, 187, 135, 0.18);
  border-radius: 30px 14px 30px 14px;
  box-shadow: 0 34px 70px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  margin-top: 18px;
  min-height: 420px;
  overflow: hidden;
  position: relative;
}

/* line 295, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-hero-backdrop,
.moonlit-lp-hero-overlay,
.moonlit-lp-hero-copy {
  inset: 0;
  position: absolute;
}

/* line 302, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-hero-backdrop {
  overflow: hidden;
}

/* line 306, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-hero-backdrop-image {
  filter: blur(1px) saturate(0.92);
  object-fit: cover;
  transform: scale(1.06);
}

/* line 312, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-hero-overlay {
  background: radial-gradient(circle at 72% 24%, rgba(246, 232, 190, 0.26), transparent 24%), linear-gradient(180deg, rgba(7, 10, 18, 0.24) 0%, rgba(7, 10, 18, 0.48) 32%, rgba(7, 10, 18, 0.78) 72%, rgba(7, 10, 18, 0.88) 100%);
}

/* line 318, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-hero-copy {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
  padding: 32px;
  text-align: center;
  z-index: 1;
}

/* line 329, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-hero-title {
  margin: 0;
}

/* line 333, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-hero-title {
  color: #fbf8ef;
  font-family: "Noto Serif JP", "Cinzel", serif;
  font-size: clamp(36px, 7vw, 72px);
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1.15;
  overflow-wrap: anywhere;
  text-shadow: 0 8px 26px rgba(0, 0, 0, 0.44), 0 0 18px rgba(246, 232, 190, 0.18);
}

/* line 346, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-copy,
.moonlit-lp-empty {
  line-height: 2;
}

/* line 351, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-main {
  display: grid;
  gap: 32px;
  position: relative;
  z-index: 1;
}

/* line 358, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-section {
  padding: 0 0 4px;
}

/* line 362, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-section-head {
  display: grid;
  gap: 8px;
}

/* line 367, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-section-head--center {
  justify-items: center;
  text-align: center;
}

/* line 372, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-section-ja {
  font-size: clamp(30px, 4.8vw, 48px);
}

/* line 376, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-shot-stage,
.moonlit-lp-member-stage {
  background: linear-gradient(180deg, rgba(12, 18, 32, 0.9), rgba(8, 13, 24, 0.92));
  border: 1px solid rgba(205, 187, 136, 0.16);
  box-shadow: 0 24px 54px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  position: relative;
}

/* line 387, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-shot-stage,
.moonlit-lp-member-stage {
  border-radius: 34px 14px 34px 14px;
  overflow: hidden;
  padding: 24px 18px 18px;
}

/* line 394, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-shot-stage {
  display: grid;
  gap: 18px;
}

/* line 399, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-shot-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03));
  border: 1px solid rgba(205, 187, 136, 0.12);
  border-radius: 24px 10px 24px 10px;
  cursor: pointer;
  overflow: hidden;
  padding: 10px;
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease, background 220ms ease;
}

/* line 414, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-shot-feature {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.04));
  border: 1px solid rgba(205, 187, 136, 0.14);
  border-radius: 34px 12px 34px 12px;
  box-shadow: 0 26px 56px rgba(0, 0, 0, 0.28);
  cursor: pointer;
  overflow: hidden;
  padding: 12px;
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease, background 220ms ease;
}

/* line 430, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-shot-row {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* line 436, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-shot-image {
  aspect-ratio: 4 / 3;
  border-radius: 16px 6px 16px 6px;
  display: block;
  transition: transform 220ms ease, filter 220ms ease;
  width: 100%;
}

/* line 446, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-shot-feature .moonlit-lp-shot-image {
  aspect-ratio: 16 / 9;
  border-radius: 24px 8px 24px 8px;
}

/* line 451, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-shot-card:hover,
.moonlit-lp-shot-feature:hover {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05));
  border-color: rgba(205, 187, 136, 0.28);
  box-shadow: 0 28px 60px rgba(0, 0, 0, 0.32);
  transform: translateY(-5px);
}

/* line 460, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-shot-card:hover .moonlit-lp-shot-image,
.moonlit-lp-shot-feature:hover .moonlit-lp-shot-image {
  filter: brightness(1.08);
  transform: scale(1.04);
}

/* line 466, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-story-layout {
  display: grid;
  gap: 18px;
}

/* line 471, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-info-card,
.moonlit-lp-empty-card {
  background: linear-gradient(180deg, rgba(12, 18, 32, 0.9), rgba(8, 13, 24, 0.92));
  border: 1px solid rgba(205, 187, 136, 0.16);
  border-radius: 30px 14px 30px 14px;
  box-shadow: 0 24px 54px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  overflow: hidden;
  padding: 26px 22px 20px;
  position: relative;
}

/* line 485, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-copy,
.moonlit-lp-empty {
  line-height: 2;
}

/* line 490, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-copy {
  --group-landing-link-color: #d4c189;
  --group-landing-highlight-color: #0d1524;
  --group-landing-highlight-bg: rgba(212, 193, 137, 0.82);
  --group-landing-blockquote-border: rgba(142, 160, 211, 0.5);
  --group-landing-table-border: rgba(216, 222, 234, 0.24);
  --group-landing-table-header-bg: rgba(255, 255, 255, 0.06);
  color: #d8deea;
  font-size: 15px;
  margin: 0;
}

/* line 502, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-empty {
  color: #afbacf;
  font-size: 15px;
  margin: 0;
}

/* line 508, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-member-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* line 514, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-member-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03));
  border: 1px solid rgba(205, 187, 136, 0.12);
  border-radius: 24px 10px 24px 10px;
  overflow: hidden;
  padding: 22px 14px 18px;
  text-align: center;
}

/* line 524, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-member-avatar {
  border: 3px solid rgba(205, 187, 136, 0.24);
  border-radius: 999px;
  height: 96px;
  margin: 0 auto;
  overflow: hidden;
  width: 96px;
}

/* line 533, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-member-name {
  color: #f4f1e7;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.8;
  margin: 12px 0 0;
  overflow-wrap: anywhere;
}

/* line 542, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-member-message {
  color: #d6deef;
  font-size: 13px;
  line-height: 1.8;
  margin: 8px 0 0;
  overflow-wrap: anywhere;
}

/* line 550, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-section--activity .group-landing-activity-featured,
.moonlit-lp-section--activity .group-landing-activity-item,
.moonlit-lp-section--activity .group-landing-activity-empty,
.moonlit-lp-section--activity .group-landing-activity-featured-visual,
.moonlit-lp-section--activity .group-landing-activity-meta-item {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03));
  border-color: rgba(205, 187, 136, 0.12);
}

/* line 560, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-section--activity .group-landing-activity-title,
.moonlit-lp-section--activity .group-landing-activity-item-title,
.moonlit-lp-section--activity .group-landing-activity-meta-item dd {
  color: #f4f1e7;
}

/* line 566, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-section--activity .group-landing-activity-summary,
.moonlit-lp-section--activity .group-landing-activity-item-summary,
.moonlit-lp-section--activity .group-landing-activity-empty-text,
.moonlit-lp-section--activity .group-landing-activity-item-date,
.moonlit-lp-section--activity .group-landing-activity-item-author,
.moonlit-lp-section--activity .group-landing-activity-meta-item dt {
  color: #d6deef;
}

/* line 575, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-member-role {
  display: inline-block;
  margin-top: 8px;
}

/* line 580, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-member-role--sub {
  color: #9fb0d8;
}

/* line 584, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-footer {
  display: flex;
  justify-content: center;
  padding: 10px 0 56px;
}

/* line 590, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
.moonlit-lp-footer-link {
  background: linear-gradient(135deg, #ccb47a 0%, #8a9bd0 100%);
  border-radius: 999px;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.22);
  color: #0a1120;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  min-width: 240px;
  padding: 14px 24px;
  text-decoration: none;
}

@media (min-width: 960px) {
  /* line 605, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
  .moonlit-lp-hero-stage {
    min-height: 520px;
  }
  /* line 609, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
  .moonlit-lp-shot-row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  /* line 613, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
  .moonlit-lp-story-layout {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  /* line 617, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
  .moonlit-lp-member-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (min-width: 1100px) {
  /* line 623, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
  .moonlit-lp-shot-row {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  /* line 629, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
  .moonlit-lp-topbar {
    align-items: flex-start;
    flex-direction: column;
  }
  /* line 634, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
  .moonlit-lp-brand {
    width: 100%;
  }
  /* line 638, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
  .moonlit-lp-nav {
    display: none;
  }
  /* line 642, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
  .moonlit-lp-hero-stage {
    min-height: 300px;
  }
  /* line 646, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
  .moonlit-lp-hero-copy {
    padding: 24px 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  /* line 652, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
  .moonlit-lp-particle,
.moonlit-lp-mist {
    animation: none;
  }
  /* line 657, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
  .moonlit-lp-particle {
    opacity: 0.22;
    transform: none;
  }
  /* line 662, app/assets/groups_stylesheets/subdomains/groups_landing/_moonlit.scss */
  .moonlit-lp-nav-link {
    transition: none;
  }
}

/* line 1, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp {
  --landing-activity-surface: rgba(247, 244, 234, 0.94);
  --landing-activity-surface-strong: rgba(252, 250, 244, 0.98);
  --landing-activity-surface-soft: rgba(234, 240, 224, 0.9);
  --landing-activity-border: rgba(84, 116, 79, 0.18);
  --landing-activity-accent: #54744f;
  --landing-activity-accent-soft: rgba(84, 116, 79, 0.12);
  --landing-activity-title: #263228;
  --landing-activity-text: #425146;
  --landing-activity-muted: #66736a;
  --landing-activity-shadow: 0 18px 38px rgba(53, 70, 50, 0.12);
  --landing-activity-title-font: "M PLUS Rounded 1c", "Hiragino Sans", sans-serif;
  --landing-activity-kicker-font: "M PLUS Rounded 1c", "Cinzel", serif;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.54), rgba(255, 255, 255, 0.12)), repeating-linear-gradient(135deg, rgba(191, 179, 143, 0.08) 0 16px, rgba(255, 255, 255, 0) 16px 32px), linear-gradient(180deg, #fbf8f0 0%, #f3edde 44%, #ebe3d3 100%);
  color: #34402f;
  font-family: "M PLUS Rounded 1c", "Hiragino Sans", sans-serif;
  min-height: 100vh;
}

/* line 23, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp *,
.matcha-lp *::before,
.matcha-lp *::after {
  box-sizing: border-box;
}

/* line 29, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-shell {
  margin: 0 auto;
  max-width: 1180px;
  padding-left: 24px;
  padding-right: 24px;
}

/* line 36, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-section-head {
  display: grid;
  gap: 6px;
}

/* line 41, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-section-label,
.matcha-lp-member-role {
  color: #7b7a5e;
  font-family: "M PLUS Rounded 1c", "Hiragino Sans", sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  margin: 0;
  text-transform: uppercase;
}

/* line 52, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-hero-title,
.matcha-lp-section-title {
  color: #30382b;
  font-family: "M PLUS Rounded 1c", "Hiragino Sans", sans-serif;
  font-weight: 800;
  letter-spacing: 0.03em;
  line-height: 1.2;
  margin: 0;
}

/* line 62, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-nav {
  align-items: center;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
  justify-content: center;
  left: 20px;
  position: fixed;
  top: 0;
  width: 72px;
  z-index: 100;
}

/* line 76, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-nav-link,
.matcha-lp-footer-link {
  color: #4a5541;
  font-family: "M PLUS Rounded 1c", "Hiragino Sans", sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-decoration: none;
}

/* line 86, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-nav-link {
  background: rgba(255, 251, 243, 0.72);
  border: 1px solid rgba(149, 151, 117, 0.2);
  border-radius: 999px;
  box-shadow: 0 12px 28px rgba(132, 126, 101, 0.08);
  padding: 10px 12px;
  text-align: center;
}

/* line 95, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-main {
  display: grid;
  gap: 40px;
  padding: 28px 0 0;
}

/* line 101, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-gallery .matcha-lp-shell,
.matcha-lp-members .matcha-lp-shell {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

/* line 108, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-hero-shell {
  align-items: stretch;
  display: grid;
  gap: 18px;
}

/* line 114, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-hero-copy,
.matcha-lp-panel,
.matcha-lp-gallery-stage,
.matcha-lp-member-card,
.matcha-lp-empty-card {
  border-radius: 28px;
  overflow: hidden;
  position: relative;
}

/* line 124, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-hero-copy {
  align-items: center;
  background: linear-gradient(180deg, rgba(194, 206, 168, 0.94), rgba(156, 176, 129, 0.96));
  box-shadow: 0 22px 44px rgba(104, 118, 84, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.14);
  color: #32412b;
  display: grid;
  gap: 12px;
  justify-items: center;
  min-height: 220px;
  padding: 28px;
  text-align: center;
}

/* line 140, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-hero-copy .matcha-lp-section-label,
.matcha-lp-panel--dark .matcha-lp-section-label {
  color: rgba(247, 241, 228, 0.76);
}

/* line 145, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-hero-logo {
  background: #ffffff;
  border: 4px solid rgba(255, 251, 243, 0.7);
  border-radius: 999px;
  box-shadow: 0 14px 28px rgba(104, 118, 84, 0.14);
  height: 88px;
  overflow: hidden;
  width: 88px;
}

/* line 155, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-hero-logo-image {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* line 162, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-hero-title {
  color: #32412b;
  font-size: clamp(34px, 6vw, 60px);
  letter-spacing: 0.06em;
  overflow-wrap: anywhere;
}

/* line 169, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-hero-visual {
  background: #ddd5c5;
  border-radius: 28px;
  min-height: 320px;
  overflow: hidden;
}

/* line 176, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-hero-image,
.matcha-lp-gallery-image,
.matcha-lp-member-avatar-image {
  display: block;
  height: 100%;
  object-fit: cover;
  transition: transform 180ms ease;
  width: 100%;
}

/* line 186, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-hero-image--placeholder {
  align-items: center;
  background: radial-gradient(circle at 30% 28%, rgba(255, 255, 255, 0.34), transparent 20%), linear-gradient(135deg, #aab990 0%, #788c6a 100%);
  color: #f8f4eb;
  display: flex;
  justify-content: center;
}

/* line 196, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-hero-emoji {
  font-size: 88px;
}

/* line 200, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-section-title {
  font-size: clamp(28px, 4.6vw, 42px);
}

/* line 204, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-gallery-stage {
  background: linear-gradient(180deg, rgba(161, 181, 132, 0.96), rgba(121, 145, 101, 0.98));
  box-shadow: 0 22px 44px rgba(104, 118, 84, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  display: grid;
  gap: 16px;
  padding: 16px;
}

/* line 215, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-gallery-feature,
.matcha-lp-gallery-card {
  border-radius: 22px;
  cursor: pointer;
  overflow: hidden;
  transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}

/* line 226, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-gallery-feature .matcha-lp-gallery-image {
  aspect-ratio: 16 / 9;
}

/* line 230, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-gallery-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* line 236, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-gallery-card .matcha-lp-gallery-image {
  aspect-ratio: 4 / 3;
}

/* line 240, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-gallery-feature:hover,
.matcha-lp-gallery-card:hover {
  box-shadow: 0 18px 34px rgba(86, 103, 60, 0.2);
  filter: saturate(1.04);
  transform: translateY(-5px);
}

/* line 247, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-gallery-feature:hover .matcha-lp-gallery-image,
.matcha-lp-gallery-card:hover .matcha-lp-gallery-image {
  transform: scale(1.04);
}

/* line 252, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-story-shell {
  display: grid;
  gap: 18px;
}

/* line 257, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-panel,
.matcha-lp-empty-card {
  background: linear-gradient(180deg, rgba(253, 249, 241, 0.94), rgba(247, 241, 229, 0.98));
  box-shadow: 0 20px 40px rgba(104, 118, 84, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  padding: 24px 22px;
}

/* line 267, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-panel--dark {
  background: linear-gradient(180deg, rgba(122, 144, 100, 0.96), rgba(93, 114, 79, 0.98));
  color: #f8f2e4;
}

/* line 273, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-panel--dark .matcha-lp-section-title,
.matcha-lp-panel--dark .matcha-lp-copy,
.matcha-lp-panel--dark .matcha-lp-empty {
  color: #f8f2e4;
}

/* line 279, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-panel--dark .matcha-lp-copy {
  --group-landing-link-color: #f8f2e4;
  --group-landing-highlight-color: #32412b;
  --group-landing-highlight-bg: rgba(248, 242, 228, 0.86);
  --group-landing-blockquote-border: rgba(248, 242, 228, 0.52);
  --group-landing-table-border: rgba(248, 242, 228, 0.28);
  --group-landing-table-header-bg: rgba(248, 242, 228, 0.12);
}

/* line 288, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-copy,
.matcha-lp-empty {
  font-size: 15px;
  line-height: 2;
  margin: 0;
}

/* line 295, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-copy {
  --group-landing-link-color: #708764;
  --group-landing-highlight-color: #32412b;
  --group-landing-highlight-bg: rgba(144, 165, 125, 0.35);
  --group-landing-blockquote-border: rgba(112, 135, 100, 0.45);
  --group-landing-table-border: rgba(125, 130, 109, 0.34);
  --group-landing-table-header-bg: rgba(255, 251, 243, 0.76);
  color: #495444;
}

/* line 305, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-empty {
  color: #7d826d;
}

/* line 309, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-section-head--center {
  justify-items: center;
  text-align: center;
}

/* line 314, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-member-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* line 320, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-member-card {
  background: linear-gradient(180deg, rgba(253, 249, 241, 0.94), rgba(245, 239, 226, 0.98));
  box-shadow: 0 18px 36px rgba(104, 118, 84, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.44);
  padding: 20px 14px 18px;
  text-align: center;
}

/* line 330, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-member-avatar {
  border: 4px solid rgba(139, 158, 111, 0.22);
  border-radius: 18px;
  height: 84px;
  margin: 0 auto;
  overflow: hidden;
  width: 84px;
}

/* line 339, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-member-name {
  color: #374232;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.7;
  margin: 12px 0 0;
  overflow-wrap: anywhere;
}

/* line 348, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-member-message {
  color: #4c654f;
  font-size: 13px;
  line-height: 1.8;
  margin: 8px 0 0;
  overflow-wrap: anywhere;
}

/* line 356, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-member-role {
  display: inline-block;
  margin-top: 8px;
}

/* line 361, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-member-role--sub {
  color: #879070;
}

/* line 365, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-footer {
  display: flex;
  justify-content: center;
  padding: 24px 0 56px;
}

/* line 371, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
.matcha-lp-footer-link {
  background: linear-gradient(135deg, #90a57d 0%, #708764 100%);
  border-radius: 999px;
  box-shadow: 0 16px 32px rgba(104, 118, 84, 0.15);
  color: #f8f5ec;
  padding: 14px 26px;
}

@media (min-width: 960px) {
  /* line 380, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
  .matcha-lp-hero-shell {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  }
  /* line 384, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
  .matcha-lp-gallery-stage {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
  }
  /* line 388, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
  .matcha-lp-gallery-grid {
    align-content: start;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  /* line 393, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
  .matcha-lp-story-shell {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  /* line 397, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
  .matcha-lp-member-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  /* line 403, app/assets/groups_stylesheets/subdomains/groups_landing/_matcha.scss */
  .matcha-lp-nav {
    display: none;
  }
}

/* line 1, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp {
  --landing-activity-surface: rgba(32, 12, 12, 0.84);
  --landing-activity-featured-surface: linear-gradient(180deg, rgba(43, 14, 17, 0.95), rgba(24, 8, 10, 0.98));
  --landing-activity-surface-strong: rgba(42, 16, 16, 0.94);
  --landing-activity-surface-soft: rgba(86, 28, 24, 0.74);
  --landing-activity-border: rgba(255, 184, 120, 0.18);
  --landing-activity-accent: #f1b28d;
  --landing-activity-accent-soft: rgba(241, 178, 141, 0.16);
  --landing-activity-title: #fff4ea;
  --landing-activity-text: #f1d4c6;
  --landing-activity-muted: #d4a999;
  --landing-activity-shadow: 0 24px 46px rgba(0, 0, 0, 0.24);
  --landing-activity-title-font: "M PLUS Rounded 1c", "Zen Maru Gothic", sans-serif;
  --landing-activity-kicker-font: "M PLUS Rounded 1c", "Cinzel", serif;
  background: radial-gradient(circle at 50% 12%, rgba(244, 91, 74, 0.16), transparent 28%), linear-gradient(180deg, #14090a 0%, #251012 36%, #13090a 100%);
  color: #f6e8dd;
  font-family: "Zen Maru Gothic", "Hiragino Sans", sans-serif;
  min-height: 100vh;
  position: relative;
}

/* line 24, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp *,
.spark-lp *::before,
.spark-lp *::after {
  box-sizing: border-box;
}

/* line 30, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-embers {
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  position: fixed;
  z-index: 0;
}

/* line 38, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-ember {
  animation: crimson-ember-rise linear infinite, crimson-ember-glow ease-in-out infinite;
  bottom: var(--crimson-ember-bottom, -40px);
  filter: drop-shadow(0 0 7px rgba(214, 74, 58, 0.28));
  height: 10px;
  left: 0;
  opacity: 0;
  position: absolute;
  transform: translate3d(0, 0, 0) scale(0.8);
  transform-origin: center;
  width: 10px;
}

/* line 51, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-ember::before,
.spark-lp-ember::after {
  content: "";
  inset: 0;
  position: absolute;
}

/* line 58, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-ember::before {
  background: radial-gradient(circle at 35% 35%, rgba(255, 238, 214, 0.82) 0%, rgba(232, 127, 96, 0.72) 24%, rgba(199, 58, 52, 0.46) 58%, rgba(199, 58, 52, 0) 100%);
  border-radius: 999px;
  transform: scale(var(--crimson-ember-scale, 1));
}

/* line 65, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-ember::after {
  display: none;
}

/* line 69, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-ember:nth-child(1) {
  left: 6%;
  width: 6px;
  height: 6px;
  animation-duration: 8.5s, 4.6s;
  animation-delay: -1s, -0.8s;
  --crimson-ember-rise: 52vh;
  --crimson-ember-drift: 2vw;
  --crimson-ember-scale: 0.9;
  --crimson-ember-bottom: -24px;
}

/* line 70, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-ember:nth-child(2) {
  left: 15%;
  width: 8px;
  height: 8px;
  animation-duration: 11s, 5.4s;
  animation-delay: -4s, -2.4s;
  --crimson-ember-rise: 66vh;
  --crimson-ember-drift: -2vw;
  --crimson-ember-scale: 1;
  --crimson-ember-bottom: 7vh;
}

/* line 71, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-ember:nth-child(3) {
  left: 24%;
  width: 12px;
  height: 12px;
  animation-duration: 13s, 6.2s;
  animation-delay: -7s, -1.7s;
  --crimson-ember-rise: 72vh;
  --crimson-ember-drift: 3vw;
  --crimson-ember-scale: 1.12;
  --crimson-ember-bottom: 13vh;
}

/* line 72, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-ember:nth-child(4) {
  left: 33%;
  width: 7px;
  height: 7px;
  animation-duration: 9.5s, 4.8s;
  animation-delay: -2.5s, -1.2s;
  --crimson-ember-rise: 54vh;
  --crimson-ember-drift: -1vw;
  --crimson-ember-scale: 0.92;
  --crimson-ember-bottom: 2vh;
}

/* line 73, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-ember:nth-child(5) {
  left: 42%;
  width: 9px;
  height: 9px;
  animation-duration: 12s, 5.8s;
  animation-delay: -6s, -2.2s;
  --crimson-ember-rise: 68vh;
  --crimson-ember-drift: 2.5vw;
  --crimson-ember-scale: 1.04;
  --crimson-ember-bottom: 18vh;
}

/* line 74, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-ember:nth-child(6) {
  left: 51%;
  width: 5px;
  height: 5px;
  animation-duration: 7.5s, 4.2s;
  animation-delay: -3s, -1.1s;
  --crimson-ember-rise: 48vh;
  --crimson-ember-drift: -2vw;
  --crimson-ember-scale: 0.82;
  --crimson-ember-bottom: -10px;
}

/* line 75, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-ember:nth-child(7) {
  left: 60%;
  width: 11px;
  height: 11px;
  animation-duration: 14s, 6.6s;
  animation-delay: -8s, -3.5s;
  --crimson-ember-rise: 78vh;
  --crimson-ember-drift: 4vw;
  --crimson-ember-scale: 1.1;
  --crimson-ember-bottom: 22vh;
}

/* line 76, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-ember:nth-child(8) {
  left: 69%;
  width: 6px;
  height: 6px;
  animation-duration: 8s, 4.4s;
  animation-delay: -1.5s, -0.9s;
  --crimson-ember-rise: 44vh;
  --crimson-ember-drift: -1.5vw;
  --crimson-ember-scale: 0.86;
  --crimson-ember-bottom: 9vh;
}

/* line 77, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-ember:nth-child(9) {
  left: 78%;
  width: 10px;
  height: 10px;
  animation-duration: 12.5s, 6s;
  animation-delay: -5.5s, -2.8s;
  --crimson-ember-rise: 70vh;
  --crimson-ember-drift: 3vw;
  --crimson-ember-scale: 1.06;
  --crimson-ember-bottom: 15vh;
}

/* line 78, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-ember:nth-child(10) {
  left: 86%;
  width: 7px;
  height: 7px;
  animation-duration: 9s, 5s;
  animation-delay: -2s, -1.6s;
  --crimson-ember-rise: 56vh;
  --crimson-ember-drift: -2.5vw;
  --crimson-ember-scale: 0.9;
  --crimson-ember-bottom: 3vh;
}

/* line 79, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-ember:nth-child(11) {
  left: 92%;
  width: 12px;
  height: 12px;
  animation-duration: 14.5s, 6.8s;
  animation-delay: -9s, -3.1s;
  --crimson-ember-rise: 80vh;
  --crimson-ember-drift: 4vw;
  --crimson-ember-scale: 1.14;
  --crimson-ember-bottom: 26vh;
}

/* line 80, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-ember:nth-child(12) {
  left: 96%;
  width: 6px;
  height: 6px;
  animation-duration: 8.5s, 4.7s;
  animation-delay: -3.5s, -1.4s;
  --crimson-ember-rise: 50vh;
  --crimson-ember-drift: -1vw;
  --crimson-ember-scale: 0.84;
  --crimson-ember-bottom: 11vh;
}

/* line 81, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-ember:nth-child(13) {
  left: 76%;
  width: 9px;
  height: 9px;
  animation-duration: 11.5s, 5.6s;
  animation-delay: -6.5s, -2.6s;
  --crimson-ember-rise: 64vh;
  --crimson-ember-drift: 2vw;
  --crimson-ember-scale: 1.02;
}

/* line 82, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-ember:nth-child(14) {
  left: 82%;
  width: 5px;
  height: 5px;
  animation-duration: 7.8s, 4.1s;
  animation-delay: -2.8s, -0.7s;
  --crimson-ember-rise: 42vh;
  --crimson-ember-drift: -2vw;
  --crimson-ember-scale: 0.8;
}

/* line 83, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-ember:nth-child(15) {
  left: 88%;
  width: 11px;
  height: 11px;
  animation-duration: 13.8s, 6.3s;
  animation-delay: -7.8s, -2.9s;
  --crimson-ember-rise: 76vh;
  --crimson-ember-drift: 3.5vw;
  --crimson-ember-scale: 1.08;
}

/* line 84, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-ember:nth-child(16) {
  left: 94%;
  width: 6px;
  height: 6px;
  animation-duration: 8.2s, 4.5s;
  animation-delay: -1.2s, -0.5s;
  --crimson-ember-rise: 46vh;
  --crimson-ember-drift: -1.5vw;
  --crimson-ember-scale: 0.84;
}

/* line 85, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-ember:nth-child(17) {
  left: 12%;
  width: 7px;
  height: 7px;
  animation-duration: 9.8s, 5.1s;
  animation-delay: -4.8s, -1.9s;
  --crimson-ember-rise: 58vh;
  --crimson-ember-drift: 1.8vw;
  --crimson-ember-scale: 0.94;
}

/* line 86, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-ember:nth-child(18) {
  left: 30%;
  width: 10px;
  height: 10px;
  animation-duration: 12.8s, 6.1s;
  animation-delay: -7.2s, -3.3s;
  --crimson-ember-rise: 74vh;
  --crimson-ember-drift: -3vw;
  --crimson-ember-scale: 1.06;
}

/* line 87, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-ember:nth-child(19) {
  left: 48%;
  width: 8px;
  height: 8px;
  animation-duration: 10.6s, 5.3s;
  animation-delay: -5.2s, -2.1s;
  --crimson-ember-rise: 62vh;
  --crimson-ember-drift: 2.2vw;
  --crimson-ember-scale: 0.98;
}

/* line 88, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-ember:nth-child(20) {
  left: 86%;
  width: 9px;
  height: 9px;
  animation-duration: 12.2s, 5.9s;
  animation-delay: -8.4s, -2.7s;
  --crimson-ember-rise: 69vh;
  --crimson-ember-drift: -2.8vw;
  --crimson-ember-scale: 1.01;
}

@keyframes crimson-ember-rise {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(0.55);
  }
  16% {
    opacity: 0.88;
  }
  78% {
    opacity: 0.82;
  }
  100% {
    opacity: 0;
    transform: translate3d(var(--crimson-ember-drift), calc(var(--crimson-ember-rise) * -1), 0) scale(1.02);
  }
}

@keyframes crimson-ember-glow {
  0%,
100% {
    opacity: 0.22;
    filter: drop-shadow(0 0 4px rgba(214, 74, 58, 0.21));
  }
  50% {
    opacity: 0.58;
    filter: drop-shadow(0 0 8px rgba(224, 86, 72, 0.32));
  }
}

/* line 123, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-shell {
  margin: 0 auto;
  max-width: 1240px;
  padding-left: 24px;
  padding-right: 24px;
}

/* line 130, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-scroll,
.spark-lp-sticky,
.spark-lp-carousel {
  position: relative;
  z-index: 1;
}

/* line 137, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-section-label,
.spark-lp-member-role {
  color: #f1b28d;
  font-family: "Cinzel", "Noto Serif JP", serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  margin: 0;
  text-transform: uppercase;
}

/* line 148, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-title,
.spark-lp-section-title {
  color: #fff4ed;
  font-family: "Noto Serif JP", "Cinzel", serif;
  font-weight: 900;
  letter-spacing: 0.04em;
  line-height: 1.15;
  margin: 0;
}

/* line 158, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-title {
  font-size: clamp(34px, 5vw, 64px);
  letter-spacing: 0.14em;
  overflow-wrap: anywhere;
  text-align: center;
}

/* line 165, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-footer-link {
  color: #fce1d5;
  font-family: "Cinzel", "Noto Serif JP", serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-decoration: none;
}

/* line 174, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-scroll {
  min-height: calc(var(--crimson-slide-count) * 100vh);
}

/* line 178, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-sticky {
  height: 100vh;
  overflow: hidden;
  position: sticky;
  top: 0;
}

/* line 185, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-carousel {
  display: grid;
  grid-auto-columns: 100vw;
  grid-auto-flow: column;
  height: 100vh;
  transform: translate3d(0, 0, 0);
  will-change: transform;
}

/* line 194, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-slide {
  align-items: center;
  display: flex;
  height: 100vh;
  padding: 28px 0 40px;
}

/* line 201, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-slide-shell {
  align-items: center;
  display: flex;
  width: 100%;
}

/* line 207, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-slide--hero .spark-lp-slide-shell {
  justify-content: center;
}

/* line 211, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-hero-frame,
.spark-lp-panel--carousel,
.spark-lp-stage--carousel,
.spark-lp-roster {
  width: 100%;
}

/* line 218, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-hero-frame {
  display: grid;
  gap: 18px;
}

/* line 223, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-slide--hero .spark-lp-hero-frame {
  grid-template-columns: minmax(0, 1fr);
  margin: 0 auto;
  max-width: 880px;
}

/* line 229, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-hero-copy,
.spark-lp-panel,
.spark-lp-stage,
.spark-lp-member-card {
  border-radius: 30px;
  overflow: hidden;
  position: relative;
}

/* line 238, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-hero-copy {
  background: linear-gradient(180deg, rgba(72, 19, 22, 0.94), rgba(41, 11, 14, 0.98));
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  display: grid;
  gap: 18px;
  justify-items: center;
  min-height: 220px;
  padding: 28px;
  text-align: center;
}

/* line 252, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-slide--hero .spark-lp-hero-copy {
  background: none;
  box-shadow: none;
  min-height: auto;
  padding: 0;
}

/* line 259, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-hero-crest {
  border: 4px solid rgba(255, 238, 229, 0.32);
  border-radius: 999px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.18);
  height: 108px;
  overflow: hidden;
  width: 108px;
}

/* line 268, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-hero-crest-image,
.spark-lp-hero-image,
.spark-lp-shot-image,
.spark-lp-member-avatar-image {
  display: block;
  height: 100%;
  object-fit: cover;
  transition: transform 180ms ease;
  width: 100%;
}

/* line 279, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-hero-visual {
  border-radius: 30px;
  min-height: 420px;
  overflow: hidden;
}

/* line 285, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-hero-image--placeholder {
  align-items: center;
  background: radial-gradient(circle at 30% 28%, rgba(255, 255, 255, 0.3), transparent 18%), linear-gradient(135deg, #7c2a27 0%, #3a1113 100%);
  display: flex;
  justify-content: center;
}

/* line 294, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-hero-emoji {
  font-size: 96px;
}

/* line 298, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-section-head {
  display: grid;
  gap: 8px;
}

/* line 303, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-section-head--center {
  justify-items: center;
  text-align: center;
}

/* line 308, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-section-title {
  font-size: clamp(28px, 4vw, 42px);
}

/* line 312, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-panel,
.spark-lp-stage,
.spark-lp-panel--empty {
  background: linear-gradient(180deg, rgba(43, 14, 17, 0.95), rgba(24, 8, 10, 0.98));
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  max-height: calc(100vh - 120px);
  overflow: auto;
  padding: 24px 22px;
}

/* line 325, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-panel--rules {
  background: linear-gradient(180deg, rgba(90, 22, 22, 0.95), rgba(46, 11, 12, 0.98));
}

/* line 330, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-copy,
.spark-lp-empty {
  color: #f3dfd3;
  font-size: 15px;
  line-height: 2;
  margin: 0;
}

/* line 338, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-copy {
  --group-landing-link-color: #f1b28d;
  --group-landing-highlight-color: #4a120f;
  --group-landing-highlight-bg: rgba(241, 178, 141, 0.82);
  --group-landing-blockquote-border: rgba(241, 178, 141, 0.5);
  --group-landing-table-border: rgba(243, 223, 211, 0.24);
  --group-landing-table-header-bg: rgba(255, 255, 255, 0.06);
}

/* line 347, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-stage-content {
  display: grid;
  gap: 16px;
}

/* line 352, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-stage--carousel,
.spark-lp-roster {
  max-height: calc(100vh - 120px);
  overflow: auto;
}

/* line 358, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-stage-feature,
.spark-lp-stage-card {
  border-radius: 24px;
  cursor: pointer;
  overflow: hidden;
  transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}

/* line 369, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-stage-feature .spark-lp-shot-image {
  aspect-ratio: 16 / 9;
}

/* line 373, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-stage-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* line 379, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-stage-card .spark-lp-shot-image {
  aspect-ratio: 4 / 3;
}

/* line 383, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-stage-feature:hover,
.spark-lp-stage-card:hover {
  box-shadow: 0 20px 36px rgba(164, 45, 21, 0.22);
  filter: saturate(1.08);
  transform: translateY(-6px);
}

/* line 390, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-stage-feature:hover .spark-lp-shot-image,
.spark-lp-stage-card:hover .spark-lp-shot-image {
  transform: scale(1.05);
}

/* line 395, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-member-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 18px;
}

/* line 402, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-member-card {
  background: linear-gradient(180deg, rgba(55, 16, 19, 0.95), rgba(28, 8, 11, 0.98));
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  padding: 20px 14px 18px;
  text-align: center;
}

/* line 412, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-member-avatar {
  border: 3px solid rgba(243, 178, 141, 0.24);
  border-radius: 20px;
  height: 88px;
  margin: 0 auto;
  overflow: hidden;
  width: 88px;
}

/* line 421, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-member-name {
  color: #fff2ea;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.7;
  margin: 12px 0 0;
  overflow-wrap: anywhere;
}

/* line 430, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-member-message {
  color: #f2c8ba;
  font-size: 13px;
  line-height: 1.8;
  margin: 8px 0 0;
  overflow-wrap: anywhere;
}

/* line 438, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-slide--activity .group-landing-activity-featured,
.spark-lp-slide--activity .group-landing-activity-item,
.spark-lp-slide--activity .group-landing-activity-empty,
.spark-lp-slide--activity .group-landing-activity-featured-visual,
.spark-lp-slide--activity .group-landing-activity-meta-item {
  background: linear-gradient(180deg, rgba(55, 16, 19, 0.95), rgba(28, 8, 11, 0.98));
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

/* line 450, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-slide--activity .group-landing-activity-title,
.spark-lp-slide--activity .group-landing-activity-item-title,
.spark-lp-slide--activity .group-landing-activity-meta-item dd {
  color: #fff2ea;
}

/* line 456, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-slide--activity .group-landing-activity-summary,
.spark-lp-slide--activity .group-landing-activity-item-summary,
.spark-lp-slide--activity .group-landing-activity-empty-text,
.spark-lp-slide--activity .group-landing-activity-item-date,
.spark-lp-slide--activity .group-landing-activity-item-author,
.spark-lp-slide--activity .group-landing-activity-meta-item dt {
  color: #f2c8ba;
}

/* line 465, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-member-role {
  display: inline-block;
  margin-top: 8px;
}

/* line 470, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-member-role--sub {
  color: #e2a886;
}

/* line 474, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-footer {
  display: flex;
  justify-content: center;
  padding: 24px 0 4px;
  position: relative;
  z-index: 1;
}

/* line 482, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
.spark-lp-footer-link {
  background: linear-gradient(135deg, #c24734 0%, #7c201f 100%);
  border-radius: 999px;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
  padding: 14px 26px;
}

@media (min-width: 980px) {
  /* line 490, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
  .spark-lp-hero-frame {
    grid-template-columns: 280px minmax(0, 1fr);
  }
  /* line 494, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
  .spark-lp-slide--hero .spark-lp-hero-frame {
    grid-template-columns: minmax(0, 1fr);
  }
  /* line 498, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
  .spark-lp-stage-content {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  }
  /* line 502, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
  .spark-lp-stage-grid {
    align-content: start;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  /* line 507, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
  .spark-lp-member-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  /* line 513, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
  .spark-lp-scroll {
    height: auto;
  }
  /* line 517, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
  .spark-lp-sticky {
    height: auto;
    overflow: visible;
    position: relative;
  }
  /* line 523, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
  .spark-lp-carousel {
    display: block;
    height: auto;
    transform: none;
  }
  /* line 529, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
  .spark-lp-slide {
    height: auto;
    min-height: auto;
    padding-bottom: 18px;
  }
  /* line 535, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
  .spark-lp-panel--carousel,
.spark-lp-stage--carousel,
.spark-lp-roster {
    max-height: none;
    overflow: visible;
  }
  /* line 542, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
  .spark-lp-hero-crest {
    height: 84px;
    width: 84px;
  }
  /* line 547, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
  .spark-lp-slide--hero .spark-lp-hero-copy {
    padding: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  /* line 553, app/assets/groups_stylesheets/subdomains/groups_landing/_spark.scss */
  .spark-lp-ember {
    animation: none;
    opacity: 0.4;
    transform: none;
  }
}

/* line 1, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp {
  --landing-activity-surface: rgba(252, 249, 242, 0.96);
  --landing-activity-surface-strong: rgba(255, 252, 247, 0.99);
  --landing-activity-surface-soft: rgba(246, 237, 223, 0.88);
  --landing-activity-border: rgba(121, 96, 73, 0.16);
  --landing-activity-accent: #7d5f46;
  --landing-activity-accent-soft: rgba(125, 95, 70, 0.12);
  --landing-activity-title: #231b16;
  --landing-activity-text: #51453c;
  --landing-activity-muted: #796961;
  --landing-activity-shadow: 0 20px 42px rgba(54, 40, 28, 0.12);
  --landing-activity-title-font: "M PLUS Rounded 1c", "Zen Maru Gothic", sans-serif;
  --landing-activity-kicker-font: "M PLUS Rounded 1c", "Cinzel", serif;
  background: linear-gradient(180deg, #efe7d9 0%, #e6dbc8 100%);
  color: #2d241d;
  font-family: "Zen Maru Gothic", "Hiragino Sans", sans-serif;
}

/* line 20, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp *,
.magazine-lp *::before,
.magazine-lp *::after {
  box-sizing: border-box;
}

/* line 26, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-shell {
  margin: 0 auto;
  max-width: 1240px;
  padding-left: 24px;
  padding-right: 24px;
}

/* line 33, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-cover {
  padding: 32px 0 24px;
}

/* line 37, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-cover-page,
.magazine-lp-spread-page,
.magazine-lp-gallery-page,
.magazine-lp-directory-page {
  background: linear-gradient(180deg, rgba(255, 251, 244, 0.98), rgba(244, 236, 224, 0.98));
  border: 1px solid rgba(92, 74, 56, 0.14);
  box-shadow: 0 30px 70px rgba(50, 34, 21, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.76);
  position: relative;
}

/* line 50, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-cover-page {
  align-items: stretch;
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  min-height: 88vh;
}

/* line 57, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-cover-copy {
  align-content: center;
  display: grid;
  gap: 18px;
  justify-items: start;
  padding: 72px 64px;
}

/* line 65, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-cover-mark {
  border: 1px solid rgba(77, 59, 41, 0.16);
  border-radius: 999px;
  height: 92px;
  margin: 0 auto;
  overflow: hidden;
  width: 92px;
}

/* line 74, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-cover-mark-image,
.magazine-lp-cover-image,
.magazine-lp-visual-image,
.magazine-lp-gallery-image,
.magazine-lp-member-avatar-image {
  display: block;
  height: 100%;
  object-fit: cover;
  transition: transform 180ms ease;
  width: 100%;
}

/* line 86, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-heading-en,
.magazine-lp-member-role {
  color: #7d5f46;
  font-family: "M PLUS Rounded 1c", "Zen Maru Gothic", sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  margin: 0;
  text-transform: uppercase;
}

/* line 97, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-cover-title,
.magazine-lp-heading-ja {
  color: #1f1812;
  font-family: "M PLUS Rounded 1c", "Zen Maru Gothic", sans-serif;
  font-weight: 900;
  letter-spacing: 0.04em;
  line-height: 1.2;
  margin: 0;
}

/* line 107, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-cover-title {
  font-size: clamp(40px, 5vw, 68px);
  overflow-wrap: anywhere;
}

/* line 112, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-cover-image {
  object-fit: contain;
}

/* line 116, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-cover-visual,
.magazine-lp-visual {
  min-height: 100%;
}

/* line 121, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-cover-image--placeholder,
.magazine-lp-visual-image--placeholder {
  align-items: center;
  background: linear-gradient(135deg, #d6cab9 0%, #b4a08a 100%);
  display: flex;
  justify-content: center;
}

/* line 130, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-cover-emoji,
.magazine-lp-visual-emoji {
  font-size: 88px;
}

/* line 135, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-main {
  display: grid;
  gap: 28px;
  padding-bottom: 32px;
}

/* line 141, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-spread,
.magazine-lp-gallery,
.magazine-lp-directory {
  padding: 0 0 8px;
}

/* line 147, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-spread-page {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

/* line 152, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-spread--reverse .magazine-lp-spread-page {
  direction: rtl;
}

/* line 156, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-spread--reverse .magazine-lp-spread-page > * {
  direction: ltr;
}

/* line 160, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-article,
.magazine-lp-visual {
  padding: 56px 52px;
}

/* line 165, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-article {
  display: grid;
  gap: 28px;
}

/* line 170, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-heading {
  display: grid;
  gap: 8px;
}

/* line 175, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-heading-ja {
  font-size: clamp(28px, 3vw, 44px);
}

/* line 179, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-copy,
.magazine-lp-empty {
  font-size: 15px;
  line-height: 2.1;
  margin: 0;
}

/* line 186, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-copy {
  --group-landing-link-color: #7d5f46;
  --group-landing-highlight-color: #2d241d;
  --group-landing-highlight-bg: rgba(210, 184, 154, 0.5);
  --group-landing-blockquote-border: rgba(125, 95, 70, 0.4);
  --group-landing-table-border: rgba(90, 67, 49, 0.24);
  --group-landing-table-header-bg: rgba(118, 92, 65, 0.08);
}

/* line 195, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-visual {
  background: rgba(118, 92, 65, 0.06);
}

/* line 199, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-visual-image,
.magazine-lp-gallery-feature,
.magazine-lp-gallery-card {
  border: 1px solid rgba(90, 67, 49, 0.1);
  box-shadow: 0 12px 28px rgba(43, 30, 21, 0.06);
  overflow: hidden;
}

/* line 207, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-visual-image {
  height: auto;
  position: sticky;
  top: 56px;
}

/* line 213, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-gallery-page,
.magazine-lp-directory-page {
  padding: 56px 52px;
}

/* line 218, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-gallery-page,
.magazine-lp-directory-page {
  display: grid;
  gap: 28px;
}

/* line 224, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-gallery-layout {
  align-items: start;
  display: grid;
  gap: 28px;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
}

/* line 231, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-gallery-feature .magazine-lp-gallery-image {
  aspect-ratio: 4 / 5;
}

/* line 235, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-gallery-grid {
  align-content: start;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* line 242, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-gallery-card .magazine-lp-gallery-image {
  aspect-ratio: 4 / 3;
}

/* line 246, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-gallery-feature,
.magazine-lp-gallery-card {
  cursor: pointer;
  transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}

/* line 255, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-gallery-feature:hover {
  box-shadow: 0 18px 34px rgba(43, 30, 21, 0.12);
  filter: saturate(1.03);
  transform: translateY(-5px) rotate(-0.4deg);
}

/* line 261, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-gallery-card:hover {
  box-shadow: 0 18px 34px rgba(43, 30, 21, 0.12);
  filter: saturate(1.03);
  transform: translateY(-4px) rotate(0.5deg);
}

/* line 267, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-gallery-feature:hover .magazine-lp-gallery-image,
.magazine-lp-gallery-card:hover .magazine-lp-gallery-image {
  transform: scale(1.04);
}

/* line 272, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-member-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* line 278, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-member-card {
  align-items: center;
  background: rgba(255, 250, 243, 0.88);
  border: 1px solid rgba(97, 73, 51, 0.12);
  display: grid;
  gap: 16px;
  grid-template-columns: 72px minmax(0, 1fr);
  padding: 18px;
}

/* line 288, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-member-avatar {
  border: 1px solid rgba(97, 73, 51, 0.12);
  border-radius: 999px;
  height: 72px;
  overflow: hidden;
  width: 72px;
}

/* line 296, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-member-copy {
  display: grid;
  gap: 6px;
}

/* line 301, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-member-name {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.7;
  margin: 0;
  overflow-wrap: anywhere;
}

/* line 309, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-member-message {
  color: #6f5844;
  font-size: 13px;
  line-height: 1.8;
  margin: 0;
  overflow-wrap: anywhere;
}

/* line 317, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-member-role--sub {
  color: #9f7f64;
}

/* line 321, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-footer {
  display: flex;
  justify-content: center;
  padding: 12px 24px 40px;
}

/* line 327, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
.magazine-lp-footer-link {
  background: #2d241d;
  color: #f6ebdb;
  font-family: "M PLUS Rounded 1c", "Zen Maru Gothic", sans-serif;
  font-size: 12px;
  letter-spacing: 0.16em;
  padding: 14px 24px;
  text-decoration: none;
}

@media (max-width: 959px) {
  /* line 338, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
  .magazine-lp-cover-page,
.magazine-lp-spread-page,
.magazine-lp-gallery-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  /* line 344, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
  .magazine-lp-cover-copy,
.magazine-lp-article,
.magazine-lp-visual,
.magazine-lp-gallery-page,
.magazine-lp-directory-page {
    padding: 32px 24px;
  }
  /* line 352, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
  .magazine-lp-visual-image {
    position: relative;
    top: auto;
  }
}

@media (max-width: 767px) {
  /* line 359, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
  .magazine-lp-cover {
    padding-top: 20px;
  }
  /* line 363, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
  .magazine-lp-cover-page {
    min-height: auto;
  }
  /* line 367, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
  .magazine-lp-member-grid,
.magazine-lp-gallery-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  /* line 372, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
  .magazine-lp-member-card {
    grid-template-columns: 60px minmax(0, 1fr);
  }
  /* line 376, app/assets/groups_stylesheets/subdomains/groups_landing/_magazine.scss */
  .magazine-lp-member-avatar {
    height: 60px;
    width: 60px;
  }
}

/* line 1, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp {
  --landing-activity-surface: rgba(255, 249, 238, 0.94);
  --landing-activity-featured-surface: linear-gradient(180deg, rgba(233, 223, 205, 0.98), rgba(214, 202, 181, 0.98));
  --landing-activity-surface-strong: rgba(255, 252, 245, 0.98);
  --landing-activity-surface-soft: rgba(245, 236, 212, 0.9);
  --landing-activity-border: rgba(112, 88, 58, 0.16);
  --landing-activity-accent: #c9b18e;
  --landing-activity-accent-soft: rgba(201, 177, 142, 0.16);
  --landing-activity-title: #2a221b;
  --landing-activity-text: #57493a;
  --landing-activity-muted: #7d6b5b;
  --landing-activity-shadow: 0 22px 46px rgba(61, 45, 31, 0.12);
  --landing-activity-title-font: "M PLUS Rounded 1c", "Zen Maru Gothic", sans-serif;
  --landing-activity-kicker-font: "M PLUS Rounded 1c", "Cinzel", serif;
  background: radial-gradient(circle at 20% 12%, rgba(193, 134, 77, 0.12), transparent 20%), linear-gradient(180deg, #1a201f 0%, #121615 100%);
  color: #ece4d6;
  font-family: "Zen Maru Gothic", "Hiragino Sans", sans-serif;
  overflow: hidden;
  position: relative;
}

/* line 24, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp *,
.board-lp *::before,
.board-lp *::after {
  box-sizing: border-box;
}

/* line 30, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-grid {
  background-image: linear-gradient(rgba(229, 213, 192, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(229, 213, 192, 0.05) 1px, transparent 1px);
  background-position: center center;
  background-size: 36px 36px;
  inset: 0;
  pointer-events: none;
  position: fixed;
  z-index: 0;
}

/* line 42, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-shell {
  margin: 0 auto;
  max-width: 1320px;
  padding-left: 24px;
  padding-right: 24px;
  position: relative;
  z-index: 1;
}

/* line 51, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-hero {
  padding: 32px 0 20px;
}

/* line 55, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-main {
  display: grid;
  gap: 24px;
  padding-bottom: 28px;
}

/* line 61, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-board {
  background: linear-gradient(180deg, rgba(31, 37, 36, 0.96), rgba(21, 25, 24, 0.98));
  border: 1px solid rgba(192, 170, 140, 0.12);
  box-shadow: 0 34px 70px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.03);
  min-height: 100%;
  overflow: hidden;
  padding: 28px;
  position: relative;
}

/* line 74, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-board::before {
  background: radial-gradient(circle at 18% 20%, rgba(255, 255, 255, 0.06), transparent 14%), radial-gradient(circle at 84% 76%, rgba(255, 255, 255, 0.04), transparent 16%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

/* line 84, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-board--hero {
  align-items: center;
  display: grid;
  gap: 22px;
  grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.28fr);
  min-height: 88vh;
}

/* line 92, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-board--split {
  align-items: start;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.92fr);
}

/* line 99, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-board--reverse {
  grid-template-columns: minmax(280px, 0.92fr) minmax(0, 1.08fr);
}

/* line 103, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-board--gallery,
.board-lp-board--members {
  display: grid;
  gap: 22px;
}

/* line 109, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-board-copy,
.board-lp-note,
.board-lp-polaroid,
.board-lp-gallery-feature,
.board-lp-gallery-card,
.board-lp-member-card {
  transition: transform 0.36s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.24s ease, filter 0.24s ease;
  will-change: transform;
}

/* line 122, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-heading-en,
.board-lp-member-role {
  color: #c9b18e;
  font-family: "Cinzel", "Noto Serif JP", serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  margin: 0;
  text-transform: uppercase;
}

/* line 133, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-title,
.board-lp-heading-ja {
  color: #f6efe2;
  font-family: "M PLUS Rounded 1c", "Zen Maru Gothic", sans-serif;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 1.2;
  margin: 0;
}

/* line 143, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-title {
  font-size: clamp(38px, 5vw, 74px);
  overflow-wrap: anywhere;
}

/* line 148, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-board-copy {
  display: grid;
  gap: 18px;
  justify-items: start;
  position: relative;
  z-index: 1;
}

/* line 156, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-mark {
  background: #f1e2cb;
  border-radius: 24px;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
  height: 104px;
  overflow: hidden;
  padding: 8px;
  width: 104px;
}

/* line 166, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-mark-image,
.board-lp-cover-image,
.board-lp-polaroid-image,
.board-lp-gallery-image,
.board-lp-member-avatar-image {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* line 177, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-board-visual {
  border: 10px solid #f0e2cb;
  box-shadow: 0 28px 52px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(45, 34, 21, 0.16);
  overflow: hidden;
  position: relative;
  transform: rotate(-1.4deg);
}

/* line 187, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-board-visual::after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.14), transparent 34%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

/* line 195, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-cover-image--placeholder,
.board-lp-polaroid-image--placeholder {
  align-items: center;
  background: linear-gradient(135deg, #89735a 0%, #524433 100%);
  display: flex;
  justify-content: center;
}

/* line 203, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-cover-emoji,
.board-lp-polaroid-emoji {
  font-size: 94px;
}

/* line 208, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-heading {
  display: grid;
  gap: 8px;
}

/* line 213, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-heading-ja {
  font-size: clamp(28px, 3vw, 46px);
}

/* line 217, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-note {
  background: linear-gradient(180deg, rgba(243, 231, 211, 0.98), rgba(231, 218, 196, 0.98));
  box-shadow: 0 22px 40px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.72);
  color: #302418;
  display: grid;
  gap: 22px;
  min-height: 100%;
  padding: 32px 28px;
  position: relative;
}

/* line 231, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-note::before {
  background: linear-gradient(180deg, rgba(166, 129, 90, 0.22), rgba(166, 129, 90, 0));
  content: "";
  height: 8px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

/* line 241, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-note--wide {
  transform: rotate(-1deg);
}

/* line 245, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-note--checklist {
  transform: rotate(1.1deg);
}

/* line 249, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-copy,
.board-lp-empty {
  color: #3f2f23;
  font-size: 15px;
  line-height: 2;
  margin: 0;
}

/* line 257, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-copy {
  --group-landing-link-color: #7b5c41;
  --group-landing-highlight-color: #2b1f15;
  --group-landing-highlight-bg: rgba(201, 177, 142, 0.52);
  --group-landing-blockquote-border: rgba(123, 92, 65, 0.44);
  --group-landing-table-border: rgba(123, 92, 65, 0.32);
  --group-landing-table-header-bg: rgba(239, 227, 209, 0.9);
}

/* line 266, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-note .board-lp-heading-en {
  color: #7b5c41;
}

/* line 270, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-note .board-lp-heading-ja {
  color: #2b1f15;
}

/* line 274, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-polaroid {
  background: #efe3d1;
  box-shadow: 0 22px 44px rgba(0, 0, 0, 0.24);
  padding: 14px 14px 54px;
  position: sticky;
  top: 40px;
  transform: rotate(2.2deg);
}

/* line 283, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-polaroid--tall {
  transform: rotate(-2deg);
}

/* line 287, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-polaroid-image {
  aspect-ratio: 4 / 5;
}

/* line 291, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-gallery {
  display: grid;
  gap: 22px;
  grid-template-columns: minmax(0, 1.06fr) minmax(280px, 0.94fr);
}

/* line 297, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-gallery-feature {
  background: #efe2cc;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.24);
  cursor: pointer;
  overflow: hidden;
  padding: 14px;
  transform: rotate(-1deg);
}

/* line 306, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-gallery-feature .board-lp-gallery-image {
  aspect-ratio: 16 / 10;
}

/* line 310, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-gallery-stack {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* line 316, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-gallery-card {
  background: #f0e4d0;
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  overflow: hidden;
  padding: 10px;
}

/* line 324, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-gallery-card:nth-child(odd) {
  transform: rotate(1.4deg);
}

/* line 328, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-gallery-card:nth-child(even) {
  transform: rotate(-1.3deg);
}

/* line 332, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-gallery-card .board-lp-gallery-image {
  aspect-ratio: 4 / 3;
}

/* line 336, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-gallery-image {
  display: block;
  transition: transform 180ms ease, filter 180ms ease;
  width: 100%;
}

/* line 344, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-gallery-feature:hover,
.board-lp-gallery-card:hover {
  box-shadow: 0 28px 52px rgba(0, 0, 0, 0.28);
  filter: brightness(1.03);
}

/* line 350, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-gallery-feature:hover .board-lp-gallery-image,
.board-lp-gallery-card:hover .board-lp-gallery-image {
  transform: scale(1.04);
}

/* line 355, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-member-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* line 361, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-member-card {
  align-items: center;
  background: linear-gradient(180deg, rgba(233, 223, 205, 0.98), rgba(214, 202, 181, 0.98));
  border-left: 8px solid #8c6a4b;
  color: #2e241a;
  display: grid;
  gap: 14px;
  grid-template-columns: 76px minmax(0, 1fr);
  padding: 16px 18px;
}

/* line 373, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-member-avatar {
  background: #fbf5ec;
  border-radius: 999px;
  height: 76px;
  overflow: hidden;
  width: 76px;
}

/* line 381, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-member-copy {
  display: grid;
  gap: 6px;
}

/* line 386, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-member-name {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.7;
  margin: 0;
  overflow-wrap: anywhere;
}

/* line 394, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-member-role--sub {
  color: #916f50;
}

/* line 398, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-member-message {
  color: #5a4634;
  font-size: 13px;
  line-height: 1.7;
  margin: 2px 0 0;
  overflow-wrap: anywhere;
}

/* line 406, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-section .group-landing-activity-featured,
.board-lp-section .group-landing-activity-item,
.board-lp-section .group-landing-activity-empty,
.board-lp-section .group-landing-activity-featured-visual,
.board-lp-section .group-landing-activity-meta-item {
  background: linear-gradient(180deg, rgba(233, 223, 205, 0.98), rgba(214, 202, 181, 0.98));
  border-color: #8c6a4b;
}

/* line 416, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-section .group-landing-activity-title,
.board-lp-section .group-landing-activity-item-title,
.board-lp-section .group-landing-activity-meta-item dd {
  color: #2e241a;
}

/* line 422, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-section .group-landing-activity-summary,
.board-lp-section .group-landing-activity-item-summary,
.board-lp-section .group-landing-activity-empty-text,
.board-lp-section .group-landing-activity-item-date,
.board-lp-section .group-landing-activity-item-author,
.board-lp-section .group-landing-activity-meta-item dt {
  color: #5a4634;
}

/* line 431, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-footer {
  display: flex;
  justify-content: center;
  padding: 12px 24px 40px;
  position: relative;
  z-index: 1;
}

/* line 439, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
.board-lp-footer-link {
  background: linear-gradient(135deg, #7a5a40 0%, #4e3a2b 100%);
  color: #f4eadc;
  font-family: "M PLUS Rounded 1c", "Zen Maru Gothic", sans-serif;
  font-size: 12px;
  letter-spacing: 0.14em;
  padding: 14px 24px;
  text-decoration: none;
}

@media (max-width: 959px) {
  /* line 450, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
  .board-lp-board--hero,
.board-lp-board--split,
.board-lp-board--reverse,
.board-lp-gallery {
    grid-template-columns: minmax(0, 1fr);
  }
  /* line 457, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
  .board-lp-polaroid {
    position: relative;
    top: auto;
  }
  /* line 462, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
  .board-lp .board-lp-board-visual,
.board-lp .board-lp-note,
.board-lp .board-lp-note--wide,
.board-lp .board-lp-note--checklist,
.board-lp .board-lp-polaroid,
.board-lp .board-lp-polaroid--tall,
.board-lp .board-lp-gallery-feature,
.board-lp .board-lp-gallery-card,
.board-lp .board-lp-member-card {
    transform: none;
  }
}

@media (max-width: 767px) {
  /* line 476, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
  .board-lp-shell {
    padding-left: 16px;
    padding-right: 16px;
  }
  /* line 481, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
  .board-lp-board {
    padding: 18px;
  }
  /* line 485, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
  .board-lp-board-copy {
    justify-items: center;
    text-align: center;
  }
  /* line 490, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
  .board-lp-board-visual {
    min-height: auto;
  }
  /* line 494, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
  .board-lp-gallery-stack,
.board-lp-member-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  /* line 499, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
  .board-lp-member-card {
    grid-template-columns: 64px minmax(0, 1fr);
  }
  /* line 503, app/assets/groups_stylesheets/subdomains/groups_landing/_board.scss */
  .board-lp-member-avatar {
    height: 64px;
    width: 64px;
  }
}

/* line 1, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp {
  --landing-activity-surface: rgba(255, 251, 245, 0.98);
  --landing-activity-surface-strong: rgba(247, 241, 231, 0.98);
  --landing-activity-surface-soft: rgba(244, 236, 224, 0.9);
  --landing-activity-border: rgba(95, 74, 56, 0.12);
  --landing-activity-accent: #715844;
  --landing-activity-accent-soft: rgba(113, 88, 68, 0.12);
  --landing-activity-title: #211914;
  --landing-activity-text: #4a3a2e;
  --landing-activity-muted: #77665b;
  --landing-activity-shadow: 0 24px 60px rgba(56, 40, 27, 0.12);
  --landing-activity-title-font: "M PLUS Rounded 1c", "Zen Maru Gothic", sans-serif;
  --landing-activity-kicker-font: "M PLUS Rounded 1c", "Cinzel", serif;
  background: linear-gradient(180deg, #f2eee6 0%, #e5ddd0 100%);
  color: #2d251f;
  font-family: "Zen Maru Gothic", "Hiragino Sans", sans-serif;
  position: relative;
}

/* line 21, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp *,
.exhibit-lp *::before,
.exhibit-lp *::after {
  box-sizing: border-box;
}

/* line 27, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-shell {
  margin: 0 auto;
  max-width: 1320px;
  padding-left: 28px;
  padding-right: 28px;
}

/* line 34, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-index {
  align-items: center;
  background: rgba(255, 251, 245, 0.82);
  backdrop-filter: blur(12px);
  border-right: 1px solid rgba(98, 77, 55, 0.12);
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 18px;
  justify-content: center;
  left: 0;
  padding: 28px 14px;
  position: fixed;
  top: 0;
  width: 88px;
  z-index: 20;
}

/* line 52, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-index-link,
.exhibit-lp-heading-en,
.exhibit-lp-footer-link {
  font-family: "Cinzel", "M PLUS Rounded 1c", serif;
}

/* line 58, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-index-link {
  color: #715844;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-decoration: none;
  writing-mode: vertical-rl;
}

/* line 67, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-hero,
.exhibit-lp-main,
.exhibit-lp-footer {
  padding-left: 88px;
}

/* line 73, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-hero {
  padding-top: 28px;
}

/* line 77, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-hero-stage,
.exhibit-lp-note,
.exhibit-lp-frame,
.exhibit-lp-gallery-room,
.exhibit-lp-member-room {
  background: linear-gradient(180deg, rgba(255, 251, 245, 0.98), rgba(245, 238, 228, 0.98));
  border: 1px solid rgba(95, 74, 56, 0.12);
  box-shadow: 0 24px 60px rgba(56, 40, 27, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.74);
}

/* line 90, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-hero-stage {
  align-items: stretch;
  display: grid;
  gap: 28px;
  grid-template-columns: minmax(280px, 0.7fr) minmax(0, 1.3fr);
  min-height: 86vh;
  padding: 32px;
}

/* line 99, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-hero-copy {
  align-content: center;
  display: grid;
  gap: 18px;
  justify-items: start;
}

/* line 106, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-mark {
  background: #fcfaf6;
  border: 1px solid rgba(104, 82, 63, 0.14);
  border-radius: 999px;
  height: 108px;
  overflow: hidden;
  width: 108px;
}

/* line 115, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-mark-image,
.exhibit-lp-hero-image,
.exhibit-lp-frame-image,
.exhibit-lp-gallery-image,
.exhibit-lp-member-avatar-image {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* line 126, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-heading-en {
  color: #84674e;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.22em;
  margin: 0;
  text-transform: uppercase;
}

/* line 135, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-title,
.exhibit-lp-heading-ja {
  color: #211914;
  font-family: "M PLUS Rounded 1c", "Zen Maru Gothic", sans-serif;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 1.2;
  margin: 0;
}

/* line 145, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-title {
  font-size: clamp(42px, 5.6vw, 74px);
  overflow-wrap: anywhere;
}

/* line 150, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-hero-frame,
.exhibit-lp-frame,
.exhibit-lp-gallery-card {
  background: #f7f1e7;
  border: 14px solid #f7f1e7;
  box-shadow: 0 22px 44px rgba(55, 40, 27, 0.16), 0 0 0 1px rgba(103, 80, 60, 0.08);
  overflow: hidden;
  position: relative;
}

/* line 162, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-hero-frame::before,
.exhibit-lp-frame::before,
.exhibit-lp-gallery-card::before {
  border: 1px solid rgba(92, 70, 51, 0.14);
  content: "";
  inset: 8px;
  pointer-events: none;
  position: absolute;
}

/* line 172, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-hero-image {
  aspect-ratio: 5 / 4;
}

/* line 176, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-hero-image--placeholder,
.exhibit-lp-frame-image--placeholder {
  align-items: center;
  background: linear-gradient(135deg, #d6c8b5 0%, #b5a18b 100%);
  display: flex;
  justify-content: center;
}

/* line 185, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-hero-emoji,
.exhibit-lp-frame-emoji {
  font-size: 84px;
}

/* line 190, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-main {
  display: grid;
  gap: 36px;
  padding-bottom: 36px;
  padding-top: 36px;
}

/* line 197, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-room-grid {
  align-items: start;
  display: grid;
  gap: 26px;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);
}

/* line 204, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-room-grid--reverse {
  grid-template-columns: minmax(320px, 0.72fr) minmax(0, 1fr);
}

/* line 208, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-note {
  display: grid;
  gap: 20px;
  min-height: 100%;
  padding: 34px 32px;
}

/* line 215, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-note--rules {
  background: linear-gradient(180deg, rgba(249, 244, 237, 0.98), rgba(242, 233, 221, 0.98));
}

/* line 220, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-heading {
  display: grid;
  gap: 8px;
}

/* line 225, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-heading--center {
  justify-items: center;
  text-align: center;
}

/* line 230, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-heading-ja {
  font-size: clamp(28px, 3vw, 46px);
}

/* line 234, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-copy,
.exhibit-lp-empty {
  color: #4a3a2e;
  font-size: 15px;
  line-height: 2;
  margin: 0;
}

/* line 242, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-copy {
  --group-landing-link-color: #715844;
  --group-landing-highlight-color: #211914;
  --group-landing-highlight-bg: rgba(210, 190, 160, 0.46);
  --group-landing-blockquote-border: rgba(113, 88, 68, 0.38);
  --group-landing-table-border: rgba(74, 58, 46, 0.24);
  --group-landing-table-header-bg: rgba(255, 252, 246, 0.92);
}

/* line 251, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-frame {
  position: sticky;
  top: 28px;
}

/* line 256, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-frame-image {
  aspect-ratio: 4 / 5;
}

/* line 260, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-frame--tall .exhibit-lp-frame-image {
  aspect-ratio: 4 / 5;
}

/* line 264, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-gallery-room,
.exhibit-lp-member-room {
  display: grid;
  gap: 24px;
  padding: 34px 32px;
}

/* line 271, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-gallery-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
}

/* line 277, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-gallery-card .exhibit-lp-gallery-image {
  aspect-ratio: 4 / 3;
}

/* line 281, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-gallery-card {
  cursor: pointer;
  flex: 0 1 calc(50% - 11px);
  transition: transform 180ms ease, box-shadow 180ms ease;
}

/* line 289, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-gallery-image {
  display: block;
  transition: transform 180ms ease, filter 180ms ease;
  width: 100%;
}

/* line 297, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-gallery-card:hover {
  box-shadow: 0 28px 48px rgba(55, 40, 27, 0.2), 0 0 0 1px rgba(103, 80, 60, 0.12);
  transform: translateY(-5px);
}

/* line 304, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-gallery-card:hover .exhibit-lp-gallery-image {
  filter: saturate(1.04);
  transform: scale(1.04);
}

/* line 309, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-member-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* line 315, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-member-card {
  align-items: center;
  background: rgba(255, 252, 246, 0.92);
  border: 1px solid rgba(97, 75, 56, 0.12);
  display: grid;
  gap: 16px;
  grid-template-columns: 84px minmax(0, 1fr);
  padding: 18px;
}

/* line 325, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-member-avatar {
  border: 1px solid rgba(97, 75, 56, 0.12);
  border-radius: 999px;
  height: 84px;
  overflow: hidden;
  width: 84px;
}

/* line 333, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-member-copy {
  display: grid;
  gap: 6px;
}

/* line 338, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-member-name {
  color: #271e18;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.7;
  margin: 0;
  overflow-wrap: anywhere;
}

/* line 347, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-member-message {
  color: #6f5b4a;
  font-size: 13px;
  line-height: 1.8;
  margin: 0;
  overflow-wrap: anywhere;
}

/* line 355, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-footer {
  display: flex;
  justify-content: center;
  padding-bottom: 40px;
}

/* line 361, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
.exhibit-lp-footer-link {
  background: #2c221c;
  color: #f7efe3;
  font-size: 12px;
  letter-spacing: 0.16em;
  padding: 14px 24px;
  text-decoration: none;
}

@media (min-width: 1100px) {
  /* line 371, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
  .exhibit-lp-member-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 959px) {
  /* line 377, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
  .exhibit-lp-index {
    display: none;
  }
  /* line 381, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
  .exhibit-lp-hero,
.exhibit-lp-main,
.exhibit-lp-footer {
    padding-left: 0;
  }
  /* line 387, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
  .exhibit-lp-hero-stage,
.exhibit-lp-room-grid,
.exhibit-lp-room-grid--reverse {
    grid-template-columns: minmax(0, 1fr);
  }
  /* line 393, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
  .exhibit-lp-frame {
    position: relative;
    top: auto;
  }
}

@media (max-width: 767px) {
  /* line 400, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
  .exhibit-lp-shell {
    padding-left: 16px;
    padding-right: 16px;
  }
  /* line 405, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
  .exhibit-lp-hero-stage,
.exhibit-lp-gallery-room,
.exhibit-lp-member-room,
.exhibit-lp-note {
    padding: 20px;
  }
  /* line 412, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
  .exhibit-lp-member-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  /* line 416, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
  .exhibit-lp-gallery-card {
    flex-basis: 100%;
  }
  /* line 420, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
  .exhibit-lp-member-card {
    grid-template-columns: 72px minmax(0, 1fr);
  }
  /* line 424, app/assets/groups_stylesheets/subdomains/groups_landing/_exhibit.scss */
  .exhibit-lp-member-avatar {
    height: 72px;
    width: 72px;
  }
}

/* line 1, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp {
  background: radial-gradient(circle at 14% 18%, rgba(255, 255, 255, 0.42), transparent 18%), radial-gradient(circle at 84% 14%, rgba(255, 248, 208, 0.48), transparent 16%), linear-gradient(180deg, #82d9ff 0%, #d7f3ff 18%, #d7f3ff 28%, #f7efd3 66%, #f3dfae 100%);
  color: #23455a;
  font-family: "Zen Maru Gothic", "Hiragino Sans", sans-serif;
  min-height: 100vh;
  position: relative;
}

/* line 12, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp *,
.ocean-lp *::before,
.ocean-lp *::after {
  box-sizing: border-box;
}

/* line 18, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-shell {
  margin: 0 auto;
  max-width: 1280px;
  padding-left: 24px;
  padding-right: 24px;
  position: relative;
  z-index: 1;
}

/* line 27, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-hero {
  overflow: hidden;
  padding: 32px 0 64px;
  position: relative;
}

/* line 33, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-hero::before,
.ocean-lp-main::before,
.ocean-lp-main::after {
  content: "";
  pointer-events: none;
  position: absolute;
}

/* line 41, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-hero::before {
  background: radial-gradient(circle at 12px 12px, rgba(255, 255, 255, 0.72) 0 3px, transparent 4px), radial-gradient(circle at 42px 22px, rgba(255, 255, 255, 0.54) 0 2px, transparent 3px), radial-gradient(circle at 78px 10px, rgba(255, 255, 255, 0.62) 0 3px, transparent 4px);
  background-size: 110px 38px;
  height: 42px;
  left: 0;
  opacity: 0.7;
  right: 0;
  top: calc(100% - 110px);
}

/* line 54, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-sun {
  background: radial-gradient(circle, rgba(255, 248, 189, 0.92) 0%, rgba(255, 248, 189, 0) 72%);
  height: 220px;
  position: absolute;
  right: 6%;
  top: 24px;
  width: 220px;
}

/* line 63, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-wave {
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
}

/* line 70, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-wave--front {
  background: linear-gradient(180deg, rgba(236, 251, 255, 0) 0%, rgba(236, 251, 255, 0.88) 100%);
  height: 96px;
  top: calc(100% - 70px);
}

/* line 76, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-wave--back {
  height: 72px;
  top: calc(100% - 58px);
}

/* line 81, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-wave-wrapper {
  height: 60px;
  overflow: hidden;
}

/* line 86, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-wave-wrapper--back {
  height: 64px;
}

/* line 90, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-wave-inner {
  animation: ocean-wave-track 8s linear infinite;
  display: flex;
  height: 100%;
  width: 200%;
}

/* line 97, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-wave-inner--reverse {
  animation: ocean-wave-track-reverse 12s linear infinite;
}

/* line 101, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-wave-svg {
  display: block;
  flex: 0 0 50%;
  height: 100%;
  width: 50%;
}

/* line 108, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-wave-svg path {
  fill: #8fddff;
}

/* line 112, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-wave-svg--front path {
  fill: #f6fcff;
}

/* line 116, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-wave-svg--back path {
  fill: #8fddff;
}

@keyframes ocean-wave-track {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

@keyframes ocean-wave-track-reverse {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0);
  }
}

/* line 140, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-hero-grid {
  align-items: end;
  display: grid;
  gap: 28px;
  grid-template-columns: minmax(280px, 0.84fr) minmax(0, 0.5fr);
}

/* line 147, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-hero-copy,
.ocean-lp-panel,
.ocean-lp-photo-card,
.ocean-lp-gallery-block,
.ocean-lp-members-block,
.ocean-lp-activity-block {
  background: rgba(255, 255, 255, 0.88);
  border-radius: 12px;
  box-shadow: 0 24px 48px rgba(55, 115, 150, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

/* line 160, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-hero-copy {
  display: grid;
  gap: 22px;
  justify-items: start;
  padding: 30px;
}

/* line 167, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-logo {
  background: #ffffff;
  border: 6px solid rgba(142, 220, 248, 0.7);
  border-radius: 999px;
  box-shadow: 0 16px 30px rgba(71, 150, 191, 0.14);
  height: 112px;
  overflow: hidden;
  width: 112px;
}

/* line 177, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-logo-image,
.ocean-lp-hero-image,
.ocean-lp-photo-image,
.ocean-lp-shot-image,
.ocean-lp-member-avatar-image {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* line 188, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-title,
.ocean-lp-heading-ja {
  color: #124664;
  font-family: "M PLUS Rounded 1c", "Zen Maru Gothic", sans-serif;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 1.2;
  margin: 0;
}

/* line 198, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-title {
  font-size: clamp(38px, 5vw, 74px);
  overflow-wrap: anywhere;
}

/* line 203, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* line 209, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-nav-link,
.ocean-lp-heading-en,
.ocean-lp-footer-link {
  font-family: "Cinzel", "M PLUS Rounded 1c", serif;
}

/* line 215, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-nav-link {
  background: rgba(142, 220, 248, 0.24);
  color: #1b5b77;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  padding: 10px 14px;
  text-decoration: none;
}

/* line 225, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-hero-board {
  background: #ffffff;
  border: 16px solid #ffffff;
  border-radius: 12px;
  box-shadow: 0 28px 54px rgba(62, 129, 169, 0.16);
  overflow: hidden;
  position: relative;
}

/* line 234, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-hero-board::before,
.ocean-lp-photo-card::before,
.ocean-lp-shot-card::before {
  border: 1px solid rgba(75, 124, 150, 0.14);
  content: "";
  inset: 8px;
  pointer-events: none;
  position: absolute;
}

/* line 244, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-hero-image {
  aspect-ratio: 16 / 10;
}

/* line 248, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-hero-image--placeholder,
.ocean-lp-photo-image--placeholder {
  align-items: center;
  background: linear-gradient(135deg, #9dddf8 0%, #4ca7d6 100%);
  display: flex;
  justify-content: center;
}

/* line 257, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-hero-emoji,
.ocean-lp-photo-emoji {
  font-size: 88px;
}

/* line 262, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-main {
  display: grid;
  gap: 32px;
  padding-bottom: 40px;
  position: relative;
}

/* line 269, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-main::before {
  background: linear-gradient(180deg, #8fddff 0%, #8fddff 52%, rgba(143, 221, 255, 0.92) 68%, rgba(143, 221, 255, 0.56) 84%, rgba(143, 221, 255, 0) 100%);
  height: 760px;
  left: 0;
  right: 0;
  top: 0;
  z-index: 0;
}

/* line 278, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-main::after {
  background: radial-gradient(circle at 20% 16%, rgba(255, 255, 255, 0.34), transparent 9%), radial-gradient(circle at 72% 30%, rgba(255, 255, 255, 0.24), transparent 8%), radial-gradient(circle at 86% 78%, rgba(255, 255, 255, 0.18), transparent 10%);
  inset: 0;
  z-index: 0;
}

/* line 287, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-section-grid {
  align-items: start;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1.04fr) minmax(320px, 0.96fr);
}

/* line 294, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-section-grid--reverse {
  grid-template-columns: minmax(320px, 0.96fr) minmax(0, 1.04fr);
}

/* line 298, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-panel,
.ocean-lp-gallery-block,
.ocean-lp-members-block,
.ocean-lp-activity-block {
  display: grid;
  gap: 22px;
  position: relative;
  padding: 34px 32px;
}

/* line 308, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-panel::before,
.ocean-lp-gallery-block::before,
.ocean-lp-members-block::before,
.ocean-lp-activity-block::before {
  background: linear-gradient(90deg, #6fd0f2 0%, #ffffff 46%, #f3d48f 100%);
  content: "";
  height: 6px;
  left: 28px;
  position: absolute;
  right: 28px;
  top: 0;
}

/* line 321, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-panel--rules {
  background: rgba(255, 252, 244, 0.88);
}

/* line 325, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-heading {
  display: grid;
  gap: 8px;
}

/* line 330, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-heading--center {
  justify-items: center;
  text-align: center;
}

/* line 335, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-heading-en {
  color: #1b7aa7;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.22em;
  margin: 0;
  text-transform: uppercase;
}

/* line 344, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-heading-ja {
  font-size: clamp(28px, 3.6vw, 46px);
}

/* line 348, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-copy,
.ocean-lp-empty {
  color: #2a5367;
  font-size: 15px;
  line-height: 2;
  margin: 0;
}

/* line 356, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-copy {
  --group-landing-link-color: #1b7aa7;
  --group-landing-highlight-color: #124664;
  --group-landing-highlight-bg: rgba(143, 221, 255, 0.55);
  --group-landing-blockquote-border: rgba(27, 122, 167, 0.42);
  --group-landing-table-border: rgba(42, 83, 103, 0.24);
  --group-landing-table-header-bg: rgba(255, 255, 255, 0.84);
}

/* line 365, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-photo-card {
  border: 14px solid #ffffff;
  box-shadow: 0 22px 40px rgba(74, 150, 188, 0.14);
  overflow: hidden;
  position: sticky;
  top: 26px;
}

/* line 373, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-photo-image {
  aspect-ratio: 5 / 4;
}

/* line 377, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-photo-card--tall .ocean-lp-photo-image {
  aspect-ratio: 4 / 5;
}

/* line 381, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-shot-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* line 387, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-shot-card {
  --ocean-shot-transform: none;
  background: #ffffff;
  border: 12px solid #ffffff;
  border-radius: 12px;
  box-shadow: 0 20px 36px rgba(67, 135, 171, 0.12);
  cursor: pointer;
  overflow: hidden;
  position: relative;
  transform: var(--ocean-shot-transform);
  transition: transform 180ms ease, box-shadow 180ms ease;
}

/* line 402, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-shot-card:nth-child(4n + 1) {
  --ocean-shot-transform: rotate(-1.6deg);
}

/* line 406, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-shot-card:nth-child(4n + 2) {
  --ocean-shot-transform: rotate(1.2deg);
}

/* line 410, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-shot-card:nth-child(4n + 3) {
  --ocean-shot-transform: translateY(8px);
}

/* line 414, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-shot-card:nth-child(4n + 4) {
  --ocean-shot-transform: rotate(-0.8deg) translateY(4px);
}

/* line 418, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-shot-card:hover {
  box-shadow: 0 28px 44px rgba(67, 135, 171, 0.2);
  transform: var(--ocean-shot-transform) translateY(-6px) scale(1.02);
}

/* line 423, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-shot-image {
  aspect-ratio: 4 / 3;
  display: block;
  transition: transform 180ms ease;
  width: 100%;
}

/* line 430, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-shot-card:hover .ocean-lp-shot-image {
  transform: scale(1.04);
}

/* line 434, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-member-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* line 440, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-member-card {
  align-items: center;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(120, 188, 214, 0.3);
  border-radius: 12px;
  box-shadow: 0 14px 28px rgba(74, 150, 188, 0.1);
  display: grid;
  gap: 16px;
  grid-template-columns: 88px minmax(0, 1fr);
  padding: 18px;
}

/* line 452, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-member-avatar {
  border: 4px solid rgba(158, 223, 245, 0.7);
  border-radius: 999px;
  height: 88px;
  overflow: hidden;
  width: 88px;
}

/* line 460, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-member-copy {
  display: grid;
  gap: 6px;
}

/* line 465, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-member-name {
  color: #164864;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.7;
  margin: 0;
  overflow-wrap: anywhere;
}

/* line 474, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-member-message {
  color: #447089;
  font-size: 13px;
  line-height: 1.8;
  margin: 0;
  overflow-wrap: anywhere;
}

/* line 482, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-activity-layout {
  display: grid;
  gap: 18px;
}

/* line 487, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-activity-featured {
  background: linear-gradient(135deg, rgba(255, 252, 245, 0.98) 0%, rgba(233, 248, 255, 0.92) 100%);
  border: 1px solid rgba(120, 188, 214, 0.34);
  border-radius: 14px;
  box-shadow: 0 18px 34px rgba(74, 150, 188, 0.12);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

/* line 498, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-activity-featured-link {
  color: inherit;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1.2fr) minmax(220px, 0.8fr);
  padding: 22px;
  text-decoration: none;
}

/* line 507, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-activity-featured:hover,
.ocean-lp-activity-featured:focus-within {
  border-color: rgba(28, 127, 174, 0.44);
  box-shadow: 0 24px 42px rgba(74, 150, 188, 0.18);
  transform: translateY(-4px);
}

/* line 514, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-activity-featured-copy {
  display: grid;
  gap: 12px;
  align-content: start;
}

/* line 520, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-activity-kicker {
  color: #1c7fae;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  margin: 0;
}

/* line 528, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-activity-title,
.ocean-lp-activity-item-title {
  color: #124664;
  font-family: "M PLUS Rounded 1c", "Zen Maru Gothic", sans-serif;
  font-weight: 800;
  letter-spacing: 0.02em;
  margin: 0;
  overflow-wrap: anywhere;
}

/* line 538, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-activity-title {
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.45;
}

/* line 543, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-activity-summary,
.ocean-lp-activity-item-summary {
  color: #39657b;
  margin: 0;
  overflow-wrap: anywhere;
}

/* line 550, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-activity-summary {
  font-size: 14px;
  line-height: 1.9;
}

/* line 555, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-activity-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
}

/* line 562, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-activity-meta-item {
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(120, 188, 214, 0.28);
  border-radius: 999px;
  display: inline-flex;
  gap: 8px;
  padding: 8px 12px;
}

/* line 571, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-activity-meta-item dt,
.ocean-lp-activity-meta-item dd {
  font-size: 12px;
  line-height: 1.4;
  margin: 0;
}

/* line 578, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-activity-meta-item dt {
  color: #5a8093;
  font-weight: 700;
}

/* line 583, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-activity-meta-item dd {
  color: #124664;
  font-weight: 700;
}

/* line 588, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-activity-featured-visual {
  background: #ffffff;
  border: 10px solid #ffffff;
  border-radius: 12px;
  box-shadow: 0 18px 32px rgba(67, 135, 171, 0.12);
  overflow: hidden;
}

/* line 596, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-activity-image {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  transition: transform 240ms ease;
}

/* line 605, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-activity-image--placeholder {
  align-items: center;
  background: linear-gradient(135deg, #9dddf8 0%, #4ca7d6 100%);
  display: flex;
  justify-content: center;
}

/* line 612, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-activity-emoji {
  font-size: 72px;
}

/* line 616, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-activity-list {
  display: grid;
  gap: 14px;
}

/* line 621, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-activity-item {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(120, 188, 214, 0.3);
  border-radius: 12px;
  box-shadow: 0 14px 28px rgba(74, 150, 188, 0.08);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

/* line 633, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-activity-item-link {
  align-items: start;
  color: inherit;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 18px;
  text-decoration: none;
}

/* line 643, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-activity-item:hover,
.ocean-lp-activity-item:focus-within {
  background: rgba(255, 255, 255, 0.98);
  border-color: rgba(28, 127, 174, 0.38);
  box-shadow: 0 18px 32px rgba(74, 150, 188, 0.14);
  transform: translateY(-3px);
}

/* line 651, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-activity-featured:hover .ocean-lp-activity-image,
.ocean-lp-activity-featured:focus-within .ocean-lp-activity-image {
  transform: scale(1.03);
}

/* line 656, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-activity-item:hover .ocean-lp-activity-item-title,
.ocean-lp-activity-item:focus-within .ocean-lp-activity-item-title,
.ocean-lp-activity-featured:hover .ocean-lp-activity-title,
.ocean-lp-activity-featured:focus-within .ocean-lp-activity-title {
  color: #0d5b83;
}

@media (prefers-reduced-motion: reduce) {
  /* line 664, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
  .ocean-lp-activity-featured,
.ocean-lp-activity-item,
.ocean-lp-activity-image {
    transition: none;
  }
}

/* line 671, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-activity-item-main {
  display: grid;
  gap: 6px;
}

/* line 676, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-activity-item-date,
.ocean-lp-activity-item-author {
  color: #5a8093;
  font-size: 12px;
  line-height: 1.5;
  margin: 0;
}

/* line 684, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-activity-item-title {
  font-size: 18px;
  line-height: 1.6;
}

/* line 689, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-activity-item-summary {
  font-size: 13px;
  line-height: 1.8;
}

/* line 694, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-activity-item-author {
  font-weight: 700;
  padding-top: 22px;
  text-align: right;
}

/* line 700, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-footer {
  display: flex;
  justify-content: center;
  padding-bottom: 44px;
}

/* line 706, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
.ocean-lp-footer-link {
  background: #13668d;
  color: #f7fdff;
  font-size: 12px;
  letter-spacing: 0.16em;
  padding: 14px 24px;
  text-decoration: none;
}

@media (min-width: 1100px) {
  /* line 716, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
  .ocean-lp-shot-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  /* line 720, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
  .ocean-lp-member-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 959px) {
  /* line 726, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
  .ocean-lp-hero-grid,
.ocean-lp-section-grid,
.ocean-lp-section-grid--reverse {
    grid-template-columns: minmax(0, 1fr);
  }
  /* line 732, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
  .ocean-lp-activity-featured-link {
    grid-template-columns: minmax(0, 1fr);
  }
  /* line 736, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
  .ocean-lp-photo-card {
    position: relative;
    top: auto;
  }
}

@media (max-width: 767px) {
  /* line 743, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
  .ocean-lp-shell {
    padding-left: 16px;
    padding-right: 16px;
  }
  /* line 748, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
  .ocean-lp-hero-copy,
.ocean-lp-panel,
.ocean-lp-gallery-block,
.ocean-lp-members-block,
.ocean-lp-activity-block {
    padding: 20px;
  }
  /* line 756, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
  .ocean-lp-shot-grid,
.ocean-lp-member-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  /* line 761, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
  .ocean-lp-member-card {
    grid-template-columns: 72px minmax(0, 1fr);
  }
  /* line 765, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
  .ocean-lp-member-avatar {
    height: 72px;
    width: 72px;
  }
  /* line 770, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
  .ocean-lp-activity-item-link {
    grid-template-columns: minmax(0, 1fr);
  }
  /* line 774, app/assets/groups_stylesheets/subdomains/groups_landing/_ocean.scss */
  .ocean-lp-activity-item-author {
    padding-top: 0;
    text-align: left;
  }
}

/* line 1, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp {
  --landing-activity-surface: rgba(250, 244, 232, 0.88);
  --landing-activity-featured-surface: linear-gradient(145deg, rgba(255, 248, 240, 0.96), rgba(241, 226, 203, 0.92));
  --landing-activity-surface-strong: rgba(255, 251, 245, 0.98);
  --landing-activity-surface-soft: rgba(188, 139, 75, 0.12);
  --landing-activity-border: rgba(128, 89, 46, 0.18);
  --landing-activity-accent: #9b5c28;
  --landing-activity-accent-soft: rgba(155, 92, 40, 0.12);
  --landing-activity-title: #3b2415;
  --landing-activity-text: #6a4b33;
  --landing-activity-muted: rgba(81, 54, 31, 0.74);
  --landing-activity-shadow: 0 22px 48px rgba(62, 42, 22, 0.12);
  --landing-activity-title-font: "Noto Serif JP", "Cinzel", serif;
  --landing-activity-kicker-font: "M PLUS Rounded 1c", "Hiragino Sans", sans-serif;
  --group-landing-link-color: #9b5c28;
  --group-landing-highlight-color: #4b2d1d;
  --group-landing-highlight-bg: rgba(255, 226, 176, 0.62);
  --group-landing-blockquote-border: rgba(155, 92, 40, 0.42);
  --group-landing-table-border: rgba(140, 104, 61, 0.24);
  --group-landing-table-header-bg: rgba(255, 246, 231, 0.78);
  background: linear-gradient(180deg, #f9efe0 0%, #f5ead7 22%, #f1e2cd 45%, #e2d1bc 100%);
  color: #4e3423;
  font-family: "M PLUS Rounded 1c", "Hiragino Sans", sans-serif;
  min-height: 100vh;
  overflow: clip;
  position: relative;
}

/* line 30, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp *,
.terrace-lp *::before,
.terrace-lp *::after {
  box-sizing: border-box;
}

/* line 36, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-atmosphere,
.terrace-lp-hero,
.terrace-lp-main {
  position: relative;
  z-index: 1;
}

/* line 43, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-atmosphere {
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  position: fixed;
}

/* line 50, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-sun {
  background: radial-gradient(circle, rgba(255, 239, 198, 0.88) 0%, rgba(255, 239, 198, 0.18) 44%, transparent 70%);
  border-radius: 50%;
  height: 44vw;
  left: 62%;
  position: absolute;
  top: -12vw;
  transform: translateX(-50%);
  width: 44vw;
}

/* line 61, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-beam {
  animation: terrace-beam-float 11s ease-in-out infinite;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0));
  filter: blur(1px);
  position: absolute;
  top: -10vh;
}

/* line 69, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-beam--one {
  height: 58vh;
  left: 16%;
  transform: rotate(-11deg);
  width: 18vw;
}

/* line 76, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-beam--two {
  animation-delay: -4s;
  height: 64vh;
  right: 12%;
  transform: rotate(9deg);
  width: 14vw;
}

/* line 84, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-grid {
  inset: 0;
  position: absolute;
}

/* line 89, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-grid-line {
  animation: terrace-grid-line 9s linear infinite;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0));
  height: 100%;
  left: var(--terrace-line-left);
  opacity: 0.22;
  position: absolute;
  top: 0;
  width: 1px;
  animation-delay: var(--terrace-line-delay);
}

@keyframes terrace-beam-float {
  0%,
100% {
    opacity: 0.22;
    transform: translateY(0) rotate(-11deg);
  }
  50% {
    opacity: 0.44;
    transform: translateY(24px) rotate(-8deg);
  }
}

@keyframes terrace-grid-line {
  0% {
    opacity: 0.08;
    transform: translateY(-2%);
  }
  50% {
    opacity: 0.28;
  }
  100% {
    opacity: 0.08;
    transform: translateY(2%);
  }
}

/* line 130, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-shell {
  margin: 0 auto;
  max-width: 1240px;
  padding-left: 24px;
  padding-right: 24px;
}

/* line 137, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-shell--hero {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100svh;
  padding-bottom: 52px;
  padding-top: 28px;
  position: relative;
}

/* line 147, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-hero {
  min-height: 100vh;
  min-height: 100svh;
  position: relative;
}

/* line 153, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-hero-media {
  height: 100vh;
  height: 100svh;
  inset: 0;
  overflow: hidden;
  position: absolute;
}

/* line 161, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-hero-image {
  height: 100vh;
  height: 100svh;
  object-fit: cover;
  object-position: center 36%;
  transform: scale(1.04);
  width: 100%;
}

/* line 170, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-hero-image--placeholder {
  align-items: center;
  background: radial-gradient(circle at 26% 20%, rgba(255, 255, 255, 0.32), transparent 18%), linear-gradient(180deg, rgba(222, 193, 148, 0.88), rgba(138, 170, 184, 0.78) 58%, rgba(88, 106, 120, 0.92));
  display: flex;
  justify-content: center;
}

/* line 179, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-hero-emoji {
  font-size: clamp(84px, 11vw, 156px);
}

/* line 183, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-hero-shade {
  background: linear-gradient(180deg, rgba(22, 28, 34, 0.18) 0%, rgba(34, 33, 34, 0.12) 28%, rgba(66, 48, 31, 0.3) 100%), linear-gradient(90deg, rgba(36, 28, 24, 0.44) 0%, rgba(36, 28, 24, 0.12) 42%, rgba(36, 28, 24, 0.22) 100%);
  inset: 0;
  position: absolute;
}

/* line 191, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-nav {
  align-items: center;
  backdrop-filter: blur(14px);
  background: rgba(252, 244, 233, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  box-shadow: 0 24px 48px rgba(45, 30, 17, 0.12);
  display: flex;
  gap: 20px;
  justify-content: space-between;
  padding: 10px 16px;
}

/* line 204, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-nav-brand {
  align-items: center;
  color: #fff5e7;
  display: flex;
  gap: 12px;
  min-width: 0;
}

/* line 212, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-nav-emblem,
.terrace-lp-owner-avatar,
.terrace-lp-member-avatar {
  border-radius: 50%;
  overflow: hidden;
}

/* line 219, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-nav-emblem {
  border: 1px solid rgba(255, 255, 255, 0.34);
  height: 42px;
  width: 42px;
}

/* line 225, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-nav-emblem-image,
.terrace-lp-member-avatar-image {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* line 232, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-nav-title {
  font-family: "Noto Serif JP", "Cinzel", serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.08em;
  overflow-wrap: anywhere;
}

/* line 240, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-nav-links {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: flex-end;
}

/* line 247, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-nav-link {
  color: rgba(255, 248, 239, 0.88);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-decoration: none;
}

/* line 255, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-hero-layout {
  align-items: end;
  display: flex;
  min-height: calc(100vh - 140px);
  min-height: calc(100svh - 140px);
  padding-top: 52px;
}

/* line 263, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-panel,
.terrace-lp-gallery-card,
.terrace-lp-member-row,
.terrace-lp-activity-shell,
.terrace-lp-empty-panel,
.terrace-lp-cta {
  backdrop-filter: blur(16px);
  background: linear-gradient(180deg, rgba(255, 251, 246, 0.9), rgba(247, 235, 219, 0.82)), rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(140, 101, 58, 0.16);
  box-shadow: 0 28px 56px rgba(74, 49, 28, 0.12);
  position: relative;
}

/* line 278, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-panel::before,
.terrace-lp-gallery-card::before,
.terrace-lp-member-row::before,
.terrace-lp-activity-shell::before,
.terrace-lp-empty-panel::before,
.terrace-lp-cta::before {
  background: linear-gradient(120deg, rgba(255, 255, 255, 0.44), transparent 26%, transparent 70%, rgba(255, 255, 255, 0.18) 100%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

/* line 291, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-hero-stage-frame {
  isolation: isolate;
  position: relative;
}

/* line 296, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-hero-stage-frame::before {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: rgba(252, 244, 233, 0.08);
  border-radius: 42px;
  content: "";
  inset: -18px;
  mask-image: radial-gradient(140% 120% at 50% 50%, #000 54%, rgba(0, 0, 0, 0.72) 72%, transparent 100%);
  opacity: 0.32;
  pointer-events: none;
  position: absolute;
  transform: scale(0.96);
  transform-origin: center;
  transition: opacity 620ms ease, transform 620ms ease, background-color 620ms ease;
  z-index: 0;
}

/* line 316, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-hero-stage-frame.is-visible::before {
  background: rgba(252, 244, 233, 0.14);
  opacity: 1;
  transform: scale(1);
}

/* line 322, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-hero-stage {
  display: grid;
  gap: 22px;
  padding: 18px 22px;
  position: relative;
}

/* line 329, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-hero-stage > * {
  position: relative;
  z-index: 1;
}

/* line 334, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-section-en,
.terrace-lp-member-index {
  color: #8a572b;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.18em;
  margin: 0;
  text-transform: uppercase;
}

/* line 344, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-title-stack {
  display: grid;
  gap: 10px;
}

/* line 349, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-title {
  color: #fff7ed;
  font-family: "Noto Serif JP", "Cinzel", serif;
  margin: 0;
}

/* line 355, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-section-title,
.terrace-lp-member-name {
  color: #3a2417;
  font-family: "Noto Serif JP", "Cinzel", serif;
  margin: 0;
}

/* line 362, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-title {
  font-size: clamp(52px, 8vw, 104px);
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1.02;
  text-shadow: 0 10px 28px rgba(20, 14, 10, 0.34), 0 2px 10px rgba(20, 14, 10, 0.3);
  overflow-wrap: anywhere;
}

/* line 373, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-lead,
.terrace-lp-member-message,
.terrace-lp-gallery-comment,
.terrace-lp-gallery-date,
.terrace-lp-cta-text,
.terrace-lp-empty {
  line-height: 1.8;
  margin: 0;
}

/* line 383, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-lead {
  color: #fff3e6;
  font-size: clamp(15px, 2vw, 18px);
  max-width: 32em;
  text-shadow: 0 4px 18px rgba(20, 14, 10, 0.28);
}

/* line 390, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-actions,
.terrace-lp-cta-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

/* line 398, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-actions {
  opacity: 0;
  transform: translate3d(0, 32px, 0);
  transition: opacity 620ms ease, transform 620ms ease;
}

/* line 406, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-hero-stage-frame.is-visible .terrace-lp-actions {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* line 411, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-button {
  align-items: center;
  background: rgba(250, 236, 219, 0.92);
  border: 1px solid rgba(132, 90, 45, 0.18);
  border-radius: 999px;
  color: #69452c;
  display: inline-flex;
  font-weight: 700;
  justify-content: center;
  min-height: 46px;
  padding: 0 22px;
  text-decoration: none;
}

/* line 425, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-button--primary {
  background: linear-gradient(135deg, #8b582a, #bf8450);
  border-color: transparent;
  color: #fff9f2;
}

/* line 431, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-main {
  padding-bottom: 80px;
  position: relative;
}

/* line 436, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-section {
  padding-top: 34px;
}

/* line 440, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-story-grid {
  display: grid;
  gap: 22px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* line 446, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-panel,
.terrace-lp-empty-panel,
.terrace-lp-activity-shell,
.terrace-lp-cta {
  border-radius: 28px;
  overflow: hidden;
}

/* line 454, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-panel,
.terrace-lp-empty-panel,
.terrace-lp-activity-shell,
.terrace-lp-cta {
  padding: 30px;
}

/* line 461, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-section-head {
  display: grid;
  gap: 8px;
  margin-bottom: 20px;
}

/* line 467, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-section-head--center {
  justify-items: center;
  text-align: center;
}

/* line 472, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-section-title {
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 1.18;
  overflow-wrap: anywhere;
}

/* line 480, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-copy {
  color: #62452f;
  font-size: 15px;
}

/* line 485, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-copy--compact {
  padding-right: 6px;
}

/* line 489, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-gallery {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

/* line 495, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-gallery-card {
  border-radius: 24px;
  cursor: pointer;
  display: grid;
  gap: 0;
  grid-column: span 4;
  overflow: hidden;
}

/* line 504, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-gallery-card:first-child {
  grid-column: span 7;
}

/* line 508, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-gallery-card:nth-child(2) {
  grid-column: span 5;
}

/* line 512, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-gallery-image {
  aspect-ratio: 16 / 10;
  display: block;
  height: 100%;
  object-fit: cover;
  transition: transform 220ms ease;
  width: 100%;
}

/* line 521, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-gallery-meta {
  display: grid;
  gap: 4px;
  padding: 16px 18px 18px;
  position: relative;
  z-index: 1;
}

/* line 529, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-gallery-date {
  color: #8a6545;
  font-size: 12px;
}

/* line 534, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-gallery-comment {
  color: #5c412d;
  font-size: 14px;
  font-weight: 700;
}

/* line 540, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-member-list {
  display: grid;
  gap: 16px;
}

/* line 545, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-member-row {
  align-items: center;
  border-radius: 24px;
  display: grid;
  gap: 18px;
  grid-template-columns: auto minmax(0, 1fr);
  overflow: hidden;
  padding: 20px 22px;
}

/* line 555, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-member-avatar {
  border: 4px solid rgba(255, 248, 239, 0.9);
  height: 74px;
  width: 74px;
}

/* line 561, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-member-copy {
  display: grid;
  gap: 6px;
  position: relative;
  z-index: 1;
}

/* line 568, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-member-name {
  font-size: 24px;
  font-weight: 800;
  line-height: 1.2;
}

/* line 574, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-member-message {
  color: #6a4c35;
  font-size: 14px;
}

/* line 579, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-member-message--empty {
  color: #98775a;
}

/* line 583, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-cta {
  align-items: center;
  display: grid;
  gap: 20px;
  grid-template-columns: minmax(0, 1fr) auto;
}

/* line 590, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-cta-copy {
  display: grid;
  gap: 8px;
  position: relative;
  z-index: 1;
}

/* line 597, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-cta-text {
  color: #6b4d35;
  font-size: 15px;
}

/* line 602, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-reveal,
.terrace-lp [data-journey-reveal-target="reveal"] {
  opacity: 0;
  transform: translate3d(0, 32px, 0);
  transition: opacity 620ms ease, transform 620ms ease;
  transition-delay: calc(var(--journey-order, 0) * 70ms);
}

/* line 612, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-hero-stage-frame[data-journey-reveal-target="reveal"] {
  opacity: 1;
  transform: none;
  transition: none;
}

/* line 618, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp .is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* line 623, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
.terrace-lp-gallery-card:hover .terrace-lp-gallery-image,
.terrace-lp-gallery-card:focus-within .terrace-lp-gallery-image {
  transform: scale(1.04);
}

@media (max-width: 1024px) {
  /* line 629, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
  .terrace-lp-shell--hero {
    padding-top: 18px;
  }
  /* line 633, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
  .terrace-lp-nav {
    border-radius: 28px;
    display: grid;
    justify-content: stretch;
  }
  /* line 639, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
  .terrace-lp-nav-links {
    justify-content: flex-start;
  }
  /* line 643, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
  .terrace-lp-story-grid,
.terrace-lp-cta {
    grid-template-columns: 1fr;
  }
  /* line 648, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
  .terrace-lp-hero-layout {
    min-height: calc(100vh - 180px);
    min-height: calc(100svh - 180px);
  }
  /* line 653, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
  .terrace-lp-gallery-card,
.terrace-lp-gallery-card:first-child,
.terrace-lp-gallery-card:nth-child(2) {
    grid-column: span 6;
  }
}

@media (max-width: 767px) {
  /* line 661, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
  .terrace-lp-sun {
    height: 72vw;
    top: -20vw;
    width: 72vw;
  }
  /* line 667, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
  .terrace-lp-shell {
    padding-left: 16px;
    padding-right: 16px;
  }
  /* line 672, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
  .terrace-lp-shell--hero {
    justify-content: space-between;
  }
  /* line 676, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
  .terrace-lp-hero-layout {
    margin-left: 8px;
    margin-right: 8px;
    margin-top: auto;
    min-height: auto;
    padding-top: 32px;
  }
  /* line 684, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
  .terrace-lp-panel,
.terrace-lp-empty-panel,
.terrace-lp-activity-shell,
.terrace-lp-cta {
    border-radius: 24px;
    padding: 22px;
  }
  /* line 692, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
  .terrace-lp-title {
    font-size: clamp(38px, 12vw, 60px);
  }
  /* line 696, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
  .terrace-lp-hero-stage {
    padding: 12px 14px;
  }
  /* line 700, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
  .terrace-lp-member-name {
    font-size: 22px;
  }
  /* line 704, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
  .terrace-lp-gallery {
    grid-template-columns: 1fr;
  }
  /* line 708, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
  .terrace-lp-gallery-card,
.terrace-lp-gallery-card:first-child,
.terrace-lp-gallery-card:nth-child(2) {
    grid-column: auto;
  }
  /* line 714, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
  .terrace-lp-member-row {
    grid-template-columns: 1fr;
    justify-items: start;
  }
  /* line 719, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
  .terrace-lp-nav-links {
    display: none;
    gap: 10px 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  /* line 726, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
  .terrace-lp-beam,
.terrace-lp-grid-line,
.terrace-lp [data-journey-reveal-target="reveal"],
.terrace-lp-gallery-image {
    animation: none;
    transition: none;
  }
  /* line 734, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
  .terrace-lp [data-journey-reveal-target="reveal"] {
    opacity: 1;
    transform: none;
  }
  /* line 739, app/assets/groups_stylesheets/subdomains/groups_landing/_terrace.scss */
  .terrace-lp-actions {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* line 1, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp {
  --lemon-page-progress: 0;
  --lemon-local-progress: 0;
  --lemon-hero-progress: 0;
  --lemon-drift: 0;
  --lemon-tilt: 0deg;
  --landing-activity-surface: rgba(255, 252, 232, 0.84);
  --landing-activity-surface-strong: rgba(255, 252, 238, 0.94);
  --landing-activity-surface-soft: rgba(255, 248, 203, 0.86);
  --landing-activity-border: rgba(114, 145, 36, 0.16);
  --landing-activity-accent: #5e8c21;
  --landing-activity-accent-soft: rgba(94, 140, 33, 0.12);
  --landing-activity-title: #243019;
  --landing-activity-text: #425628;
  --landing-activity-muted: #627043;
  --landing-activity-shadow: 0 28px 60px rgba(139, 133, 48, 0.12);
  --landing-activity-title-font: "M PLUS Rounded 1c", "Zen Maru Gothic", sans-serif;
  --landing-activity-kicker-font: "M PLUS Rounded 1c", "Cinzel", serif;
  background: radial-gradient(circle at 14% 10%, rgba(255, 245, 179, 0.95), transparent 26%), radial-gradient(circle at 88% 8%, rgba(171, 224, 120, 0.34), transparent 24%), linear-gradient(180deg, #fff7ba 0%, #fff1a1 16%, #f4df70 50%, #d3e582 100%);
  color: #243019;
  font-family: "M PLUS Rounded 1c", "Zen Maru Gothic", sans-serif;
  min-height: 100vh;
  overflow: hidden;
  position: relative;
}

/* line 30, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp *,
.lemon-lp *::before,
.lemon-lp *::after {
  box-sizing: border-box;
}

/* line 36, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-sky {
  background: radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.45), transparent 42%), repeating-linear-gradient(120deg, rgba(255, 255, 255, 0.12) 0, rgba(255, 255, 255, 0.12) 16px, rgba(255, 255, 255, 0) 16px, rgba(255, 255, 255, 0) 36px);
  inset: 0;
  opacity: 0.58;
  pointer-events: none;
  position: fixed;
  z-index: 0;
}

/* line 53, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-floating {
  inset: 0;
  pointer-events: none;
  position: fixed;
  z-index: 0;
}

/* line 60, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-slice {
  animation: lemon-slice-bob 8s ease-in-out infinite;
  background: radial-gradient(circle at center, rgba(255, 255, 255, 0.96) 0 18%, transparent 18%), repeating-conic-gradient(from 0deg, rgba(255, 255, 255, 0.64) 0deg 10deg, rgba(255, 255, 255, 0) 10deg 45deg), radial-gradient(circle at center, #fffde5 0 38%, #ffe86b 38% 58%, #f7cb35 58% 74%, #86b83b 74% 100%);
  border-radius: 50%;
  box-shadow: 0 28px 60px rgba(145, 122, 6, 0.18), inset 0 0 0 10px rgba(255, 255, 255, 0.26);
  height: var(--slice-size);
  opacity: 0.84;
  position: absolute;
  width: var(--slice-size);
}

/* line 80, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-slice::before,
.lemon-lp-slice::after {
  border-radius: 50%;
  content: "";
  inset: 14%;
  position: absolute;
}

/* line 88, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-slice::before {
  border: 2px solid rgba(255, 255, 255, 0.62);
}

/* line 92, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-slice::after {
  inset: 30%;
  border: 1px solid rgba(255, 255, 255, 0.44);
}

/* line 97, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-slice--1 {
  --slice-size: 220px;
  left: -32px;
  top: 6%;
  transform: translate3d(calc(var(--lemon-drift) * 24px), calc(var(--lemon-local-progress) * -48px), 0) rotate(-12deg);
}

/* line 104, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-slice--2 {
  --slice-size: 132px;
  animation-delay: -2s;
  right: 8%;
  top: 10%;
  transform: translate3d(calc(var(--lemon-drift) * -22px), calc(var(--lemon-local-progress) * -32px), 0) rotate(16deg);
}

/* line 112, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-slice--3 {
  --slice-size: 164px;
  animation-delay: -4s;
  left: 6%;
  top: 48%;
  transform: translate3d(calc(var(--lemon-drift) * 18px), calc(var(--lemon-local-progress) * -24px), 0) rotate(24deg);
}

/* line 120, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-slice--4 {
  --slice-size: 188px;
  animation-delay: -1.4s;
  right: -20px;
  top: 38%;
  transform: translate3d(calc(var(--lemon-drift) * -28px), calc(var(--lemon-local-progress) * -54px), 0) rotate(-20deg);
}

/* line 128, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-slice--5 {
  --slice-size: 114px;
  animation-delay: -5.2s;
  left: 24%;
  top: 76%;
  transform: translate3d(calc(var(--lemon-drift) * 14px), calc(var(--lemon-local-progress) * -18px), 0) rotate(-8deg);
}

/* line 136, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-slice--6 {
  --slice-size: 144px;
  animation-delay: -3.6s;
  right: 22%;
  top: 70%;
  transform: translate3d(calc(var(--lemon-drift) * -18px), calc(var(--lemon-local-progress) * -20px), 0) rotate(18deg);
}

/* line 144, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-slice--7 {
  --slice-size: 96px;
  animation-delay: -6.4s;
  left: 46%;
  top: 20%;
  transform: translate3d(calc(var(--lemon-drift) * 10px), calc(var(--lemon-local-progress) * -38px), 0) rotate(-16deg);
}

@keyframes lemon-slice-bob {
  0%,
100% {
    margin-top: 0;
  }
  50% {
    margin-top: -20px;
  }
}

/* line 163, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-nav,
.lemon-lp-hero,
.lemon-lp-main,
.lemon-lp-footer {
  position: relative;
  z-index: 1;
}

/* line 171, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-shell {
  margin: 0 auto;
  max-width: 1240px;
  padding-left: 24px;
  padding-right: 24px;
}

/* line 178, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-nav {
  align-items: center;
  display: grid;
  gap: 10px;
  position: fixed;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
}

/* line 189, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-nav-link {
  backdrop-filter: blur(10px);
  background: rgba(255, 252, 228, 0.86);
  border: 1px solid rgba(98, 125, 34, 0.18);
  border-radius: 999px;
  box-shadow: 0 18px 36px rgba(106, 115, 28, 0.12);
  color: #4a671f;
  font-family: "Cinzel", "Noto Serif JP", serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  padding: 16px 10px;
  text-align: center;
  text-decoration: none;
  writing-mode: vertical-rl;
}

/* line 206, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-hero {
  padding: 34px 0 44px;
}

/* line 210, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-hero-grid,
.lemon-lp-story-grid,
.lemon-lp-rules-grid {
  display: grid;
  gap: 24px;
}

/* line 217, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-hero-grid {
  align-items: center;
  grid-template-columns: minmax(0, 0.9fr) minmax(340px, 1.1fr);
}

/* line 222, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp[data-enhanced="true"] .lemon-lp-reveal {
  opacity: 0;
  transform: translate3d(0, 40px, 0) scale(0.98);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

/* line 230, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp[data-enhanced="true"] .lemon-lp-reveal.is-visible {
  opacity: 1;
  transform: none;
}

/* line 235, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-hero-copy,
.lemon-lp-copy-card,
.lemon-lp-gallery,
.lemon-lp-member-stage,
.lemon-lp-empty-card,
.lemon-lp-footer-card {
  background: rgba(255, 252, 232, 0.84);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(114, 145, 36, 0.16);
  box-shadow: 0 28px 60px rgba(139, 133, 48, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

/* line 249, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-hero-copy {
  border-radius: 42px 42px 68px 42px;
  display: grid;
  gap: 24px;
  padding: 36px;
  position: relative;
}

/* line 257, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-hero-copy::after,
.lemon-lp-copy-card::after,
.lemon-lp-gallery::after,
.lemon-lp-member-stage::after {
  background: radial-gradient(circle at center, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0));
  content: "";
  inset: auto auto -40px -40px;
  height: 140px;
  position: absolute;
  width: 140px;
}

/* line 269, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-kicker-row {
  align-items: center;
  display: flex;
  gap: 14px;
}

/* line 275, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-mark {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 247, 200, 0.9));
  border: 1px solid rgba(119, 150, 43, 0.18);
  border-radius: 999px;
  box-shadow: 0 16px 30px rgba(145, 133, 44, 0.12);
  height: 64px;
  overflow: hidden;
  width: 64px;
}

/* line 285, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-mark-image,
.lemon-lp-stage-image,
.lemon-lp-gallery-image,
.lemon-lp-member-avatar-image,
.lemon-lp-owner-avatar-image {
  display: block;
  height: 100%;
  transition: transform 180ms ease;
  width: 100%;
}

/* line 296, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-stage-image {
  object-fit: contain;
}

/* line 300, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-mark-image,
.lemon-lp-gallery-image,
.lemon-lp-member-avatar-image {
  object-fit: cover;
}

/* line 306, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-section-label,
.lemon-lp-footer-label {
  color: #6a8b25;
  font-family: "Cinzel", "Noto Serif JP", serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.22em;
  margin: 0;
  text-transform: uppercase;
}

/* line 317, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-title,
.lemon-lp-section-title {
  color: #2b3415;
  font-family: "M PLUS Rounded 1c", "Zen Maru Gothic", sans-serif;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 1.08;
  margin: 0;
}

/* line 327, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-title {
  font-size: clamp(42px, 6vw, 88px);
  overflow-wrap: anywhere;
}

/* line 332, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-copy,
.lemon-lp-empty,
.lemon-lp-member-message,
.lemon-lp-footer-copy,
.lemon-lp-owner-message {
  color: #3b4920;
  line-height: 1.9;
  margin: 0;
}

/* line 342, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-owner-talk {
  align-items: flex-start;
  display: grid;
  gap: 14px;
  grid-template-columns: auto minmax(0, 1fr);
  max-width: 35rem;
}

/* line 350, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-owner-avatar {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 241, 198, 0.96));
  border: 4px solid rgba(255, 250, 220, 0.98);
  border-radius: 999px;
  box-shadow: 0 14px 28px rgba(145, 133, 44, 0.14);
  height: 72px;
  overflow: hidden;
  width: 72px;
}

/* line 360, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-owner-bubble {
  background: linear-gradient(180deg, rgba(255, 254, 243, 0.98), rgba(250, 244, 208, 0.98));
  border: 1px solid rgba(124, 151, 46, 0.18);
  border-radius: 28px 28px 28px 8px;
  box-shadow: 0 18px 34px rgba(150, 137, 41, 0.12);
  display: grid;
  gap: 4px;
  padding: 16px 18px;
  position: relative;
}

/* line 371, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-owner-bubble::before {
  background: linear-gradient(135deg, rgba(255, 254, 243, 0.98), rgba(250, 244, 208, 0.98));
  border-bottom: 1px solid rgba(124, 151, 46, 0.18);
  border-left: 1px solid rgba(124, 151, 46, 0.18);
  content: "";
  height: 18px;
  left: -8px;
  position: absolute;
  top: 22px;
  transform: rotate(45deg);
  width: 18px;
}

/* line 384, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-owner-name,
.lemon-lp-member-name {
  color: #243019;
  font-weight: 800;
  margin: 0;
}

/* line 391, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-owner-name {
  font-size: 13px;
  letter-spacing: 0.08em;
}

/* line 396, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-stage {
  display: grid;
  gap: 0;
}

/* line 401, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-stage-frame {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 246, 202, 0.94));
  border: 1px solid rgba(114, 145, 36, 0.16);
  border-radius: 52px 52px 52px 68px;
  box-shadow: 0 32px 68px rgba(144, 129, 30, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.78);
  overflow: hidden;
  padding: 18px;
  position: relative;
  transform: rotate(var(--lemon-tilt));
  transition: transform 0.25s ease;
}

/* line 415, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-stage-frame::before {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0)), linear-gradient(180deg, rgba(123, 151, 49, 0.12), rgba(123, 151, 49, 0));
  border-radius: 36px 36px 36px 64px;
  content: "";
  inset: 14px;
  pointer-events: none;
  position: absolute;
}

/* line 426, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-stage-image {
  aspect-ratio: 5 / 4;
  border-radius: 34px 34px 34px 64px;
  position: relative;
  transform: scale(calc(1 + var(--lemon-hero-progress) * 0.06)) translateY(calc(var(--lemon-hero-progress) * -1.4%));
}

/* line 433, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-stage-image--placeholder {
  align-items: center;
  background: radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 0.52), transparent 18%), linear-gradient(135deg, #fff4ae 0%, #f4ce39 60%, #84b03a 100%);
  display: flex;
  justify-content: center;
}

/* line 442, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-stage-emoji {
  font-size: 88px;
}

/* line 446, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-main {
  display: grid;
  gap: 34px;
  padding-bottom: 40px;
}

/* line 452, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-story-grid {
  align-items: start;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.7fr);
}

/* line 457, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-rules-grid {
  align-items: stretch;
  grid-template-columns: minmax(0, 1fr);
}

/* line 462, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-copy-card,
.lemon-lp-gallery,
.lemon-lp-member-stage,
.lemon-lp-empty-card {
  overflow: hidden;
  padding: 34px;
  position: relative;
}

/* line 471, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-copy-card--about {
  border-radius: 44px 68px 44px 44px;
}

/* line 475, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-copy-card--rules {
  border-radius: 68px 44px 44px 44px;
  background: linear-gradient(180deg, rgba(255, 253, 235, 0.92), rgba(246, 239, 194, 0.92));
}

/* line 481, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-section-head {
  display: grid;
  gap: 8px;
  margin-bottom: 22px;
}

/* line 487, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-section-head--center {
  justify-items: center;
  text-align: center;
}

/* line 492, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-section-title {
  font-size: clamp(30px, 3.6vw, 52px);
}

/* line 496, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-copy {
  --group-landing-link-color: #57771f;
  --group-landing-highlight-color: #2b3415;
  --group-landing-highlight-bg: rgba(255, 224, 78, 0.54);
  --group-landing-blockquote-border: rgba(106, 139, 37, 0.42);
  --group-landing-table-border: rgba(67, 82, 29, 0.18);
  --group-landing-table-header-bg: rgba(255, 252, 230, 0.92);
  font-size: 15px;
}

/* line 506, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-zest-panel {
  animation: lemon-zest-spin 32s linear infinite;
  align-self: center;
  transform-origin: center;
}

@keyframes lemon-zest-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* line 522, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-wheel {
  aspect-ratio: 1;
  background: radial-gradient(circle at center, rgba(255, 255, 255, 0.96) 0 12%, transparent 12%), repeating-conic-gradient(from 0deg, rgba(255, 255, 255, 0.72) 0deg 12deg, rgba(255, 255, 255, 0) 12deg 45deg), radial-gradient(circle at center, #fffde8 0 36%, #ffe86f 36% 56%, #f5cb39 56% 72%, #85b43c 72% 100%);
  border-radius: 50%;
  box-shadow: 0 24px 52px rgba(146, 124, 11, 0.18), inset 0 0 0 14px rgba(255, 255, 255, 0.22);
  position: relative;
}

/* line 539, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-wheel::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0)), linear-gradient(135deg, rgba(255, 222, 92, 0.28), rgba(132, 180, 60, 0));
  border-radius: 50%;
  content: "";
  inset: 8%;
  position: absolute;
}

/* line 549, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-gallery {
  border-radius: 48px;
}

/* line 553, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-gallery-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
}

/* line 559, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-gallery-feature,
.lemon-lp-gallery-card,
.lemon-lp-gallery-ribbon-card {
  background: #fffbe5;
  border: 1px solid rgba(118, 147, 43, 0.12);
  box-shadow: 0 22px 46px rgba(148, 137, 42, 0.12);
  cursor: pointer;
  overflow: hidden;
  transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}

/* line 573, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-gallery-feature {
  border-radius: 44px 68px 44px 44px;
}

/* line 577, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-gallery-card {
  border-radius: 28px 28px 70px 28px;
}

/* line 581, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-gallery-ribbon-card {
  border-radius: 28px;
}

/* line 585, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-gallery-feature .lemon-lp-gallery-image {
  aspect-ratio: 11 / 10;
}

/* line 589, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-gallery-card .lemon-lp-gallery-image,
.lemon-lp-gallery-ribbon-card .lemon-lp-gallery-image {
  aspect-ratio: 1;
}

/* line 594, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-gallery-feature:hover,
.lemon-lp-gallery-card:hover,
.lemon-lp-gallery-ribbon-card:hover {
  box-shadow: 0 28px 54px rgba(148, 137, 42, 0.18);
  filter: saturate(1.08);
  transform: translateY(-6px);
}

/* line 602, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-gallery-feature:hover .lemon-lp-gallery-image,
.lemon-lp-gallery-card:hover .lemon-lp-gallery-image,
.lemon-lp-gallery-ribbon-card:hover .lemon-lp-gallery-image {
  transform: scale(1.05);
}

/* line 608, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-gallery-stack,
.lemon-lp-gallery-row,
.lemon-lp-member-grid {
  display: grid;
  gap: 16px;
}

/* line 615, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-gallery-stack {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* line 619, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-gallery-row {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  margin-top: 18px;
}

/* line 624, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-member-stage {
  border-radius: 54px;
}

/* line 628, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-member-grid {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

/* line 632, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-member-card {
  background: linear-gradient(180deg, rgba(255, 254, 244, 0.98), rgba(249, 244, 205, 0.98));
  border: 1px solid rgba(118, 147, 43, 0.14);
  border-radius: 30px 30px 68px 30px;
  box-shadow: 0 18px 38px rgba(150, 137, 41, 0.12);
  display: grid;
  gap: 14px;
  min-height: 100%;
  padding: 22px;
  position: relative;
  transform: rotate(var(--member-tilt));
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

/* line 649, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-member-card:nth-child(odd) {
  --member-tilt: -1.8deg;
}

/* line 653, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-member-card:nth-child(even) {
  --member-tilt: 1.2deg;
}

/* line 657, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-member-card:hover {
  box-shadow: 0 24px 44px rgba(150, 137, 41, 0.18);
  transform: translateY(-4px) rotate(0deg);
}

/* line 662, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-member-avatar {
  border: 4px solid rgba(255, 249, 214, 0.96);
  border-radius: 999px;
  box-shadow: 0 16px 32px rgba(147, 130, 32, 0.12);
  height: 86px;
  overflow: hidden;
  width: 86px;
}

/* line 671, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-member-name {
  font-size: 20px;
}

/* line 675, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-member-message {
  font-size: 14px;
}

/* line 679, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-footer {
  padding-bottom: 64px;
}

/* line 683, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-footer-card {
  align-items: center;
  border-radius: 42px;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  padding: 28px 30px;
}

/* line 692, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-footer-copy {
  font-size: 15px;
}

/* line 696, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
.lemon-lp-footer-link {
  align-items: center;
  background: linear-gradient(135deg, #7aaa32 0%, #527322 100%);
  border-radius: 999px;
  box-shadow: 0 18px 34px rgba(92, 126, 32, 0.22);
  color: #fffef4;
  display: inline-flex;
  font-family: "Cinzel", "Noto Serif JP", serif;
  font-size: 12px;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0.16em;
  min-height: 54px;
  padding: 0 24px;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}

@media (max-width: 1024px) {
  /* line 716, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
  .lemon-lp-nav {
    align-items: stretch;
    backdrop-filter: blur(12px);
    background: rgba(255, 252, 228, 0.84);
    border-bottom: 1px solid rgba(98, 125, 34, 0.14);
    display: flex;
    gap: 10px;
    left: 0;
    overflow-x: auto;
    padding: 14px 20px;
    position: sticky;
    right: 0;
    top: 0;
    transform: none;
  }
  /* line 732, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
  .lemon-lp-nav-link {
    min-width: max-content;
    padding: 10px 14px;
    writing-mode: horizontal-tb;
  }
  /* line 738, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
  .lemon-lp-hero-grid,
.lemon-lp-story-grid,
.lemon-lp-rules-grid,
.lemon-lp-gallery-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  /* line 745, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
  .lemon-lp-gallery-stack {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  /* line 751, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
  .lemon-lp-shell {
    padding-left: 16px;
    padding-right: 16px;
  }
  /* line 756, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
  .lemon-lp-hero {
    padding-top: 22px;
  }
  /* line 760, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
  .lemon-lp-hero-copy,
.lemon-lp-copy-card,
.lemon-lp-gallery,
.lemon-lp-member-stage,
.lemon-lp-empty-card,
.lemon-lp-footer-card {
    padding: 24px;
  }
  /* line 769, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
  .lemon-lp-gallery-stack,
.lemon-lp-footer-card {
    grid-template-columns: minmax(0, 1fr);
  }
  /* line 774, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
  .lemon-lp-owner-talk {
    grid-template-columns: minmax(0, 1fr);
  }
  /* line 778, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
  .lemon-lp-owner-avatar {
    height: 64px;
    width: 64px;
  }
  /* line 783, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
  .lemon-lp-owner-bubble::before {
    left: 22px;
    top: -8px;
    transform: rotate(135deg);
  }
  /* line 789, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
  .lemon-lp-stage-frame {
    border-radius: 36px 36px 36px 64px;
    padding: 14px;
    transform: none;
  }
  /* line 795, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
  .lemon-lp-stage-image {
    border-radius: 24px 24px 24px 56px;
  }
  /* line 799, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
  .lemon-lp-gallery-feature {
    border-radius: 30px 64px 30px 30px;
  }
  /* line 803, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
  .lemon-lp-member-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  /* line 807, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
  .lemon-lp-footer-card {
    align-items: stretch;
    display: grid;
    justify-content: stretch;
  }
  /* line 813, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
  .lemon-lp-footer-link {
    width: 100%;
  }
  /* line 817, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
  .lemon-lp-slice--1,
.lemon-lp-slice--4 {
    --slice-size: 140px;
  }
  /* line 822, app/assets/groups_stylesheets/subdomains/groups_landing/_lemon.scss */
  .lemon-lp-slice--2,
.lemon-lp-slice--6 {
    --slice-size: 92px;
  }
}

/* line 1, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp {
  --alley-glow-x: 68%;
  --alley-glow-y: 22%;
  --alley-page-progress: 0;
  --alley-hero-progress: 0;
  --alley-hero-shift: 0px;
  --landing-activity-surface: rgba(18, 23, 34, 0.86);
  --landing-activity-featured-surface: linear-gradient(180deg, rgba(242, 233, 220, 0.96), rgba(226, 215, 198, 0.96));
  --landing-activity-surface-strong: rgba(22, 27, 40, 0.94);
  --landing-activity-surface-soft: rgba(32, 43, 65, 0.76);
  --landing-activity-border: rgba(109, 170, 205, 0.18);
  --landing-activity-accent: #647f9e;
  --landing-activity-accent-soft: rgba(100, 127, 158, 0.16);
  --landing-activity-title: #eef3f8;
  --landing-activity-text: #c7d3e4;
  --landing-activity-muted: #98acc4;
  --landing-activity-shadow: 0 22px 44px rgba(0, 0, 0, 0.22);
  --landing-activity-title-font: "M PLUS Rounded 1c", "Zen Maru Gothic", sans-serif;
  --landing-activity-kicker-font: "M PLUS Rounded 1c", "Cinzel", serif;
  background: radial-gradient(circle at var(--alley-glow-x) var(--alley-glow-y), rgba(58, 168, 255, 0.12), transparent 16%), radial-gradient(circle at 20% 12%, rgba(255, 94, 146, 0.1), transparent 18%), linear-gradient(180deg, #05070b 0%, #0b0e15 26%, #121622 58%, #05070b 100%);
  color: #eef3f8;
  font-family: "Zen Maru Gothic", "Hiragino Sans", sans-serif;
  min-height: 100vh;
  overflow-x: clip;
  position: relative;
}

/* line 31, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp *,
.alley-lp *::before,
.alley-lp *::after {
  box-sizing: border-box;
}

/* line 37, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-glow,
.alley-lp-lights,
.alley-lp-rain {
  inset: 0;
  pointer-events: none;
  position: fixed;
  z-index: 0;
}

/* line 46, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-glow {
  background: radial-gradient(circle at 50% 4%, rgba(255, 118, 170, 0.08), transparent 14%), radial-gradient(circle at 14% 28%, rgba(62, 169, 255, 0.08), transparent 18%), radial-gradient(circle at 86% 38%, rgba(255, 182, 84, 0.05), transparent 16%);
}

/* line 53, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-light {
  filter: blur(78px);
  opacity: 0.3;
  position: absolute;
}

/* line 59, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-light--cyan {
  animation: alley-light-drift 18s ease-in-out infinite;
  background: rgba(68, 175, 255, 0.28);
  height: 340px;
  left: 4%;
  top: 8%;
  width: 300px;
}

/* line 68, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-light--rose {
  animation: alley-light-drift 24s ease-in-out infinite reverse;
  background: rgba(255, 87, 155, 0.22);
  height: 300px;
  right: 8%;
  top: 16%;
  width: 260px;
}

/* line 77, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-light--amber {
  animation: alley-light-drift 20s ease-in-out infinite;
  animation-delay: -6s;
  background: rgba(255, 190, 84, 0.14);
  bottom: 8%;
  height: 260px;
  right: 16%;
  width: 220px;
}

@keyframes alley-light-drift {
  0%,
100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    transform: translate3d(22px, -16px, 0) scale(1.06);
  }
}

/* line 98, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-rain {
  overflow: hidden;
}

/* line 102, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-rain-line {
  animation: alley-rain 2.2s linear infinite;
  background: linear-gradient(180deg, rgba(171, 220, 255, 0), rgba(171, 220, 255, 0.46), rgba(171, 220, 255, 0));
  height: 168px;
  opacity: 0;
  position: absolute;
  top: -160px;
  width: 2px;
}

/* line 112, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-rain-line--1 {
  left: 4%;
  animation-delay: -0.4s;
}

/* line 113, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-rain-line--2 {
  left: 10%;
  animation-delay: -1.1s;
}

/* line 114, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-rain-line--3 {
  left: 17%;
  animation-delay: -0.8s;
}

/* line 115, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-rain-line--4 {
  left: 23%;
  animation-delay: -1.4s;
}

/* line 116, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-rain-line--5 {
  left: 30%;
  animation-delay: -0.2s;
}

/* line 117, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-rain-line--6 {
  left: 37%;
  animation-delay: -1.5s;
}

/* line 118, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-rain-line--7 {
  left: 44%;
  animation-delay: -0.7s;
}

/* line 119, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-rain-line--8 {
  left: 50%;
  animation-delay: -1.2s;
}

/* line 120, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-rain-line--9 {
  left: 56%;
  animation-delay: -0.5s;
}

/* line 121, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-rain-line--10 {
  left: 62%;
  animation-delay: -1.3s;
}

/* line 122, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-rain-line--11 {
  left: 68%;
  animation-delay: -0.9s;
}

/* line 123, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-rain-line--12 {
  left: 74%;
  animation-delay: -1.6s;
}

/* line 124, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-rain-line--13 {
  left: 80%;
  animation-delay: -0.3s;
}

/* line 125, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-rain-line--14 {
  left: 86%;
  animation-delay: -1.1s;
}

/* line 126, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-rain-line--15 {
  left: 91%;
  animation-delay: -0.6s;
}

/* line 127, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-rain-line--16 {
  left: 95%;
  animation-delay: -1.7s;
}

/* line 128, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-rain-line--17 {
  left: 53%;
  animation-delay: -0.1s;
}

/* line 129, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-rain-line--18 {
  left: 27%;
  animation-delay: -1s;
}

@keyframes alley-rain {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
  }
  16% {
    opacity: 0.4;
  }
  100% {
    opacity: 0;
    transform: translate3d(-26px, 118vh, 0);
  }
}

/* line 147, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-nav,
.alley-lp-hero,
.alley-lp-main,
.alley-lp-footer {
  position: relative;
  z-index: 1;
}

/* line 155, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-shell {
  margin: 0 auto;
  max-width: 1380px;
  padding-left: 28px;
  padding-right: 28px;
}

/* line 162, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-shell--narrow {
  max-width: 1180px;
}

/* line 166, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-nav {
  display: grid;
  gap: 10px;
  position: fixed;
  right: 18px;
  top: 120px;
  z-index: 30;
}

/* line 175, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-nav-link {
  background: linear-gradient(180deg, rgba(23, 28, 39, 0.8), rgba(10, 12, 18, 0.9));
  border: 1px solid rgba(109, 170, 205, 0.18);
  box-shadow: 0 0 16px rgba(76, 170, 255, 0.05), inset 0 0 16px rgba(76, 170, 255, 0.03);
  color: #dbeaf5;
  font-family: "Cinzel", "Noto Serif JP", serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  padding: 16px 12px;
  text-align: center;
  text-decoration: none;
  writing-mode: vertical-rl;
}

/* line 193, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-hero {
  padding: 38px 0 28px;
}

/* line 197, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-hero .alley-lp-shell {
  display: block;
}

/* line 201, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-billboard-copy {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
  min-height: 440px;
  padding: 24px;
  position: relative;
  z-index: 1;
}

/* line 213, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-reveal {
  opacity: 0;
  transform: translate3d(0, 34px, 0);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

/* line 221, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-reveal.is-visible {
  opacity: 1;
  transform: none;
}

@media (min-width: 768px) {
  /* line 227, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
  .alley-lp-billboard-copy {
    min-height: 520px;
    padding: 32px;
  }
}

/* line 233, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-billboard,
.alley-lp-poster-wall,
.alley-lp-caution-sign,
.alley-lp-shutter,
.alley-lp-photo-wall,
.alley-lp-flyer-board,
.alley-lp-arrow-sign,
.alley-lp-footer-link {
  position: relative;
}

/* line 244, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-billboard,
.alley-lp-poster-wall,
.alley-lp-caution-sign,
.alley-lp-shutter,
.alley-lp-photo-wall,
.alley-lp-flyer-board,
.alley-lp-arrow-sign {
  backdrop-filter: blur(14px);
}

/* line 254, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-billboard::before,
.alley-lp-poster-wall::before,
.alley-lp-shutter::before,
.alley-lp-photo-wall::before,
.alley-lp-flyer-board::before {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0)), linear-gradient(180deg, rgba(111, 164, 210, 0.06), rgba(111, 164, 210, 0));
  content: "";
  inset: 14px;
  pointer-events: none;
  position: absolute;
}

/* line 268, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-billboard::after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0));
  content: "";
  inset: 0 auto 0 -26%;
  opacity: 0.36;
  position: absolute;
  transform: skewX(-16deg) translateX(calc(var(--alley-page-progress) * 200%));
  width: 20%;
}

/* line 278, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-mark {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(229, 238, 246, 0.88));
  border-radius: 999px;
  box-shadow: 0 16px 28px rgba(0, 0, 0, 0.18);
  height: 72px;
  overflow: hidden;
  width: 72px;
}

/* line 287, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-mark-image,
.alley-lp-billboard-image,
.alley-lp-photo-image,
.alley-lp-flyer-avatar-image {
  display: block;
  height: 100%;
  width: 100%;
}

/* line 296, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-mark-image,
.alley-lp-photo-image,
.alley-lp-flyer-avatar-image {
  object-fit: cover;
}

/* line 302, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-section-en,
.alley-lp-sign-en,
.alley-lp-sticker-label,
.alley-lp-sticker-metric-label,
.alley-lp-footer-link,
.alley-lp-caution-line,
.alley-lp-caution-subline {
  font-family: "Cinzel", "Noto Serif JP", serif;
}

/* line 312, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-section-en,
.alley-lp-sign-en,
.alley-lp-sticker-label,
.alley-lp-sticker-metric-label {
  color: #b6d8ef;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  margin: 0;
  text-transform: uppercase;
}

/* line 324, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-title,
.alley-lp-section-ja {
  color: #f7f3eb;
  font-family: "M PLUS Rounded 1c", "Zen Maru Gothic", sans-serif;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 1.04;
  margin: 0;
  position: relative;
  z-index: 1;
}

/* line 336, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-title {
  font-size: clamp(48px, 6vw, 92px);
  overflow-wrap: anywhere;
  text-shadow: 0 0 18px rgba(86, 179, 255, 0.08), 0 0 32px rgba(255, 92, 149, 0.05);
}

/* line 343, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-copy,
.alley-lp-empty,
.alley-lp-sticker-metric-value,
.alley-lp-flyer-message {
  margin: 0;
}

/* line 350, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-flyer-name {
  color: #fbf7f1;
  font-size: 18px;
  font-weight: 800;
}

/* line 356, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-copy,
.alley-lp-empty,
.alley-lp-flyer-message {
  line-height: 1.9;
}

/* line 362, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-billboard {
  background: linear-gradient(180deg, rgba(14, 18, 26, 0.78), rgba(6, 8, 12, 0.9));
  border: 1px solid rgba(105, 163, 196, 0.16);
  box-shadow: 0 0 20px rgba(73, 173, 255, 0.06), 0 36px 58px rgba(0, 0, 0, 0.32);
  margin: 0 auto;
  max-width: 100%;
  min-height: 600px;
  overflow: hidden;
  transform: translateY(calc(var(--alley-hero-shift) * 0.16)) rotate(calc((var(--alley-hero-progress) - 0.5) * 1.6deg + 1.4deg));
}

/* line 376, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-bulb {
  pointer-events: none;
  position: absolute;
  z-index: 3;
}

/* line 382, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-bulb-wire {
  background: linear-gradient(180deg, rgba(56, 62, 76, 0.96), rgba(24, 26, 34, 0.96));
  display: block;
  margin: 0 auto;
  width: 2px;
}

/* line 389, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-bulb-socket {
  background: linear-gradient(180deg, #303544, #161920);
  border-radius: 4px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.24);
  display: block;
  height: 12px;
  margin: 0 auto;
  width: 16px;
}

/* line 399, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-bulb-glass {
  animation: alley-bulb-flicker 6.8s steps(1, end) infinite;
  background: radial-gradient(circle at 50% 36%, rgba(255, 251, 227, 0.96), rgba(255, 224, 142, 0.82) 48%, rgba(255, 185, 81, 0.4) 72%, rgba(255, 185, 81, 0) 100%);
  border-radius: 999px;
  box-shadow: 0 0 24px rgba(255, 208, 116, 0.34), 0 0 56px rgba(255, 191, 84, 0.22);
  display: block;
  margin: -1px auto 0;
  position: relative;
}

/* line 412, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-bulb-glass::after {
  background: radial-gradient(circle, rgba(255, 213, 122, 0.26), rgba(255, 213, 122, 0));
  filter: blur(8px);
  border-radius: 999px;
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

@keyframes alley-bulb-flicker {
  0%,
8%,
14%,
28%,
41%,
56%,
68%,
82%,
100% {
    filter: brightness(1);
    opacity: 0.96;
  }
  4%,
12%,
38%,
64%,
78% {
    filter: brightness(0.34);
    opacity: 0.5;
  }
  10%,
13%,
40%,
66%,
80% {
    filter: brightness(0.08);
    opacity: 0.18;
  }
}

/* line 456, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-bulb--hero {
  left: auto;
  right: 10%;
  top: -70px;
  transform: rotate(-2deg);
}

/* line 463, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-bulb--hero .alley-lp-bulb-wire {
  height: 104px;
}

/* line 467, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-bulb--hero .alley-lp-bulb-glass {
  height: 40px;
  width: 28px;
}

/* line 472, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-bulb--hero .alley-lp-bulb-glass::after {
  height: 120px;
  width: 120px;
}

/* line 477, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-billboard-image {
  inset: 0;
  object-fit: cover;
  position: absolute;
}

/* line 483, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-billboard-overlay {
  background: linear-gradient(180deg, rgba(4, 8, 14, 0.36), #04080e), radial-gradient(circle at 50% 20%, rgba(102, 188, 255, 0.12), rgba(102, 188, 255, 0));
  inset: 0;
  position: absolute;
  z-index: 0;
}

/* line 492, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-billboard-image--placeholder {
  align-items: center;
  background: radial-gradient(circle at 30% 18%, rgba(255, 255, 255, 0.14), transparent 16%), linear-gradient(135deg, #1c2434 0%, #2a1633 54%, #0f1219 100%);
  display: flex;
  justify-content: center;
}

/* line 501, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-billboard-emoji {
  font-size: 92px;
}

/* line 505, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-main {
  display: grid;
  gap: 34px;
  padding-bottom: 46px;
}

/* line 511, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-about-layout,
.alley-lp-rules-layout,
.alley-lp-member-layout {
  display: grid;
  gap: 18px;
}

/* line 518, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-about-layout {
  align-items: start;
  grid-template-columns: 108px minmax(0, 1fr);
}

/* line 523, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-rules-layout {
  align-items: start;
  grid-template-columns: 220px minmax(0, 1fr);
}

/* line 528, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-member-layout {
  align-items: start;
  grid-template-columns: 180px minmax(0, 1fr);
}

/* line 533, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-hanging-sign,
.alley-lp-arrow-sign {
  background: linear-gradient(180deg, rgba(18, 22, 31, 0.76), rgba(8, 10, 14, 0.88));
  border: 1px solid rgba(103, 161, 194, 0.14);
  box-shadow: 0 0 18px rgba(107, 212, 255, 0.05), 0 24px 36px rgba(0, 0, 0, 0.24);
  min-height: 240px;
  padding: 20px 10px;
  position: sticky;
  top: 34px;
}

/* line 547, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-hanging-sign {
  animation: alley-sign-sway 6s ease-in-out infinite;
  display: grid;
  justify-items: center;
}

/* line 553, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-hanging-sign::before,
.alley-lp-hanging-sign::after {
  background: rgba(125, 138, 168, 0.5);
  content: "";
  height: 29px;
  position: absolute;
  top: -29px;
  width: 2px;
}

/* line 563, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-hanging-sign::before {
  left: 34px;
}

/* line 567, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-hanging-sign::after {
  right: 34px;
}

@keyframes alley-sign-sway {
  0%,
100% {
    transform: rotate(-0.8deg);
  }
  50% {
    transform: rotate(1deg);
  }
}

/* line 582, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-sign-en,
.alley-lp-sign-ja {
  writing-mode: vertical-rl;
}

/* line 587, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-sign-ja {
  color: #eef5fb;
  font-size: 28px;
  font-weight: 800;
}

/* line 593, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-poster-wall,
.alley-lp-shutter,
.alley-lp-photo-wall,
.alley-lp-flyer-board {
  overflow: hidden;
}

/* line 600, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-poster-wall {
  background: linear-gradient(180deg, rgba(240, 232, 219, 0.94), rgba(223, 213, 196, 0.94));
  box-shadow: 0 26px 42px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.62);
  min-height: 420px;
  padding: 32px 34px;
  transform: rotate(-0.6deg);
}

/* line 611, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-poster-head {
  display: grid;
  gap: 8px;
  margin-bottom: 22px;
  position: relative;
  z-index: 1;
}

/* line 619, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-poster-head--light .alley-lp-section-en,
.alley-lp-poster-head--light .alley-lp-section-ja,
.alley-lp-empty--light {
  color: #fff6ee;
}

/* line 625, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-section-en {
  color: #647f9e;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

/* line 633, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-section-ja {
  color: #151920;
  font-size: clamp(30px, 3.6vw, 50px);
}

/* line 638, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-copy,
.alley-lp-empty {
  color: #3e352d;
  font-size: 15px;
  position: relative;
  z-index: 1;
}

/* line 646, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-copy {
  --group-landing-link-color: #5f5fa1;
  --group-landing-highlight-color: #151920;
  --group-landing-highlight-bg: rgba(250, 210, 100, 0.4);
  --group-landing-blockquote-border: rgba(95, 95, 161, 0.28);
  --group-landing-table-border: rgba(62, 53, 45, 0.16);
  --group-landing-table-header-bg: rgba(255, 250, 244, 0.88);
}

/* line 655, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-caution-sign {
  background: linear-gradient(180deg, rgba(19, 24, 33, 0.76), rgba(8, 11, 16, 0.88));
  border: 1px solid rgba(255, 176, 87, 0.16);
  box-shadow: 0 0 18px rgba(255, 176, 87, 0.05), 0 22px 36px rgba(0, 0, 0, 0.22);
  display: grid;
  gap: 10px;
  position: sticky;
  padding: 24px 22px;
  top: 34px;
}

/* line 669, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-bulb--guide {
  left: 18px;
  top: 113px;
}

/* line 674, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-bulb--guide .alley-lp-bulb-wire {
  height: 12px;
}

/* line 678, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-bulb--guide .alley-lp-bulb-glass {
  animation-duration: 5.9s;
  height: 32px;
  width: 22px;
}

/* line 684, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-bulb--guide .alley-lp-bulb-glass::after {
  height: 74px;
  width: 74px;
}

/* line 689, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-caution-sign::before,
.alley-lp-caution-sign::after {
  background: linear-gradient(90deg, rgba(255, 200, 118, 0.72), rgba(255, 200, 118, 0));
  content: "";
  height: 1px;
  position: absolute;
  right: -84px;
  width: 84px;
}

/* line 699, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-caution-sign::before {
  top: 40%;
}

/* line 703, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-caution-sign::after {
  top: 58%;
}

/* line 707, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-caution-line {
  color: #ffc879;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.14em;
  line-height: 1.2;
  text-transform: uppercase;
}

/* line 716, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-caution-subline {
  color: #f2e7d6;
  font-size: 14px;
  letter-spacing: 0.08em;
}

/* line 722, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-shutter {
  background: repeating-linear-gradient(180deg, rgba(31, 36, 49, 0.94) 0 18px, rgba(21, 25, 35, 0.94) 18px 36px);
  border: 1px solid rgba(106, 177, 220, 0.14);
  box-shadow: inset 0 0 28px rgba(6, 9, 15, 0.56), 0 26px 42px rgba(0, 0, 0, 0.22);
  min-height: 420px;
  padding: 30px 32px;
}

/* line 737, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-shutter .alley-lp-section-en,
.alley-lp-shutter .alley-lp-section-ja,
.alley-lp-shutter .alley-lp-copy,
.alley-lp-shutter .alley-lp-empty {
  color: #edf3f7;
}

/* line 744, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-shutter .alley-lp-copy {
  --group-landing-link-color: #8fd6ff;
  --group-landing-highlight-color: #ffffff;
  --group-landing-highlight-bg: rgba(255, 107, 164, 0.18);
  --group-landing-blockquote-border: rgba(143, 214, 255, 0.24);
  --group-landing-table-border: rgba(237, 243, 247, 0.14);
  --group-landing-table-header-bg: rgba(255, 255, 255, 0.08);
}

/* line 753, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-photo-wall {
  background: linear-gradient(180deg, rgba(13, 17, 25, 0.84), rgba(7, 9, 14, 0.92));
  border: 1px solid rgba(255, 86, 142, 0.12);
  box-shadow: 0 30px 48px rgba(0, 0, 0, 0.24), inset 0 0 28px rgba(255, 86, 142, 0.04);
  padding: 32px 34px;
}

/* line 763, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-photo-layout {
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.92fr);
}

/* line 769, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-photo-feature,
.alley-lp-photo-card {
  --alley-photo-transform: none;
  background: #f0e8dc;
  box-shadow: 0 18px 32px rgba(0, 0, 0, 0.18);
  cursor: pointer;
  padding: 10px;
  position: relative;
  transform: var(--alley-photo-transform);
  transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}

/* line 784, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-photo-feature {
  --alley-photo-transform: rotate(-0.8deg);
}

/* line 788, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-photo-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* line 794, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-photo-card:nth-child(odd) {
  --alley-photo-transform: rotate(1.2deg);
}

/* line 798, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-photo-card:nth-child(even) {
  --alley-photo-transform: rotate(-1.2deg);
}

/* line 802, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-photo-image {
  aspect-ratio: 4 / 5;
  display: block;
  transition: transform 180ms ease, filter 180ms ease;
  width: 100%;
}

/* line 811, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-photo-feature .alley-lp-photo-image {
  aspect-ratio: 5 / 4;
}

/* line 815, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-photo-feature:hover,
.alley-lp-photo-card:hover {
  box-shadow: 0 24px 40px rgba(0, 0, 0, 0.24);
  filter: brightness(1.03);
  transform: var(--alley-photo-transform) translateY(-6px);
}

/* line 822, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-photo-feature:hover .alley-lp-photo-image,
.alley-lp-photo-card:hover .alley-lp-photo-image {
  transform: scale(1.04);
}

/* line 827, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-arrow-sign {
  align-items: center;
  display: flex;
  justify-content: center;
}

/* line 833, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-arrow-sign span {
  color: #ecf5fc;
  font-family: "Cinzel", "Noto Serif JP", serif;
  font-size: 21px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-align: center;
}

/* line 842, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-flyer-board {
  background: linear-gradient(180deg, rgba(26, 23, 21, 0.88), rgba(12, 10, 10, 0.94));
  box-shadow: 0 28px 44px rgba(0, 0, 0, 0.24), inset 0 0 34px rgba(0, 0, 0, 0.22);
  padding: 30px 32px;
}

/* line 851, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-flyer-board .alley-lp-section-en,
.alley-lp-flyer-board .alley-lp-section-ja,
.alley-lp-flyer-board .alley-lp-empty {
  color: #fff4ea;
}

/* line 857, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-flyer-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

/* line 863, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-flyer {
  background: linear-gradient(180deg, rgba(242, 233, 220, 0.96), rgba(226, 215, 198, 0.96));
  box-shadow: 0 16px 28px rgba(0, 0, 0, 0.18);
  display: grid;
  gap: 14px;
  grid-template-columns: 68px minmax(0, 1fr);
  min-height: 100%;
  padding: 18px 16px;
  position: relative;
}

/* line 875, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-flyer::before {
  background: rgba(150, 75, 86, 0.12);
  content: "";
  height: 22px;
  left: 50%;
  position: absolute;
  top: -11px;
  transform: translateX(-50%) rotate(-2deg);
  width: 76px;
}

/* line 886, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-flyer-avatar {
  box-shadow: 0 12px 18px rgba(0, 0, 0, 0.12);
  height: 68px;
  overflow: hidden;
  width: 68px;
}

/* line 893, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-flyer-copy {
  display: grid;
  gap: 6px;
  position: relative;
  z-index: 1;
}

/* line 900, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-flyer-name {
  color: #17120f;
  font-size: 18px;
  margin: 0;
}

/* line 906, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-flyer-message {
  color: #43362c;
  font-size: 14px;
}

/* line 911, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-strip--activity .group-landing-activity-featured,
.alley-lp-strip--activity .group-landing-activity-item,
.alley-lp-strip--activity .group-landing-activity-empty,
.alley-lp-strip--activity .group-landing-activity-featured-visual,
.alley-lp-strip--activity .group-landing-activity-meta-item {
  background: linear-gradient(180deg, rgba(242, 233, 220, 0.96), rgba(226, 215, 198, 0.96));
  border-color: rgba(98, 78, 62, 0.16);
  box-shadow: 0 16px 28px rgba(0, 0, 0, 0.18);
}

/* line 922, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-strip--activity .group-landing-activity-title,
.alley-lp-strip--activity .group-landing-activity-item-title,
.alley-lp-strip--activity .group-landing-activity-meta-item dd {
  color: #17120f;
}

/* line 928, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-strip--activity .group-landing-activity-summary,
.alley-lp-strip--activity .group-landing-activity-item-summary,
.alley-lp-strip--activity .group-landing-activity-empty-text,
.alley-lp-strip--activity .group-landing-activity-item-date,
.alley-lp-strip--activity .group-landing-activity-item-author,
.alley-lp-strip--activity .group-landing-activity-meta-item dt {
  color: #43362c;
}

/* line 937, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-footer {
  padding-bottom: 56px;
}

/* line 941, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
.alley-lp-footer-link {
  align-items: center;
  background: linear-gradient(180deg, rgba(255, 90, 148, 0.84), rgba(141, 33, 83, 0.92));
  box-shadow: 0 0 22px rgba(255, 92, 155, 0.08), 0 18px 28px rgba(0, 0, 0, 0.2);
  color: #fff8ef;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0.16em;
  min-height: 56px;
  padding: 0 24px;
  text-decoration: none;
  text-transform: uppercase;
}

@media (max-width: 1100px) {
  /* line 961, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
  .alley-lp-nav {
    display: flex;
    gap: 10px;
    left: 0;
    overflow-x: auto;
    padding: 14px 20px;
    position: sticky;
    right: 0;
    top: 0;
  }
  /* line 972, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
  .alley-lp-nav-link {
    min-width: max-content;
    writing-mode: horizontal-tb;
  }
  /* line 977, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
  .alley-lp-hero .alley-lp-shell,
.alley-lp-photo-layout,
.alley-lp-about-layout,
.alley-lp-rules-layout,
.alley-lp-member-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  /* line 985, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
  .alley-lp-hanging-sign,
.alley-lp-arrow-sign {
    min-height: auto;
    position: relative;
    top: auto;
  }
  /* line 992, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
  .alley-lp-caution-sign {
    position: relative;
    top: auto;
  }
  /* line 997, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
  .alley-lp-caution-sign::before,
.alley-lp-caution-sign::after {
    display: none;
  }
  /* line 1002, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
  .alley-lp-billboard,
.alley-lp-poster-wall,
.alley-lp-photo-feature,
.alley-lp-photo-card {
    transform: none;
  }
  /* line 1009, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
  .alley-lp-billboard {
    min-height: 480px;
  }
  /* line 1013, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
  .alley-lp-bulb--hero,
.alley-lp-bulb--guide {
    top: -104px;
  }
  /* line 1018, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
  .alley-lp-bulb--hero {
    right: 8%;
  }
}

@media (max-width: 767px) {
  /* line 1024, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
  .alley-lp-shell {
    padding-left: 16px;
    padding-right: 16px;
  }
  /* line 1029, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
  .alley-lp-hero {
    padding-top: 18px;
  }
  /* line 1033, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
  .alley-lp-billboard {
    min-height: 408px;
  }
  /* line 1037, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
  .alley-lp-billboard-image {
    object-fit: contain;
  }
  /* line 1041, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
  .alley-lp-poster-wall,
.alley-lp-shutter,
.alley-lp-photo-wall,
.alley-lp-flyer-board {
    padding: 24px 20px;
  }
  /* line 1048, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
  .alley-lp-photo-grid,
.alley-lp-flyer-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  /* line 1053, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
  .alley-lp-flyer {
    grid-template-columns: 56px minmax(0, 1fr);
  }
  /* line 1057, app/assets/groups_stylesheets/subdomains/groups_landing/_alley.scss */
  .alley-lp-flyer-avatar {
    height: 56px;
    width: 56px;
  }
}

/* line 1, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp {
  --landing-activity-surface: rgba(255, 255, 255, 0.9);
  --landing-activity-surface-strong: rgba(255, 255, 255, 0.96);
  --landing-activity-surface-soft: rgba(255, 248, 204, 0.82);
  --landing-activity-border: rgba(255, 124, 190, 0.24);
  --landing-activity-accent: #c04d86;
  --landing-activity-accent-soft: rgba(192, 77, 134, 0.12);
  --landing-activity-title: #5d2f6b;
  --landing-activity-text: #6d4772;
  --landing-activity-muted: #8d6e93;
  --landing-activity-shadow: 0 24px 44px rgba(210, 93, 160, 0.16);
  --landing-activity-title-font: "M PLUS Rounded 1c", "Zen Maru Gothic", sans-serif;
  --landing-activity-kicker-font: "M PLUS Rounded 1c", "Cinzel", sans-serif;
  background: radial-gradient(circle at 12% 18%, rgba(255, 255, 255, 0.58), transparent 18%), radial-gradient(circle at 84% 12%, rgba(255, 241, 120, 0.44), transparent 14%), linear-gradient(180deg, #ffe8fb 0%, #fff8c9 28%, #d9f6ff 54%, #ffe6f3 100%);
  color: #5a3564;
  font-family: "Zen Maru Gothic", "Hiragino Sans", sans-serif;
  min-height: 100vh;
  overflow-x: clip;
  position: relative;
}

/* line 25, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp *,
.parade-lp *::before,
.parade-lp *::after {
  box-sizing: border-box;
}

/* line 31, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-shell {
  margin: 0 auto;
  max-width: 1240px;
  padding-left: 24px;
  padding-right: 24px;
  position: relative;
  z-index: 1;
}

/* line 40, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-sparkles {
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  position: fixed;
  z-index: 0;
}

/* line 48, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-sparkle {
  animation: parade-sparkle-drift linear infinite;
  border-radius: 999px;
  opacity: 0.7;
  position: absolute;
}

/* line 55, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-sparkle::before,
.parade-lp-sparkle::after {
  content: "";
  position: absolute;
}

/* line 61, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-sparkle::before {
  background: inherit;
  border-radius: inherit;
  inset: 0;
}

/* line 67, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-sparkle::after {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 999px;
  height: 36%;
  left: 22%;
  top: 20%;
  width: 36%;
}

/* line 76, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-sparkle--1 {
  background: #ff82bc;
  height: 16px;
  left: 5%;
  top: 12%;
  width: 16px;
  animation-duration: 12s;
  animation-delay: -2s;
}

/* line 77, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-sparkle--2 {
  background: #ffd95c;
  height: 20px;
  left: 14%;
  top: 68%;
  width: 20px;
  animation-duration: 15s;
  animation-delay: -9s;
}

/* line 78, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-sparkle--3 {
  background: #7cd9ff;
  height: 14px;
  left: 22%;
  top: 22%;
  width: 14px;
  animation-duration: 13s;
  animation-delay: -4s;
}

/* line 79, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-sparkle--4 {
  background: #ff9d7a;
  height: 18px;
  left: 28%;
  top: 80%;
  width: 18px;
  animation-duration: 16s;
  animation-delay: -7s;
}

/* line 80, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-sparkle--5 {
  background: #b995ff;
  height: 12px;
  left: 36%;
  top: 10%;
  width: 12px;
  animation-duration: 11s;
  animation-delay: -5s;
}

/* line 81, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-sparkle--6 {
  background: #5ce0c8;
  height: 22px;
  left: 43%;
  top: 58%;
  width: 22px;
  animation-duration: 17s;
  animation-delay: -11s;
}

/* line 82, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-sparkle--7 {
  background: #ff82bc;
  height: 10px;
  left: 51%;
  top: 18%;
  width: 10px;
  animation-duration: 14s;
  animation-delay: -3s;
}

/* line 83, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-sparkle--8 {
  background: #7cd9ff;
  height: 18px;
  left: 58%;
  top: 74%;
  width: 18px;
  animation-duration: 18s;
  animation-delay: -8s;
}

/* line 84, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-sparkle--9 {
  background: #ffd95c;
  height: 16px;
  left: 64%;
  top: 14%;
  width: 16px;
  animation-duration: 12s;
  animation-delay: -6s;
}

/* line 85, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-sparkle--10 {
  background: #ff9d7a;
  height: 20px;
  left: 71%;
  top: 62%;
  width: 20px;
  animation-duration: 19s;
  animation-delay: -10s;
}

/* line 86, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-sparkle--11 {
  background: #5ce0c8;
  height: 14px;
  left: 78%;
  top: 24%;
  width: 14px;
  animation-duration: 13s;
  animation-delay: -4s;
}

/* line 87, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-sparkle--12 {
  background: #b995ff;
  height: 12px;
  left: 86%;
  top: 72%;
  width: 12px;
  animation-duration: 15s;
  animation-delay: -12s;
}

/* line 88, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-sparkle--13 {
  background: #ff82bc;
  height: 24px;
  left: 92%;
  top: 18%;
  width: 24px;
  animation-duration: 20s;
  animation-delay: -6s;
}

/* line 89, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-sparkle--14 {
  background: #ffd95c;
  height: 14px;
  left: 8%;
  top: 88%;
  width: 14px;
  animation-duration: 14s;
  animation-delay: -8s;
}

/* line 90, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-sparkle--15 {
  background: #7cd9ff;
  height: 18px;
  left: 48%;
  top: 88%;
  width: 18px;
  animation-duration: 16s;
  animation-delay: -13s;
}

/* line 91, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-sparkle--16 {
  background: #ff9d7a;
  height: 16px;
  left: 82%;
  top: 90%;
  width: 16px;
  animation-duration: 12s;
  animation-delay: -5s;
}

@keyframes parade-sparkle-drift {
  0% {
    transform: translate3d(0, 0, 0) scale(0.92) rotate(0deg);
  }
  25% {
    transform: translate3d(18px, -14px, 0) scale(1.04) rotate(8deg);
  }
  50% {
    transform: translate3d(-12px, -34px, 0) scale(0.96) rotate(-8deg);
  }
  75% {
    transform: translate3d(10px, -18px, 0) scale(1.08) rotate(6deg);
  }
  100% {
    transform: translate3d(0, 0, 0) scale(0.92) rotate(0deg);
  }
}

/* line 115, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-hero,
.parade-lp-main,
.parade-lp-footer {
  position: relative;
  z-index: 1;
}

/* line 122, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-hero {
  padding: 26px 0 22px;
}

/* line 126, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  margin-bottom: 22px;
}

/* line 134, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-nav-link,
.parade-lp-heading-en,
.parade-lp-footer-link {
  font-family: "M PLUS Rounded 1c", "Zen Maru Gothic", sans-serif;
}

/* line 140, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-nav-link {
  animation: parade-badge-hop 4.8s ease-in-out infinite;
  background: #ffffff;
  border: 2px solid rgba(255, 124, 190, 0.38);
  border-radius: 999px;
  box-shadow: 0 12px 24px rgba(255, 122, 181, 0.12);
  color: #c04d86;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.14em;
  padding: 10px 16px;
  text-decoration: none;
}

/* line 154, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-nav-link:nth-child(2) {
  animation-delay: -0.6s;
}

/* line 158, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-nav-link:nth-child(3) {
  animation-delay: -1.2s;
}

/* line 162, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-nav-link:nth-child(4) {
  animation-delay: -1.8s;
}

@keyframes parade-badge-hop {
  0%,
100% {
    transform: translateY(0) rotate(-1deg);
  }
  50% {
    transform: translateY(-5px) rotate(1deg);
  }
}

/* line 177, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-hero-grid,
.parade-lp-section-grid {
  align-items: center;
  display: grid;
  gap: 28px;
  grid-template-columns: minmax(320px, 0.88fr) minmax(0, 1.12fr);
}

/* line 185, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-section-grid--reverse {
  grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.88fr);
}

/* line 189, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-cut-card,
.parade-lp-stamp-card,
.parade-lp-gallery,
.parade-lp-members {
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 24px 44px rgba(210, 93, 160, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.82);
  position: relative;
}

/* line 200, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-cut-card {
  clip-path: polygon(22px 0, calc(100% - 22px) 0, 100% 22px, 100% calc(100% - 22px), calc(100% - 22px) 100%, 22px 100%, 0 calc(100% - 22px), 0 22px);
}

/* line 204, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-title-card,
.parade-lp-panel,
.parade-lp-gallery,
.parade-lp-members {
  padding: 30px;
}

/* line 211, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-title-card {
  animation: parade-card-bob 6.2s ease-in-out infinite;
  display: grid;
  gap: 18px;
  justify-items: start;
}

/* line 218, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-title-card::before,
.parade-lp-panel::before,
.parade-lp-gallery::before,
.parade-lp-members::before {
  background: linear-gradient(90deg, #ff7ac4 0%, #ffd95c 34%, #63d4ff 68%, #8d7aff 100%);
  content: "";
  height: 8px;
  left: 24px;
  position: absolute;
  right: 24px;
  top: 0;
}

/* line 231, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-logo {
  align-items: center;
  background: #ffffff;
  border: 6px solid #ffd95c;
  border-radius: 999px;
  box-shadow: 0 16px 28px rgba(255, 176, 97, 0.18);
  display: flex;
  height: 116px;
  justify-content: center;
  margin: 0 auto;
  overflow: hidden;
  width: 116px;
}

/* line 245, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-logo-image,
.parade-lp-hero-image,
.parade-lp-side-image,
.parade-lp-gallery-image,
.parade-lp-member-avatar-image {
  display: block;
  height: 100%;
  object-fit: cover;
  transition: transform 180ms ease;
  width: 100%;
}

/* line 257, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-title,
.parade-lp-heading-ja {
  color: #5d2f6b;
  font-family: "M PLUS Rounded 1c", "Zen Maru Gothic", sans-serif;
  font-weight: 800;
  letter-spacing: 0.03em;
  line-height: 1.15;
  margin: 0;
}

/* line 267, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-title {
  font-size: clamp(42px, 6vw, 82px);
  overflow-wrap: anywhere;
}

/* line 272, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-stamp-card {
  animation: parade-card-bob 7.1s ease-in-out infinite;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 246, 251, 0.96));
  border: 14px solid #ffffff;
  border-radius: 22px;
  box-shadow: 0 24px 46px rgba(125, 94, 214, 0.14);
  overflow: hidden;
}

/* line 282, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-stamp-card::before {
  border: 2px dashed rgba(255, 120, 176, 0.44);
  border-radius: 16px;
  content: "";
  inset: 10px;
  pointer-events: none;
  position: absolute;
}

/* line 291, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-stamp-card::after {
  background: radial-gradient(circle at 10px 10px, rgba(255, 255, 255, 0) 0 7px, rgba(255, 255, 255, 0.95) 7.5px 9px, rgba(255, 255, 255, 0) 9.5px), radial-gradient(circle at calc(100% - 10px) 10px, rgba(255, 255, 255, 0) 0 7px, rgba(255, 255, 255, 0.95) 7.5px 9px, rgba(255, 255, 255, 0) 9.5px), radial-gradient(circle at 10px calc(100% - 10px), rgba(255, 255, 255, 0) 0 7px, rgba(255, 255, 255, 0.95) 7.5px 9px, rgba(255, 255, 255, 0) 9.5px), radial-gradient(circle at calc(100% - 10px) calc(100% - 10px), rgba(255, 255, 255, 0) 0 7px, rgba(255, 255, 255, 0.95) 7.5px 9px, rgba(255, 255, 255, 0) 9.5px);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

@keyframes parade-card-bob {
  0%,
100% {
    transform: translateY(0) rotate(-0.8deg);
  }
  50% {
    transform: translateY(-7px) rotate(0.8deg);
  }
}

/* line 314, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-hero-visual {
  animation-delay: -1.2s;
}

/* line 318, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-hero-image {
  aspect-ratio: 16 / 11;
}

/* line 322, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-hero-image--placeholder,
.parade-lp-side-image--placeholder {
  align-items: center;
  background: linear-gradient(135deg, #ffb6d8 0%, #8ce7ff 100%);
  display: flex;
  justify-content: center;
}

/* line 330, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-hero-emoji,
.parade-lp-side-emoji {
  font-size: 88px;
}

/* line 335, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-main {
  display: grid;
  gap: 34px;
  padding-bottom: 34px;
}

/* line 341, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-section {
  position: relative;
}

/* line 345, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-section:nth-child(2n) .parade-lp-panel,
.parade-lp-section:nth-child(2n) .parade-lp-gallery,
.parade-lp-section:nth-child(2n) .parade-lp-members {
  transform: translateX(10px);
}

/* line 351, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-panel {
  display: grid;
  gap: 18px;
}

/* line 356, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-panel--alt {
  background: rgba(255, 255, 245, 0.94);
}

/* line 360, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-heading {
  display: grid;
  gap: 8px;
}

/* line 365, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-heading--center {
  justify-items: center;
  text-align: center;
}

/* line 370, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-heading-en {
  color: #ff5f9f;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.24em;
  margin: 0;
}

/* line 378, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-heading-ja {
  font-size: clamp(30px, 4vw, 52px);
}

/* line 382, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-copy,
.parade-lp-empty {
  color: #6f4f7f;
  font-size: 15px;
  line-height: 2;
  margin: 0;
}

/* line 390, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-copy {
  --group-landing-link-color: #ff5f9f;
  --group-landing-highlight-color: #5d2f6b;
  --group-landing-highlight-bg: rgba(255, 217, 92, 0.58);
  --group-landing-blockquote-border: rgba(255, 95, 159, 0.44);
  --group-landing-table-border: rgba(111, 79, 127, 0.26);
  --group-landing-table-header-bg: rgba(255, 255, 245, 0.9);
}

/* line 399, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-side-visual {
  animation-delay: -2.1s;
  padding: 0;
}

/* line 404, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-side-image {
  aspect-ratio: 4 / 5;
}

/* line 408, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-gallery,
.parade-lp-members {
  display: grid;
  gap: 24px;
}

/* line 414, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-gallery-grid {
  align-items: start;
  display: grid;
  gap: 20px;
  grid-template-columns: minmax(0, 1.08fr) minmax(260px, 0.92fr);
}

/* line 421, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-gallery-feature {
  animation-delay: -0.8s;
}

/* line 425, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-gallery-feature .parade-lp-gallery-image {
  aspect-ratio: 4 / 5;
}

/* line 429, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-gallery-list {
  display: grid;
  gap: 18px;
}

/* line 434, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-gallery-card:nth-child(odd) {
  animation-delay: -1.4s;
}

/* line 438, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-gallery-card:nth-child(even) {
  animation-delay: -2.3s;
}

/* line 442, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-gallery-image {
  aspect-ratio: 4 / 3;
}

/* line 446, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-gallery-feature,
.parade-lp-gallery-card {
  cursor: pointer;
  transition: box-shadow 180ms ease, filter 180ms ease;
}

/* line 454, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-gallery-feature:hover,
.parade-lp-gallery-card:hover {
  box-shadow: 0 30px 52px rgba(125, 94, 214, 0.22);
  filter: saturate(1.08) brightness(1.03);
}

/* line 460, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-gallery-feature:hover .parade-lp-gallery-image,
.parade-lp-gallery-card:hover .parade-lp-gallery-image {
  transform: scale(1.05);
}

/* line 465, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-member-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* line 471, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-member-card {
  animation: parade-member-wobble 5.8s ease-in-out infinite;
  display: grid;
  gap: 16px;
  grid-template-columns: 92px minmax(0, 1fr);
  padding: 18px;
}

/* line 479, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-member-card:nth-child(2n) {
  animation-delay: -1.2s;
}

/* line 483, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-member-card:nth-child(3n) {
  animation-delay: -2.4s;
}

@keyframes parade-member-wobble {
  0%,
100% {
    transform: rotate(-1.2deg) translateY(0);
  }
  50% {
    transform: rotate(1.2deg) translateY(-5px);
  }
}

/* line 498, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-member-avatar {
  border: 5px solid #ffd95c;
  border-radius: 22px;
  overflow: hidden;
}

/* line 504, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-member-copy {
  display: grid;
  gap: 6px;
}

/* line 509, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-member-name {
  color: #5a3564;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.6;
  margin: 0;
  overflow-wrap: anywhere;
}

/* line 518, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-member-message {
  color: #7c5e8b;
  font-size: 13px;
  line-height: 1.8;
  margin: 0;
  overflow-wrap: anywhere;
}

/* line 526, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-footer {
  display: flex;
  justify-content: center;
  padding: 0 24px 42px;
}

/* line 532, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
.parade-lp-footer-link {
  animation: parade-badge-hop 4.6s ease-in-out infinite;
  background: #ffffff;
  border: 2px solid rgba(141, 122, 255, 0.34);
  border-radius: 999px;
  box-shadow: 0 16px 28px rgba(141, 122, 255, 0.12);
  color: #7b54c7;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.14em;
  padding: 14px 22px;
  text-decoration: none;
}

@media (min-width: 1100px) {
  /* line 547, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
  .parade-lp-member-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 959px) {
  /* line 553, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
  .parade-lp-hero-grid,
.parade-lp-section-grid,
.parade-lp-section-grid--reverse,
.parade-lp-gallery-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  /* line 560, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
  .parade-lp-section:nth-child(2n) .parade-lp-panel,
.parade-lp-section:nth-child(2n) .parade-lp-gallery,
.parade-lp-section:nth-child(2n) .parade-lp-members {
    transform: none;
  }
}

@media (max-width: 767px) {
  /* line 568, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
  .parade-lp-shell {
    padding-left: 16px;
    padding-right: 16px;
  }
  /* line 573, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
  .parade-lp-title-card,
.parade-lp-panel,
.parade-lp-gallery,
.parade-lp-members {
    padding: 22px;
  }
  /* line 580, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
  .parade-lp-member-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  /* line 584, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
  .parade-lp-member-card {
    grid-template-columns: 76px minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  /* line 590, app/assets/groups_stylesheets/subdomains/groups_landing/_parade.scss */
  .parade-lp-sparkle,
.parade-lp-nav-link,
.parade-lp-title-card,
.parade-lp-stamp-card,
.parade-lp-member-card,
.parade-lp-footer-link {
    animation: none;
  }
}

/* line 1, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp {
  --landing-activity-surface: rgba(13, 22, 42, 0.62);
  --landing-activity-featured-surface: linear-gradient(145deg, rgba(21, 32, 58, 0.9), rgba(9, 15, 31, 0.86));
  --landing-activity-surface-strong: rgba(18, 30, 54, 0.9);
  --landing-activity-surface-soft: rgba(110, 145, 214, 0.12);
  --landing-activity-border: rgba(173, 215, 255, 0.2);
  --landing-activity-accent: #d6ecff;
  --landing-activity-accent-soft: rgba(190, 232, 255, 0.12);
  --landing-activity-title: #f6fbff;
  --landing-activity-text: #d9e7f8;
  --landing-activity-muted: rgba(217, 231, 248, 0.76);
  --landing-activity-shadow: 0 24px 54px rgba(2, 8, 22, 0.32);
  --landing-activity-title-font: "M PLUS Rounded 1c", "Zen Maru Gothic", sans-serif;
  --landing-activity-kicker-font: "M PLUS Rounded 1c", "Zen Maru Gothic", sans-serif;
  --prism-pointer-x: 0;
  --prism-pointer-y: 0;
  --prism-page-progress: 0;
  --prism-hero-progress: 0;
  --prism-float-shift: 0px;
  --prism-hero-lift: 0px;
  --prism-page-rotate: 0deg;
  --prism-float-card: 0px;
  --prism-float-panel: 0px;
  --prism-float-activity: 0px;
  --prism-light-x: 72%;
  --prism-light-y: 18%;
  --prism-bg-shift-y: 0px;
  --prism-bg-shift-x: 0px;
  --prism-grid-shift-y: 0px;
  --prism-grid-shift-x: 0px;
  --prism-beam-shift-one: 0px;
  --prism-beam-shift-two: 0px;
  --prism-beam-shift-three: 0px;
  --prism-light-drift-x: 0px;
  --prism-light-drift-y: 0px;
  --prism-hero-shift-x: 0px;
  --prism-hero-shift-y: 0px;
  --prism-hero-rotate-x: 0deg;
  --prism-hero-rotate-y: 0deg;
  background: radial-gradient(circle at var(--prism-light-x) var(--prism-light-y), rgba(198, 233, 255, 0.18), transparent 18%), radial-gradient(circle at 18% 14%, rgba(150, 196, 255, 0.12), transparent 24%), radial-gradient(circle at 82% 10%, rgba(240, 214, 171, 0.14), transparent 20%), linear-gradient(180deg, #050916 0%, #091224 34%, #0a1328 68%, #050a16 100%);
  color: #eff7ff;
  font-family: "M PLUS Rounded 1c", "Hiragino Sans", sans-serif;
  min-height: 100vh;
  overflow: clip;
  position: relative;
}

/* line 52, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp *,
.prism-lp *::before,
.prism-lp *::after {
  box-sizing: border-box;
}

/* line 58, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp::before,
.prism-lp::after {
  content: "";
  inset: 0;
  pointer-events: none;
  position: fixed;
  z-index: 0;
}

/* line 67, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp::before {
  background: linear-gradient(120deg, rgba(255, 255, 255, 0.04), transparent 26%, transparent 72%, rgba(255, 255, 255, 0.03) 100%), linear-gradient(60deg, transparent 12%, rgba(141, 190, 255, 0.07) 44%, transparent 68%);
  mix-blend-mode: screen;
  opacity: 0.7;
  transform: translate3d(var(--prism-bg-shift-x), var(--prism-bg-shift-y), 0);
}

/* line 76, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp::after {
  background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.08), transparent 56%), linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 22%, transparent 78%, rgba(255, 255, 255, 0.03)), linear-gradient(90deg, rgba(185, 223, 255, 0.06) 1px, transparent 1px), linear-gradient(180deg, rgba(185, 223, 255, 0.05) 1px, transparent 1px);
  background-size: auto, auto, 160px 160px, 160px 160px;
  opacity: 0.38;
  transform: translate3d(var(--prism-grid-shift-x), var(--prism-grid-shift-y), 0);
}

/* line 87, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-ambient,
.prism-lp-hero,
.prism-lp-main,
.prism-lp-footer {
  position: relative;
  z-index: 1;
}

/* line 95, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-ambient {
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  position: fixed;
}

/* line 102, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-beam {
  animation: prism-beam-float ease-in-out infinite;
  border-radius: 999px;
  filter: blur(0);
  position: absolute;
  transform: translate3d(0, 0, 0) rotate(-24deg);
}

/* line 110, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-beam--one {
  animation-duration: 12s;
  background: linear-gradient(180deg, rgba(200, 240, 255, 0.26), rgba(200, 240, 255, 0));
  height: 56vh;
  left: -6vw;
  top: 10vh;
  transform: translate3d(0, var(--prism-beam-shift-one), 0) rotate(-24deg);
  width: 22vw;
}

/* line 120, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-beam--two {
  animation-duration: 16s;
  animation-delay: -4s;
  background: linear-gradient(180deg, rgba(250, 219, 176, 0.16), rgba(250, 219, 176, 0));
  height: 68vh;
  right: 6vw;
  top: 8vh;
  transform: translate3d(0, var(--prism-beam-shift-two), 0) rotate(-24deg);
  width: 18vw;
}

/* line 131, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-beam--three {
  animation-duration: 14s;
  animation-delay: -7s;
  background: linear-gradient(180deg, rgba(169, 202, 255, 0.18), rgba(169, 202, 255, 0));
  bottom: -8vh;
  height: 46vh;
  left: 38vw;
  transform: translate3d(0, var(--prism-beam-shift-three), 0) rotate(-24deg);
  width: 16vw;
}

@keyframes prism-beam-float {
  0%,
100% {
    opacity: 0.24;
    transform: translate3d(0, 0, 0) rotate(-24deg);
  }
  50% {
    opacity: 0.54;
    transform: translate3d(0, -18px, 0) rotate(-20deg);
  }
}

/* line 155, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-shell {
  margin: 0 auto;
  max-width: 1180px;
  padding-left: 24px;
  padding-right: 24px;
}

/* line 162, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-shell--wide {
  max-width: 1260px;
}

/* line 166, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-hero {
  padding: 44px 0 24px;
}

/* line 170, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-hero-stage {
  align-items: center;
  display: grid;
  gap: 26px;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  min-height: calc(100vh - 68px);
}

/* line 178, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-hero-copy,
.prism-lp-panel,
.prism-lp-shot-feature,
.prism-lp-shot-card,
.prism-lp-member-stage,
.prism-lp-member-card,
.prism-lp-activity-stage,
.prism-lp-empty-card,
.prism-lp-prism-card {
  backdrop-filter: blur(18px);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.04)), linear-gradient(180deg, rgba(12, 20, 39, 0.78), rgba(8, 14, 28, 0.7));
  border: 1px solid rgba(198, 229, 255, 0.18);
  box-shadow: 0 24px 54px rgba(1, 6, 18, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  overflow: hidden;
  position: relative;
}

/* line 199, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-hero-copy::before,
.prism-lp-panel::before,
.prism-lp-shot-feature::before,
.prism-lp-shot-card::before,
.prism-lp-member-stage::before,
.prism-lp-member-card::before,
.prism-lp-activity-stage::before,
.prism-lp-empty-card::before,
.prism-lp-prism-card::before {
  background: linear-gradient(120deg, rgba(255, 255, 255, 0.2), transparent 24%, transparent 68%, rgba(255, 255, 255, 0.1) 100%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

/* line 216, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-reveal {
  opacity: 0;
  transform: translate3d(0, 32px, 0) scale(0.98);
  transition: opacity 560ms ease, transform 560ms ease;
}

/* line 224, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-reveal.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

/* line 229, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-section-en,
.prism-lp-shot-label {
  color: #d8ecff;
  font-family: "M PLUS Rounded 1c", "Zen Maru Gothic", sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.2em;
  margin: 0;
  text-transform: uppercase;
}

/* line 240, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-title,
.prism-lp-section-ja,
.prism-lp-member-name {
  color: #f7fbff;
  font-family: "M PLUS Rounded 1c", "Zen Maru Gothic", sans-serif;
  margin: 0;
}

/* line 248, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-title {
  font-size: clamp(38px, 6vw, 78px);
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1.06;
  overflow-wrap: anywhere;
}

/* line 256, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-hero-copy {
  border-radius: 34px;
  display: grid;
  gap: 18px;
  justify-items: center;
  padding: 36px;
  text-align: center;
  transform: translate3d(var(--prism-hero-shift-x), calc(var(--prism-hero-shift-y) - var(--prism-hero-lift)), 0) rotateX(var(--prism-hero-rotate-x)) rotateY(var(--prism-hero-rotate-y));
}

/* line 269, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-footer-link {
  align-items: center;
  border: 1px solid rgba(214, 236, 255, 0.24);
  border-radius: 999px;
  color: #edf7ff;
  display: inline-flex;
  font-size: 12px;
  font-family: "M PLUS Rounded 1c", "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  gap: 8px;
  letter-spacing: 0.08em;
  padding: 10px 16px;
  text-decoration: none;
  transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease;
}

/* line 288, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-footer-link:hover {
  background: rgba(214, 236, 255, 0.14);
  border-color: rgba(214, 236, 255, 0.4);
  transform: translate3d(0, -2px, 0);
}

/* line 294, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-hero-visual {
  align-items: center;
  display: grid;
  min-height: 620px;
  position: relative;
}

/* line 301, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-prism,
.prism-lp-prism-card {
  clip-path: polygon(16% 0%, 100% 0%, 84% 100%, 0% 100%);
}

/* line 306, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-prism {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.16), rgba(140, 188, 255, 0.04));
  border: 1px solid rgba(198, 229, 255, 0.12);
  box-shadow: 0 26px 56px rgba(0, 7, 19, 0.2);
  inset: 10% 8%;
  position: absolute;
  transform: translate3d(var(--prism-hover-shift-x, 0px), var(--prism-hover-shift-y, 0px), 0) rotate(var(--prism-page-rotate));
}

/* line 317, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-prism--back {
  inset: 14% 12% 18% 6%;
  opacity: 0.42;
}

/* line 322, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-prism--middle {
  inset: 7% 2% 10% 14%;
  opacity: 0.58;
}

/* line 327, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-prism-card {
  align-items: end;
  border-radius: 28px;
  display: grid;
  inset: 0;
  justify-items: end;
  min-height: 620px;
  transform: translate3d(var(--prism-hover-shift-x, 0px), calc(var(--prism-hover-shift-y, 0px) + var(--prism-float-card)), 0) rotateX(var(--prism-hover-rotate-x, 0deg)) rotateY(var(--prism-hover-rotate-y, 0deg));
  transform-style: preserve-3d;
  transition: transform 220ms ease;
}

/* line 342, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-prism-card-glow {
  background: radial-gradient(circle at var(--prism-light-x) var(--prism-light-y), rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0) 26%), linear-gradient(130deg, rgba(155, 214, 255, 0.18), transparent 32%, transparent 78%, rgba(255, 226, 187, 0.12) 100%);
  inset: 0;
  position: absolute;
  transform: translate3d(var(--prism-light-drift-x), var(--prism-light-drift-y), 0);
}

/* line 351, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-hero-image {
  display: block;
  height: 100%;
  min-height: 620px;
  object-fit: cover;
  width: 100%;
}

/* line 359, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-hero-image--placeholder {
  align-items: center;
  background: radial-gradient(circle at 50% 24%, rgba(234, 246, 255, 0.28), transparent 28%), linear-gradient(160deg, rgba(152, 199, 255, 0.16), rgba(255, 219, 184, 0.08), rgba(12, 21, 38, 0.88));
  display: flex;
  justify-content: center;
}

/* line 368, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-hero-emoji {
  font-size: 96px;
}

/* line 372, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-hero-emblem {
  background: rgba(9, 16, 29, 0.72);
  border: 1px solid rgba(216, 236, 255, 0.24);
  border-radius: 28px;
  display: grid;
  height: 120px;
  margin: 0 auto;
  place-items: center;
  width: 120px;
}

/* line 383, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-hero-emblem-image {
  border-radius: 22px;
  height: 72px;
  object-fit: cover;
  width: 72px;
}

/* line 390, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-main {
  display: grid;
  gap: 34px;
  padding: 24px 0 60px;
}

/* line 396, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-main.prism-lp-reveal {
  transform: none;
}

/* line 400, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-main.prism-lp-reveal.is-visible {
  transform: none;
}

/* line 404, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-section {
  position: relative;
}

/* line 408, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-story-grid {
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
}

/* line 414, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-panel,
.prism-lp-member-stage,
.prism-lp-activity-stage,
.prism-lp-empty-card {
  border-radius: 30px;
}

/* line 421, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-panel {
  padding: 28px;
  transform: translate3d(var(--prism-hover-shift-x, 0px), calc(var(--prism-hover-shift-y, 0px) + var(--prism-float-panel)), 0) rotateX(var(--prism-hover-rotate-x, 0deg)) rotateY(var(--prism-hover-rotate-y, 0deg));
  transition: transform 220ms ease;
}

/* line 430, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-section-head {
  display: grid;
  gap: 8px;
  margin-bottom: 18px;
}

/* line 436, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-section-head--center {
  justify-items: center;
  margin: 0 auto;
  text-align: center;
}

/* line 442, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-section-ja {
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 900;
  letter-spacing: 0.04em;
  line-height: 1.2;
}

/* line 449, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-copy,
.prism-lp-empty,
.prism-lp-member-message {
  color: #dce8f8;
  line-height: 1.95;
}

/* line 456, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-copy {
  font-size: 14px;
}

/* line 460, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-empty {
  margin: 0;
}

/* line 464, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-shot-layout {
  display: grid;
  gap: 22px;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
}

/* line 470, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-shot-feature,
.prism-lp-shot-card {
  cursor: zoom-in;
  transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

/* line 479, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-shot-feature:hover,
.prism-lp-shot-card:hover {
  border-color: rgba(217, 237, 255, 0.4);
  box-shadow: 0 28px 64px rgba(1, 6, 18, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  transform: translate3d(0, -4px, 0);
}

/* line 488, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-shot-feature {
  border-radius: 34px;
  min-height: 520px;
}

/* line 493, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-shot-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* line 499, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-shot-card {
  border-radius: 26px;
  min-height: 250px;
}

/* line 504, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-shot-image {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* line 511, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-shot-overlay {
  background: linear-gradient(180deg, rgba(7, 12, 23, 0), rgba(7, 12, 23, 0.86));
  bottom: 0;
  display: grid;
  gap: 8px;
  left: 0;
  padding: 24px;
  position: absolute;
  right: 0;
}

/* line 522, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-shot-overlay--small {
  padding: 18px;
}

/* line 526, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-shot-caption {
  color: #f4fbff;
  font-family: "M PLUS Rounded 1c", "Zen Maru Gothic", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  margin: 0;
}

/* line 535, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-member-stage {
  display: grid;
  gap: 22px;
  padding: 28px;
}

/* line 541, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-member-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* line 547, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-member-card {
  align-items: center;
  border-radius: 24px;
  display: grid;
  gap: 16px;
  grid-template-columns: auto minmax(0, 1fr);
  min-height: 132px;
  padding: 18px;
  transform: translate3d(var(--prism-hover-shift-x, 0px), var(--prism-hover-shift-y, 0px), 0) rotateX(var(--prism-hover-rotate-x, 0deg)) rotateY(var(--prism-hover-rotate-y, 0deg));
  transition: transform 220ms ease;
}

/* line 562, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-member-avatar {
  border-radius: 20px;
  height: 72px;
  overflow: hidden;
  width: 72px;
}

/* line 569, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-member-avatar-image {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* line 576, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-member-copy {
  display: grid;
  gap: 8px;
}

/* line 581, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-member-name {
  font-size: 20px;
  font-weight: 800;
  line-height: 1.4;
  margin: 0 auto;
  overflow-wrap: anywhere;
  text-align: left;
  width: 100%;
}

/* line 591, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-member-message {
  font-size: 13px;
  margin: 0;
}

/* line 596, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-activity-stage {
  padding: 28px;
  transform: translate3d(var(--prism-hover-shift-x, 0px), calc(var(--prism-hover-shift-y, 0px) + var(--prism-float-activity)), 0) rotateX(var(--prism-hover-rotate-x, 0deg)) rotateY(var(--prism-hover-rotate-y, 0deg));
  transition: transform 220ms ease;
}

/* line 605, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-empty-card {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 220px;
  padding: 28px;
}

/* line 613, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-footer {
  display: flex;
  justify-content: center;
  padding: 0 24px 56px;
}

/* line 619, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-footer-inner {
  display: flex;
  justify-content: center;
  width: 100%;
}

/* line 625, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-footer-link--button {
  background: linear-gradient(135deg, rgba(216, 236, 255, 0.2), rgba(216, 236, 255, 0.08)), rgba(9, 18, 36, 0.74);
  border-width: 1px;
  box-shadow: 0 18px 42px rgba(1, 6, 18, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.14);
  font-size: 14px;
  justify-content: center;
  min-height: 56px;
  max-width: 360px;
  padding: 0 28px;
  width: 100%;
}

/* line 641, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
.prism-lp-footer-link--button:hover {
  box-shadow: 0 22px 48px rgba(1, 6, 18, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

@media (max-width: 1100px) {
  /* line 648, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
  .prism-lp-hero-stage,
.prism-lp-story-grid,
.prism-lp-shot-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  /* line 654, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
  .prism-lp-hero-visual {
    min-height: 500px;
  }
  /* line 658, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
  .prism-lp-prism-card,
.prism-lp-hero-image {
    min-height: 500px;
  }
  /* line 663, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
  .prism-lp-member-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  /* line 669, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
  .prism-lp {
    --prism-light-x: 56%;
    --prism-light-y: 12%;
  }
  /* line 674, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
  .prism-lp-hero {
    padding-top: 28px;
  }
  /* line 678, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
  .prism-lp-shell,
.prism-lp-shell--wide {
    padding-left: 16px;
    padding-right: 16px;
  }
  /* line 684, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
  .prism-lp-hero-stage {
    gap: 18px;
    min-height: auto;
  }
  /* line 689, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
  .prism-lp-hero-copy,
.prism-lp-panel,
.prism-lp-member-stage,
.prism-lp-activity-stage,
.prism-lp-empty-card {
    border-radius: 24px;
    padding: 22px;
  }
  /* line 698, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
  .prism-lp-title {
    font-size: clamp(30px, 10vw, 48px);
  }
  /* line 702, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
  .prism-lp-tagline {
    font-size: 13px;
    line-height: 1.8;
  }
  /* line 707, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
  .prism-lp-hero-visual {
    min-height: 360px;
  }
  /* line 711, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
  .prism-lp-prism-card,
.prism-lp-hero-image {
    min-height: 360px;
  }
  /* line 716, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
  .prism-lp-hero-image {
    object-fit: contain;
  }
  /* line 720, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
  .prism-lp-hero-emblem {
    border-radius: 22px;
    height: 88px;
    width: 88px;
  }
  /* line 726, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
  .prism-lp-hero-emblem-image {
    height: 54px;
    width: 54px;
  }
  /* line 731, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
  .prism-lp-shot-feature {
    min-height: 320px;
  }
  /* line 735, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
  .prism-lp-shot-grid,
.prism-lp-member-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  /* line 740, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
  .prism-lp-shot-card {
    min-height: 220px;
  }
  /* line 744, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
  .prism-lp-member-card {
    grid-template-columns: 64px minmax(0, 1fr);
  }
  /* line 748, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
  .prism-lp-member-avatar {
    height: 64px;
    width: 64px;
  }
  /* line 753, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
  .prism-lp-footer {
    padding-bottom: 42px;
  }
}

@media (prefers-reduced-motion: reduce) {
  /* line 759, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
  .prism-lp *,
.prism-lp *::before,
.prism-lp *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
  /* line 768, app/assets/groups_stylesheets/subdomains/groups_landing/_prism.scss */
  .prism-lp-reveal {
    opacity: 1;
    transform: none;
  }
}

/* line 1, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp {
  --landing-activity-surface: rgba(14, 18, 26, 0.78);
  --landing-activity-featured-surface: linear-gradient(145deg, rgba(24, 30, 45, 0.92), rgba(11, 15, 23, 0.86));
  --landing-activity-surface-strong: rgba(20, 24, 34, 0.92);
  --landing-activity-surface-soft: rgba(188, 143, 78, 0.14);
  --landing-activity-border: rgba(255, 255, 255, 0.12);
  --landing-activity-accent: #f4d39e;
  --landing-activity-accent-soft: rgba(244, 211, 158, 0.12);
  --landing-activity-title: #fff8ec;
  --landing-activity-text: #e7dcc8;
  --landing-activity-muted: rgba(231, 220, 200, 0.72);
  --landing-activity-shadow: 0 28px 52px rgba(0, 0, 0, 0.24);
  --landing-activity-title-font: "M PLUS Rounded 1c", "Zen Maru Gothic", "Hiragino Sans", sans-serif;
  --landing-activity-kicker-font: "M PLUS Rounded 1c", "Hiragino Sans", sans-serif;
  --cinema-page-progress: 0;
  --cinema-hero-progress: 0;
  --cinema-gallery-progress: 0;
  --cinema-backdrop-shift: 0px;
  --cinema-grid-shift: 0px;
  --cinema-glow-shift: 0px;
  --cinema-hero-lift: 0px;
  background: radial-gradient(circle at 18% 18%, rgba(182, 134, 82, 0.22), transparent 20%), radial-gradient(circle at 82% 16%, rgba(206, 77, 59, 0.16), transparent 18%), linear-gradient(180deg, #090a0e 0%, #0d1017 26%, #141923 62%, #090b10 100%);
  color: #f7f1e5;
  font-family: "M PLUS Rounded 1c", "Hiragino Sans", sans-serif;
  overflow: clip;
  position: relative;
}

/* line 32, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp *,
.cinema-lp *::before,
.cinema-lp *::after {
  box-sizing: border-box;
}

/* line 38, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp a {
  color: inherit;
}

/* line 42, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp::before,
.cinema-lp::after {
  content: "";
  inset: 0;
  pointer-events: none;
  position: fixed;
  z-index: 0;
}

/* line 51, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 28%, transparent 72%, rgba(255, 255, 255, 0.03)), linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px), linear-gradient(180deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
  background-size: auto, 160px 160px, 160px 160px;
  opacity: 0.28;
  transform: translate3d(0, var(--cinema-grid-shift), 0);
}

/* line 61, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp::after {
  background: radial-gradient(circle at 72% 16%, rgba(255, 215, 149, 0.18), transparent 16%), radial-gradient(circle at 24% 76%, rgba(171, 72, 54, 0.12), transparent 18%);
  filter: blur(10px);
  opacity: 0.85;
  transform: translate3d(0, var(--cinema-glow-shift), 0);
}

/* line 70, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-atmosphere,
.cinema-lp-hero,
.cinema-lp-main,
.cinema-lp-footer {
  position: relative;
  z-index: 1;
}

/* line 78, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-atmosphere {
  inset: 0;
  pointer-events: none;
  position: fixed;
}

/* line 84, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-glow,
.cinema-lp-grain,
.cinema-lp-grid {
  position: absolute;
}

/* line 90, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-glow {
  border-radius: 999px;
  filter: blur(18px);
  opacity: 0.46;
}

/* line 96, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-glow--one {
  animation: cinema-glow-float 22s ease-in-out infinite;
  background: rgba(255, 202, 130, 0.26);
  height: 22vw;
  left: 4vw;
  top: 12vh;
  width: 22vw;
}

/* line 105, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-glow--two {
  animation: cinema-glow-float 26s ease-in-out infinite reverse;
  background: rgba(177, 67, 51, 0.22);
  height: 18vw;
  right: 6vw;
  top: 54vh;
  width: 18vw;
}

/* line 114, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-grain,
.cinema-lp-grid {
  inset: 0;
}

/* line 119, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-grain {
  background-image: radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.06) 0 1px, transparent 1px), radial-gradient(circle at 70% 40%, rgba(255, 255, 255, 0.04) 0 1px, transparent 1px), radial-gradient(circle at 55% 78%, rgba(255, 255, 255, 0.05) 0 1px, transparent 1px);
  background-size: 180px 180px;
  opacity: 0.34;
}

/* line 128, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-grid {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px), linear-gradient(180deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
  background-size: 280px 280px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.6), transparent 80%);
  opacity: 0.2;
}

@keyframes cinema-glow-float {
  0%,
100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    transform: translate3d(0, -8px, 0) scale(1.015);
  }
}

/* line 148, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-shell {
  margin: 0 auto;
  max-width: 1240px;
  padding: 0 28px;
  width: 100%;
}

/* line 155, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-shell--hero {
  align-items: center;
  display: grid;
  gap: 40px;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  min-height: 100svh;
  padding-top: 72px;
  padding-bottom: 56px;
}

/* line 165, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-reveal {
  --cinema-reveal-scale: 0.98;
  --cinema-reveal-y: 34px;
  opacity: 0;
  transition: opacity 720ms ease, transform 720ms cubic-bezier(0.2, 0.7, 0.2, 1);
}

/* line 174, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-reveal.is-visible {
  opacity: 1;
  --cinema-reveal-scale: 1;
  --cinema-reveal-y: 0px;
}

/* line 180, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-reveal,
.cinema-lp [data-cinema-parallax-target~="drift"] {
  transform: translate3d(var(--cinema-shift-x, 0px), calc(var(--cinema-shift-y, 0px) + var(--cinema-reveal-y, 0px)), 0) rotate(var(--cinema-rotate, 0deg));
}

/* line 187, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp [data-cinema-parallax-target~="drift"] {
  transform: translate3d(var(--cinema-shift-x, 0px), calc(var(--cinema-shift-y, 0px) + var(--cinema-reveal-y, 0px)), 0) rotate(var(--cinema-rotate, 0deg)) scale(var(--cinema-reveal-scale, 1));
  will-change: transform;
}

/* line 195, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-reveal:not([data-cinema-parallax-target~="drift"]) {
  transform: translate3d(0, var(--cinema-reveal-y, 0px), 0) scale(var(--cinema-reveal-scale, 1));
  will-change: transform;
}

/* line 202, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-hero {
  min-height: 100svh;
  overflow: hidden;
}

/* line 207, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-hero-backdrop,
.cinema-lp-hero-overlay {
  inset: 0;
  position: absolute;
}

/* line 213, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-hero-backdrop {
  overflow: hidden;
}

/* line 217, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-hero-backdrop::after {
  background: linear-gradient(90deg, rgba(7, 8, 11, 0.84), rgba(7, 8, 11, 0.28) 52%, rgba(7, 8, 11, 0.78));
  content: "";
  inset: 0;
  position: absolute;
}

/* line 224, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-hero-backdrop-image,
.cinema-lp-feature-screen-image,
.cinema-lp-hero-shot-image,
.cinema-lp-reel-shot-image {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* line 234, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-hero-backdrop-image {
  filter: saturate(0.92) contrast(1.02) brightness(0.72);
  transform: translate3d(0, var(--cinema-backdrop-shift), 0) scale(1.08);
}

/* line 239, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-hero-backdrop-image--placeholder,
.cinema-lp-feature-screen-image--placeholder {
  align-items: center;
  background: radial-gradient(circle at 30% 30%, rgba(255, 220, 163, 0.24), transparent 22%), linear-gradient(180deg, rgba(26, 29, 39, 0.92), rgba(9, 12, 18, 0.98));
  display: flex;
  justify-content: center;
}

/* line 249, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-hero-emoji,
.cinema-lp-feature-emoji {
  font-size: clamp(72px, 10vw, 132px);
}

/* line 254, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-hero-overlay {
  background: radial-gradient(circle at 68% 26%, rgba(255, 214, 150, 0.16), transparent 18%), linear-gradient(180deg, rgba(6, 6, 8, 0.2), rgba(6, 6, 8, 0.72) 72%, rgba(6, 6, 8, 0.94));
}

/* line 260, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-kicker,
.cinema-lp-shot-label,
.cinema-lp-feature-label {
  color: rgba(247, 241, 229, 0.76);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  margin: 0;
  text-transform: uppercase;
}

/* line 271, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-title,
.cinema-lp-section-title,
.cinema-lp-member-name {
  color: #fffaf1;
  font-family: "M PLUS Rounded 1c", "Zen Maru Gothic", "Hiragino Sans", sans-serif;
  margin: 0;
}

/* line 279, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-title {
  font-size: clamp(44px, 7vw, 88px);
  font-weight: 900;
  line-height: 1.06;
  max-width: 8em;
  overflow-wrap: anywhere;
  text-wrap: balance;
}

/* line 288, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-section-title {
  font-size: clamp(30px, 4vw, 50px);
  font-weight: 800;
  line-height: 1.16;
}

/* line 294, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-member-message,
.cinema-lp-shot-date,
.cinema-lp-feature-text,
.cinema-lp-empty {
  color: rgba(231, 220, 200, 0.84);
  line-height: 1.9;
  margin: 0;
}

/* line 303, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 28px;
}

/* line 310, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-button {
  align-items: center;
  backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  color: #fff7eb;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  gap: 8px;
  justify-content: center;
  min-height: 48px;
  padding: 0 22px;
  text-decoration: none;
  transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

/* line 331, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-button:hover,
.cinema-lp-button:focus-visible {
  border-color: rgba(255, 222, 172, 0.42);
  box-shadow: 0 20px 34px rgba(0, 0, 0, 0.18);
  transform: translateY(-2px);
}

/* line 338, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-button--primary {
  background: linear-gradient(135deg, #f0c98c, #bc744e);
  border-color: transparent;
  color: #17100e;
}

/* line 344, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-hero-copy {
  max-width: 460px;
}

/* line 348, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-hero-stage {
  min-height: 620px;
  position: relative;
}

/* line 353, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-feature-screen,
.cinema-lp-hero-shot,
.cinema-lp-copy-panel,
.cinema-lp-member-card,
.cinema-lp-activity-wrap,
.cinema-lp-empty-stage {
  background: rgba(16, 18, 26, 0.58);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 30px 54px rgba(0, 0, 0, 0.28);
  position: relative;
}

/* line 365, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-feature-screen {
  border-radius: 30px;
  margin: 54px 92px 72px 48px;
  overflow: hidden;
}

/* line 371, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-feature-screen::after {
  background: linear-gradient(180deg, transparent 42%, rgba(0, 0, 0, 0.64)), linear-gradient(90deg, rgba(255, 255, 255, 0.06), transparent 26%, transparent 74%, rgba(255, 255, 255, 0.06));
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

/* line 381, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-feature-screen-image {
  aspect-ratio: 4 / 5;
}

/* line 385, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-feature-screen-caption {
  align-items: center;
  bottom: 24px;
  display: flex;
  gap: 14px;
  left: 24px;
  position: absolute;
  right: 24px;
  z-index: 1;
}

/* line 396, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-feature-icon {
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 50%;
  height: 58px;
  overflow: hidden;
  width: 58px;
}

/* line 404, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-feature-icon-image {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* line 410, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-hero-shot {
  border-radius: 22px;
  overflow: hidden;
  position: absolute;
  width: clamp(170px, 22vw, 260px);
}

/* line 417, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-hero-shot::after,
.cinema-lp-reel-shot::after {
  background: linear-gradient(180deg, transparent 36%, rgba(0, 0, 0, 0.72));
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

/* line 426, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-hero-shot--1 {
  left: 0;
  top: 2%;
}

/* line 431, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-hero-shot--2 {
  right: 0;
  top: 10%;
}

/* line 436, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-hero-shot--3 {
  bottom: 4%;
  left: 6%;
}

/* line 441, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-hero-shot--4 {
  bottom: 0;
  right: 4%;
}

/* line 446, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-hero-shot-image {
  aspect-ratio: 4 / 5;
}

/* line 450, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-hero-shot-meta,
.cinema-lp-reel-shot-meta {
  bottom: 16px;
  left: 16px;
  position: absolute;
  right: 16px;
  z-index: 1;
}

/* line 459, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-shot-date {
  font-size: 12px;
  margin-top: 4px;
}

/* line 464, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-main {
  padding-bottom: 80px;
}

/* line 468, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-section {
  padding-top: 86px;
}

/* line 472, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-reel-shell {
  align-items: start;
  display: grid;
  gap: 40px;
  grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
  margin: 0 auto;
  max-width: 1360px;
  padding: 0 28px;
}

/* line 482, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-reel-copy {
  position: sticky;
  top: 88px;
}

/* line 487, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
  max-width: 28em;
}

/* line 495, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-tag {
  backdrop-filter: blur(12px);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  color: #fff2db;
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  padding: 8px 14px;
}

/* line 508, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-reel-stage {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  min-height: 1280px;
}

/* line 515, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-reel-column {
  display: grid;
  gap: 18px;
  align-content: start;
}

/* line 521, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-reel-column--1 {
  padding-top: 52px;
}

/* line 525, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-reel-column--2 {
  padding-top: 0;
}

/* line 529, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-reel-column--3 {
  padding-top: 116px;
}

/* line 533, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-reel-shot {
  border-radius: 28px;
  overflow: hidden;
}

/* line 538, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-reel-shot-image {
  aspect-ratio: 5 / 7;
}

/* line 542, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-empty-stage {
  align-items: center;
  border-radius: 28px;
  display: flex;
  justify-content: center;
  min-height: 320px;
  padding: 40px;
}

/* line 551, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-overview-grid {
  display: grid;
  gap: 26px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* line 557, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-copy-panel,
.cinema-lp-activity-wrap,
.cinema-lp-footer-inner {
  backdrop-filter: blur(16px);
  border-radius: 28px;
  overflow: hidden;
  padding: 30px;
}

/* line 566, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-copy-panel--rule {
  background: radial-gradient(circle at 100% 0, rgba(188, 116, 78, 0.14), transparent 30%), rgba(16, 18, 26, 0.6);
}

/* line 572, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-rich-text {
  margin-top: 18px;
}

/* line 576, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-rich-text .group-landing-rich-text.takibi-lexxy.lexxy-content {
  color: rgba(247, 241, 229, 0.92);
}

/* line 580, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-rich-text .group-landing-rich-text.takibi-lexxy.lexxy-content a {
  color: #f1c98b;
}

/* line 584, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-member-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 28px;
}

/* line 591, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-section-heading {
  max-width: 720px;
}

/* line 595, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-member-card {
  align-items: center;
  border-radius: 24px;
  display: grid;
  gap: 18px;
  grid-template-columns: 92px minmax(0, 1fr);
  padding: 22px;
}

/* line 604, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-member-avatar {
  border-radius: 50%;
  height: 92px;
  overflow: hidden;
  width: 92px;
}

/* line 611, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-member-avatar-image {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* line 617, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-member-name {
  font-size: 24px;
  font-weight: 700;
}

/* line 622, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-member-message {
  font-size: 14px;
  margin-top: 8px;
}

/* line 627, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-member-message--empty {
  opacity: 0.72;
}

/* line 631, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-activity-wrap {
  margin-top: 28px;
}

/* line 635, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-footer {
  padding: 0 0 96px;
}

/* line 639, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
.cinema-lp-footer-inner {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

@media (hover: hover) and (pointer: fine) {
  /* line 647, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
  .cinema-lp-hero-shot,
.cinema-lp-reel-shot,
.cinema-lp-member-card,
.cinema-lp-feature-screen,
.cinema-lp-button {
    transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
  }
  /* line 658, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
  .cinema-lp-hero-shot:hover,
.cinema-lp-hero-shot:focus-within,
.cinema-lp-reel-shot:hover,
.cinema-lp-reel-shot:focus-within,
.cinema-lp-member-card:hover,
.cinema-lp-member-card:focus-within,
.cinema-lp-feature-screen:hover,
.cinema-lp-feature-screen:focus-within {
    border-color: rgba(255, 215, 156, 0.3);
    box-shadow: 0 34px 62px rgba(0, 0, 0, 0.34);
  }
}

@media (max-width: 1100px) {
  /* line 672, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
  .cinema-lp-shell--hero,
.cinema-lp-reel-shell,
.cinema-lp-overview-grid {
    grid-template-columns: 1fr;
  }
  /* line 678, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
  .cinema-lp-reel-copy {
    position: static;
  }
  /* line 682, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
  .cinema-lp-hero-stage {
    min-height: 720px;
  }
  /* line 686, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
  .cinema-lp-feature-screen {
    margin: 0 48px 120px;
  }
  /* line 690, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
  .cinema-lp-hero-shot--1 {
    left: 0;
    top: 4%;
  }
  /* line 695, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
  .cinema-lp-hero-shot--2 {
    right: 2%;
    top: 14%;
  }
  /* line 700, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
  .cinema-lp-hero-shot--3 {
    bottom: 14%;
    left: 4%;
  }
  /* line 705, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
  .cinema-lp-hero-shot--4 {
    bottom: 8%;
    right: 0;
  }
  /* line 710, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
  .cinema-lp-reel-stage,
.cinema-lp-member-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  /* line 715, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
  .cinema-lp-reel-column {
    padding-top: 0;
  }
}

@media (max-width: 767px) {
  /* line 721, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
  .cinema-lp-shell,
.cinema-lp-reel-shell {
    padding-left: 18px;
    padding-right: 18px;
  }
  /* line 727, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
  .cinema-lp-shell--hero {
    min-height: auto;
    padding-top: 64px;
    padding-bottom: 36px;
  }
  /* line 733, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
  .cinema-lp-title {
    font-size: clamp(36px, 12vw, 56px);
  }
  /* line 737, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
  .cinema-lp-feature-screen {
    margin: 0 0 28px;
  }
  /* line 741, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
  .cinema-lp-feature-screen-image {
    aspect-ratio: 4 / 5;
  }
  /* line 745, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
  .cinema-lp-reel-shot-image {
    aspect-ratio: 5 / 3;
  }
  /* line 749, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
  .cinema-lp-hero-stage {
    display: grid;
    gap: 14px;
    min-height: auto;
  }
  /* line 755, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
  .cinema-lp-hero-shot {
    position: relative;
    width: 100%;
  }
  /* line 760, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
  .cinema-lp-hero-shot--1,
.cinema-lp-hero-shot--2,
.cinema-lp-hero-shot--3,
.cinema-lp-hero-shot--4 {
    bottom: auto;
    left: auto;
    right: auto;
    top: auto;
  }
  /* line 770, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
  .cinema-lp-section {
    padding-top: 68px;
  }
  /* line 774, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
  .cinema-lp-section--reel {
    min-height: auto;
  }
  /* line 778, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
  .cinema-lp-reel-stage,
.cinema-lp-member-grid,
.cinema-lp-footer-inner {
    grid-template-columns: 1fr;
    display: grid;
  }
  /* line 785, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
  .cinema-lp-member-card {
    grid-template-columns: 74px minmax(0, 1fr);
    padding: 18px;
  }
  /* line 790, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
  .cinema-lp-member-avatar {
    height: 74px;
    width: 74px;
  }
  /* line 795, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
  .cinema-lp-copy-panel,
.cinema-lp-activity-wrap,
.cinema-lp-footer-inner {
    padding: 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  /* line 803, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
  .cinema-lp::before,
.cinema-lp::after,
.cinema-lp-glow {
    animation: none;
    transform: none;
  }
  /* line 810, app/assets/groups_stylesheets/subdomains/groups_landing/_cinema.scss */
  .cinema-lp [data-cinema-parallax-target~="drift"],
.cinema-lp-reveal,
.cinema-lp-button,
.cinema-lp-hero-shot,
.cinema-lp-reel-shot,
.cinema-lp-member-card,
.cinema-lp-feature-screen {
    transition: none;
    transform: none;
  }
}

/* line 1, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp {
  --greenhouse-milk: rgba(244, 250, 247, 0.8);
  --greenhouse-milk-strong: rgba(251, 255, 252, 0.92);
  --greenhouse-fog: rgba(216, 239, 233, 0.52);
  --greenhouse-teal: #8fc9bf;
  --greenhouse-teal-deep: #2d6766;
  --greenhouse-night: #081622;
  --greenhouse-navy: #102739;
  --greenhouse-leaf: #8db874;
  --greenhouse-leaf-deep: #58784f;
  --greenhouse-ember: #d78546;
  --greenhouse-brass: #b6904b;
  --greenhouse-violet: #b6abdd;
  --greenhouse-text: #e8f4ef;
  --greenhouse-text-strong: #f6fbf8;
  --greenhouse-muted: rgba(232, 244, 239, 0.76);
  --greenhouse-line: rgba(182, 144, 75, 0.28);
  --landing-activity-surface: rgba(244, 250, 247, 0.9);
  --landing-activity-featured-surface: rgba(250, 255, 252, 0.96);
  --landing-activity-surface-strong: rgba(255, 255, 255, 0.98);
  --landing-activity-surface-soft: rgba(192, 223, 215, 0.42);
  --landing-activity-border: rgba(25, 57, 67, 0.14);
  --landing-activity-accent: #2d6766;
  --landing-activity-accent-soft: rgba(45, 103, 102, 0.12);
  --landing-activity-title: #17343f;
  --landing-activity-text: #32535b;
  --landing-activity-muted: rgba(50, 83, 91, 0.72);
  --landing-activity-shadow: 0 20px 40px rgba(2, 10, 16, 0.14);
  --landing-activity-title-font: "Noto Serif JP", serif;
  --landing-activity-kicker-font: "M PLUS Rounded 1c", "Hiragino Sans", sans-serif;
  background: radial-gradient(circle at 14% 12%, rgba(215, 133, 70, 0.2), transparent 18%), radial-gradient(circle at 78% 14%, rgba(182, 144, 75, 0.18), transparent 20%), radial-gradient(circle at 24% 78%, rgba(143, 201, 191, 0.2), transparent 24%), linear-gradient(180deg, #051018 0%, #0b1d28 24%, #102936 58%, #08131d 100%);
  color: var(--greenhouse-text);
  font-family: "M PLUS Rounded 1c", "Hiragino Sans", sans-serif;
  overflow: clip;
  position: relative;
}

/* line 42, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp::before,
.greenhouse-lp::after {
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

/* line 50, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp::before {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.03) 0, rgba(255, 255, 255, 0.03) 1px, transparent 1px, transparent 96px), linear-gradient(rgba(255, 255, 255, 0.03) 0, rgba(255, 255, 255, 0.03) 1px, transparent 1px, transparent 88px);
  mask-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.92) 12%, rgba(0, 0, 0, 0.92) 88%, transparent);
  opacity: 0.34;
}

/* line 58, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp::after {
  background: radial-gradient(circle at 18% 20%, rgba(255, 255, 255, 0.06), transparent 16%), radial-gradient(circle at 86% 36%, rgba(255, 255, 255, 0.04), transparent 14%), radial-gradient(circle at 32% 74%, rgba(255, 255, 255, 0.05), transparent 18%);
  opacity: 0.85;
}

/* line 66, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp *,
.greenhouse-lp *::before,
.greenhouse-lp *::after {
  box-sizing: border-box;
}

/* line 72, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp a {
  color: inherit;
}

/* line 76, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp [data-journey-reveal-target="reveal"] {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 920ms ease, transform 920ms cubic-bezier(0.2, 0.7, 0.2, 1);
  transition-delay: calc(var(--journey-order, 0) * 90ms);
}

/* line 85, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp .is-visible[data-journey-reveal-target="reveal"] {
  opacity: 1;
  transform: translateY(0);
}

/* line 90, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-atmosphere,
.greenhouse-lp-droplets,
.greenhouse-lp-pollen,
.greenhouse-lp-temperature-lines {
  inset: 0;
  pointer-events: none;
  position: absolute;
}

/* line 99, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-gridline {
  position: absolute;
}

/* line 103, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-gridline--vertical {
  background: linear-gradient(180deg, transparent, rgba(182, 144, 75, 0.18), transparent);
  inset: 0 auto 0 50%;
  transform: translateX(-50%);
  width: 1px;
}

/* line 110, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-gridline--horizontal {
  background: linear-gradient(90deg, transparent, rgba(182, 144, 75, 0.18), transparent);
  height: 1px;
  inset: 47% 0 auto;
}

/* line 116, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-droplet,
.greenhouse-lp-pollen-dot,
.greenhouse-lp-temperature-line {
  position: absolute;
}

/* line 122, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-droplet {
  background: radial-gradient(circle at 35% 28%, rgba(255, 255, 255, 0.72), transparent 36%), rgba(219, 242, 236, 0.2);
  border: 1px solid rgba(225, 248, 241, 0.34);
  border-radius: 50% 50% 55% 55% / 34% 34% 66% 66%;
  box-shadow: 0 0 16px rgba(169, 220, 211, 0.16);
  height: 10px;
  left: var(--drop-left);
  top: -2%;
  transform: translateY(0);
  width: 8px;
  animation: greenhouse-drip var(--drop-duration) ease-in-out infinite;
  animation-delay: var(--drop-delay);
}

/* line 138, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-pollen-dot {
  background: rgba(255, 241, 196, 0.48);
  border-radius: 999px;
  box-shadow: 0 0 12px rgba(215, 133, 70, 0.22);
  height: 4px;
  left: var(--pollen-left);
  opacity: 0.62;
  top: var(--pollen-top);
  width: 4px;
  animation: greenhouse-float 12s ease-in-out infinite;
  animation-delay: var(--pollen-delay);
}

/* line 151, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-temperature-line {
  background: linear-gradient(90deg, transparent, rgba(143, 201, 191, 0.18), rgba(143, 201, 191, 0.4), transparent);
  height: 1px;
  inset: var(--line-top) 0 auto;
  transform-origin: left center;
  animation: greenhouse-grow-line 10s ease-in-out infinite;
}

/* line 159, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-shell {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 24px;
  position: relative;
  width: 100%;
  z-index: 1;
}

/* line 168, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-shell--hero {
  align-items: center;
  display: grid;
  gap: 40px;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
  min-height: 100vh;
  padding-top: 88px;
  padding-bottom: 72px;
}

/* line 178, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-section-en,
.greenhouse-lp-owner-label,
.greenhouse-lp-stage-label,
.greenhouse-lp-packet-label,
.greenhouse-lp-link-label,
.greenhouse-lp-specimen-label,
.greenhouse-lp-hanging-label-name {
  color: rgba(244, 250, 247, 0.82);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  margin: 0;
  text-transform: uppercase;
}

/* line 193, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-title,
.greenhouse-lp-section-title,
.greenhouse-lp-link-title {
  font-family: "Noto Serif JP", serif;
}

/* line 199, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-title {
  color: var(--greenhouse-text-strong);
  font-size: clamp(38px, 7vw, 82px);
  font-weight: 900;
  line-break: anywhere;
  line-height: 1.12;
  margin: 16px 0 0;
  text-wrap: balance;
}

/* line 209, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-lead,
.greenhouse-lp-section-note,
.greenhouse-lp-owner-message,
.greenhouse-lp-link-text,
.greenhouse-lp-footer-copy,
.greenhouse-lp-empty-copy,
.greenhouse-lp-seed-caption {
  color: var(--greenhouse-muted);
  line-height: 1.9;
  margin: 0;
}

/* line 221, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-lead {
  font-size: 16px;
  margin-top: 22px;
  max-width: 34em;
}

/* line 227, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 28px;
}

/* line 234, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-actions--stack {
  margin-top: 30px;
}

/* line 238, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-button,
.greenhouse-lp-inline-link,
.greenhouse-lp-link-action {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  gap: 8px;
  justify-content: center;
  min-height: 46px;
  padding: 0 20px;
  text-decoration: none;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease, color 180ms ease;
}

/* line 259, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-button {
  backdrop-filter: blur(12px);
  background: rgba(12, 29, 41, 0.62);
  border: 1px solid rgba(182, 144, 75, 0.28);
  color: var(--greenhouse-text-strong);
}

/* line 266, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-button--primary {
  background: linear-gradient(135deg, rgba(215, 133, 70, 0.88), rgba(182, 144, 75, 0.88));
  border-color: rgba(255, 229, 188, 0.32);
  color: #10202a;
}

/* line 272, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-button:hover,
.greenhouse-lp-inline-link:hover,
.greenhouse-lp-link-action:hover {
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18);
  transform: translateY(-2px);
}

/* line 279, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-button:hover {
  border-color: rgba(215, 133, 70, 0.44);
}

/* line 283, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-doorframe {
  margin-left: auto;
  max-width: 660px;
}

/* line 288, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-door {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0)), rgba(8, 24, 34, 0.56);
  border: 1px solid rgba(182, 144, 75, 0.28);
  border-radius: 36px;
  box-shadow: inset 0 0 0 1px rgba(245, 236, 212, 0.08), 0 24px 60px rgba(0, 0, 0, 0.24);
  overflow: hidden;
  padding: 24px;
  position: relative;
}

/* line 302, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-door::before {
  border: 1px solid rgba(182, 144, 75, 0.42);
  border-radius: 28px;
  content: "";
  inset: 14px;
  position: absolute;
}

/* line 310, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-door::after {
  background: radial-gradient(circle at 22% 18%, rgba(255, 255, 255, 0.24), transparent 18%), radial-gradient(circle at 72% 34%, rgba(255, 255, 255, 0.12), transparent 22%), linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 38%);
  content: "";
  inset: 0;
  position: absolute;
}

/* line 320, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-door-image,
.greenhouse-lp-door-image--placeholder {
  aspect-ratio: 4 / 5;
  border-radius: 28px;
  display: block;
  object-fit: cover;
  width: 100%;
}

/* line 329, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-door-image {
  filter: saturate(0.9) brightness(0.82);
}

/* line 333, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-door-image--placeholder {
  align-items: center;
  background: radial-gradient(circle at 34% 28%, rgba(255, 255, 255, 0.24), transparent 20%), linear-gradient(145deg, rgba(143, 201, 191, 0.16), rgba(12, 29, 41, 0.7)), rgba(8, 24, 34, 0.72);
  display: flex;
  justify-content: center;
}

/* line 343, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-door-emoji {
  font-size: clamp(72px, 11vw, 112px);
}

/* line 347, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-door-fog {
  backdrop-filter: blur(3px);
  background: radial-gradient(circle at 24% 22%, rgba(255, 255, 255, 0.16), transparent 16%), radial-gradient(circle at 66% 30%, rgba(255, 255, 255, 0.13), transparent 20%), radial-gradient(circle at 54% 72%, rgba(255, 255, 255, 0.1), transparent 24%);
  inset: 24px;
  mix-blend-mode: screen;
  position: absolute;
}

/* line 358, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-door-frame-line {
  background: rgba(182, 144, 75, 0.34);
  position: absolute;
}

/* line 363, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-door-frame-line--vertical {
  bottom: 24px;
  left: 50%;
  top: 24px;
  width: 1px;
}

/* line 370, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-door-frame-line--horizontal {
  height: 1px;
  left: 24px;
  right: 24px;
  top: 50%;
}

/* line 377, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-owner-tag {
  align-items: center;
  backdrop-filter: blur(16px);
  background: rgba(8, 24, 34, 0.72);
  border: 1px solid rgba(182, 144, 75, 0.24);
  border-radius: 20px;
  bottom: 34px;
  display: grid;
  gap: 14px;
  grid-template-columns: 82px minmax(0, 1fr);
  left: 34px;
  max-width: 420px;
  padding: 16px;
  position: absolute;
  z-index: 2;
}

/* line 394, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-owner-avatar {
  border-radius: 18px;
  height: 82px;
  overflow: hidden;
  width: 82px;
}

/* line 401, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-owner-avatar-image,
.greenhouse-lp-grower-avatar-image,
.greenhouse-lp-seed-image,
.greenhouse-lp-bloom-image {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* line 411, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-owner-name {
  color: var(--greenhouse-text-strong);
  font-size: 20px;
  font-weight: 800;
  margin: 8px 0 6px;
}

/* line 418, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-hero-shot {
  background: rgba(8, 24, 34, 0.78);
  border: 1px solid rgba(182, 144, 75, 0.24);
  border-radius: 18px;
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.22);
  cursor: zoom-in;
  overflow: hidden;
  padding: 10px;
  position: absolute;
  width: 180px;
  z-index: 2;
}

/* line 431, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-hero-shot--left {
  left: -26px;
  top: 72px;
  transform: rotate(-4deg);
}

/* line 437, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-hero-shot--right {
  bottom: 150px;
  right: -26px;
  transform: rotate(5deg);
}

/* line 443, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-hero-shot-frame {
  aspect-ratio: 4 / 3;
  border-radius: 12px;
  overflow: hidden;
}

/* line 449, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-hero-shot-image,
.greenhouse-lp-specimen-image {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* line 457, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-door-emblem {
  align-items: center;
  background: rgba(8, 24, 34, 0.76);
  border: 1px solid rgba(182, 144, 75, 0.24);
  border-radius: 999px;
  display: flex;
  height: 82px;
  justify-content: center;
  padding: 14px;
  position: absolute;
  right: 34px;
  top: 34px;
  width: 82px;
  z-index: 2;
}

/* line 473, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-door-emblem-image {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* line 480, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-main {
  display: grid;
  gap: 48px;
  isolation: isolate;
  padding-bottom: 120px;
  position: relative;
}

/* line 488, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-section {
  position: relative;
  z-index: 1;
}

/* line 493, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-main-atmosphere,
.greenhouse-lp-main-orbs,
.greenhouse-lp-main-supports,
.greenhouse-lp-main-motes {
  inset: 0;
  pointer-events: none;
  position: absolute;
}

/* line 502, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-main-atmosphere {
  top: 12%;
  z-index: 0;
}

/* line 507, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-main-atmosphere::before,
.greenhouse-lp-main-atmosphere::after {
  content: "";
  position: absolute;
}

/* line 513, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-main-atmosphere::before {
  background: radial-gradient(circle at 18% 18%, rgba(143, 201, 191, 0.12), transparent 18%), radial-gradient(circle at 82% 34%, rgba(215, 133, 70, 0.12), transparent 16%), radial-gradient(circle at 34% 78%, rgba(182, 171, 221, 0.08), transparent 20%);
  inset: 0;
  opacity: 0.9;
  animation: greenhouse-main-glow 20s ease-in-out infinite alternate;
}

/* line 523, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-main-atmosphere::after {
  background: linear-gradient(180deg, transparent, rgba(143, 201, 191, 0.06), transparent), linear-gradient(90deg, transparent, rgba(182, 144, 75, 0.05), transparent);
  inset: 8% 6% 6%;
  mask-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.9), transparent 82%);
  opacity: 0.75;
  animation: greenhouse-main-mist 26s ease-in-out infinite;
}

/* line 533, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-main-orb,
.greenhouse-lp-main-support,
.greenhouse-lp-main-mote {
  position: absolute;
}

/* line 539, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-main-orb {
  background: radial-gradient(circle at 34% 32%, rgba(255, 255, 255, 0.18), transparent 28%), radial-gradient(circle, rgba(143, 201, 191, 0.14), transparent 66%);
  border: 1px solid rgba(182, 144, 75, 0.12);
  border-radius: 999px;
  height: var(--orb-size);
  left: var(--orb-left);
  opacity: 0.32;
  top: var(--orb-top);
  transform: translate(-50%, -50%) scale(0.94);
  width: var(--orb-size);
  animation: greenhouse-main-orb 18s ease-in-out infinite;
  animation-delay: var(--orb-delay);
}

/* line 555, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-main-support {
  background: linear-gradient(180deg, rgba(182, 144, 75, 0), rgba(182, 144, 75, 0.24), rgba(143, 201, 191, 0.16), rgba(182, 144, 75, 0));
  bottom: 2%;
  height: var(--support-height);
  left: var(--support-left);
  opacity: 0.44;
  transform-origin: center bottom;
  width: 1px;
  animation: greenhouse-main-support 14s ease-in-out infinite;
  animation-delay: var(--support-delay);
}

/* line 568, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-main-support::before,
.greenhouse-lp-main-support::after {
  background: rgba(182, 144, 75, 0.18);
  content: "";
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}

/* line 577, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-main-support::before {
  height: 1px;
  top: 18%;
  width: 42px;
}

/* line 583, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-main-support::after {
  height: 1px;
  top: 64%;
  width: 28px;
}

/* line 589, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-main-mote {
  background: rgba(255, 240, 203, 0.5);
  border-radius: 999px;
  box-shadow: 0 0 12px rgba(215, 133, 70, 0.22);
  height: var(--mote-size);
  left: var(--mote-left);
  opacity: 0.3;
  top: var(--mote-top);
  width: var(--mote-size);
  animation: greenhouse-main-mote 11s ease-in-out infinite;
  animation-delay: var(--mote-delay);
}

/* line 602, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-section-head {
  display: grid;
  gap: 10px;
  margin-bottom: 26px;
  position: relative;
}

/* line 609, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-section-head::after {
  background: linear-gradient(90deg, rgba(143, 201, 191, 0.72), rgba(182, 144, 75, 0.2), transparent);
  content: "";
  height: 1px;
  max-width: 320px;
  margin-top: 8px;
  transform-origin: left center;
  width: 100%;
}

/* line 619, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-section-head--center {
  justify-items: center;
  text-align: center;
}

/* line 624, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-section-title {
  color: var(--greenhouse-text-strong);
  font-size: clamp(28px, 4vw, 48px);
  font-weight: 800;
  line-height: 1.2;
  margin: 0;
  text-wrap: balance;
}

/* line 633, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-section-note {
  font-size: 14px;
}

/* line 637, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-guide-grid,
.greenhouse-lp-handoff-grid,
.greenhouse-lp-records-grid {
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.95fr);
}

/* line 645, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-panel,
.greenhouse-lp-specimen-card,
.greenhouse-lp-empty-panel,
.greenhouse-lp-grower-card,
.greenhouse-lp-seed-card,
.greenhouse-lp-bloom-card,
.greenhouse-lp-link-card,
.greenhouse-lp-records-intro {
  backdrop-filter: blur(16px);
  border: 1px solid rgba(182, 144, 75, 0.18);
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.16);
  position: relative;
}

/* line 659, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-panel,
.greenhouse-lp-records-intro {
  border-radius: 30px;
  padding: 28px;
}

/* line 665, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-records-grid {
  grid-template-columns: minmax(0, 1fr);
}

/* line 669, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-panel--glass,
.greenhouse-lp-records-intro {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)), rgba(9, 24, 34, 0.62);
}

/* line 676, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-panel--paper {
  background: linear-gradient(180deg, rgba(255, 250, 236, 0.14), rgba(255, 250, 236, 0.06)), rgba(25, 35, 34, 0.72);
}

/* line 682, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-copy,
.greenhouse-lp-copy.group-landing-rich-text.takibi-lexxy.lexxy-content {
  color: var(--greenhouse-text);
}

/* line 687, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-copy {
  margin-top: 18px;
}

/* line 691, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-copy p:first-child {
  margin-top: 0;
}

/* line 695, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-copy--compact {
  margin-top: 20px;
}

/* line 699, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-specimens {
  align-content: start;
  display: grid;
  gap: 18px;
}

/* line 705, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-specimen-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent), rgba(8, 24, 34, 0.56);
  border-radius: 22px;
  min-height: 220px;
  overflow: hidden;
  padding: 22px;
}

/* line 715, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-specimen-card::before {
  background: linear-gradient(180deg, rgba(182, 144, 75, 0.6), transparent);
  content: "";
  height: 34px;
  left: 28px;
  position: absolute;
  top: -34px;
  width: 1px;
}

/* line 725, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-specimen-card--warmth {
  background: radial-gradient(circle at 84% 20%, rgba(215, 133, 70, 0.14), transparent 22%), rgba(8, 24, 34, 0.56);
}

/* line 731, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-specimen-card--sprout {
  background: radial-gradient(circle at 20% 24%, rgba(141, 184, 116, 0.14), transparent 18%), rgba(8, 24, 34, 0.56);
}

/* line 737, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-specimen-card--route {
  background: radial-gradient(circle at 76% 28%, rgba(182, 171, 221, 0.16), transparent 22%), rgba(8, 24, 34, 0.56);
}

/* line 743, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-specimen-image-frame {
  aspect-ratio: 4 / 3;
  border-radius: 16px;
  cursor: zoom-in;
  margin-top: 14px;
  overflow: hidden;
}

/* line 751, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-grower-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* line 757, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-grower-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)), rgba(8, 24, 34, 0.68);
  border-radius: 28px 28px 18px 18px;
  overflow: hidden;
}

/* line 765, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-grower-card::before {
  background: linear-gradient(180deg, rgba(182, 144, 75, 0.8), rgba(182, 144, 75, 0));
  content: "";
  height: 26px;
  left: 50%;
  position: absolute;
  top: -26px;
  transform: translateX(-50%);
  width: 1px;
}

/* line 776, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-grower-card:nth-child(2n) {
  margin-top: 18px;
}

/* line 780, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-grower-card:nth-child(3n) {
  margin-top: 34px;
}

/* line 784, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-grower-card-inner {
  display: grid;
  gap: 18px;
  grid-template-columns: 96px minmax(0, 1fr);
  padding: 22px;
}

/* line 791, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-grower-avatar {
  border-radius: 24px;
  height: 96px;
  overflow: hidden;
  width: 96px;
}

/* line 798, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-grower-name {
  color: var(--greenhouse-text-strong);
  font-size: 22px;
  font-weight: 800;
  line-height: 1.4;
  margin: 0;
}

/* line 806, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-grower-message {
  color: var(--greenhouse-muted);
  font-size: 14px;
  line-height: 1.8;
  margin: 16px 0 0;
}

/* line 813, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-grower-message--empty {
  color: rgba(232, 244, 239, 0.52);
}

/* line 817, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-seed-grid,
.greenhouse-lp-link-grid {
  display: grid;
  gap: 18px;
}

/* line 823, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-shots-board {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)), rgba(8, 24, 34, 0.62);
  border: 1px solid rgba(182, 144, 75, 0.18);
  border-radius: 30px;
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.16);
  display: grid;
  gap: 18px;
  padding: 24px;
}

/* line 835, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-seed-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* line 839, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-seed-grid--gallery {
  margin-top: 18px;
}

/* line 843, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-seed-card {
  background: linear-gradient(180deg, rgba(245, 248, 244, 0.08), rgba(245, 248, 244, 0.02)), rgba(7, 23, 32, 0.74);
  border-radius: 24px 24px 18px 18px;
  clip-path: polygon(6% 0, 94% 0, 100% 10%, 100% 100%, 0 100%, 0 10%);
  cursor: zoom-in;
  overflow: hidden;
  padding: 18px;
  transition: transform 200ms ease, box-shadow 200ms ease, border-color 200ms ease;
}

/* line 858, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-seed-card:hover,
.greenhouse-lp-link-card:hover {
  border-color: rgba(215, 133, 70, 0.32);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.2);
  transform: translateY(-4px);
}

/* line 865, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-seed-card-head {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

/* line 872, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-stage-index,
.greenhouse-lp-packet-meta {
  color: rgba(244, 250, 247, 0.64);
  font-size: 12px;
  margin: 0;
}

/* line 879, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-seed-image-frame {
  border-radius: 18px;
  margin-top: 16px;
  overflow: hidden;
}

/* line 885, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-seed-image-frame {
  aspect-ratio: 4 / 5;
}

/* line 889, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-seed-image {
  transition: transform 260ms ease, filter 260ms ease;
}

/* line 893, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-seed-card:hover .greenhouse-lp-seed-image {
  filter: brightness(1.04);
  transform: scale(1.03);
}

/* line 898, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-inline-link,
.greenhouse-lp-link-action {
  background: rgba(245, 250, 247, 0.08);
  border: 1px solid rgba(182, 144, 75, 0.24);
  color: var(--greenhouse-text-strong);
  margin-top: 22px;
}

/* line 906, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-seed-packet-head {
  align-items: end;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

/* line 913, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-link-grid {
  grid-template-columns: minmax(0, 1fr);
}

/* line 917, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-link-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)), rgba(8, 24, 34, 0.68);
  border-radius: 24px;
  overflow: hidden;
  padding: 24px;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

/* line 930, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-link-card::before {
  background: linear-gradient(180deg, rgba(182, 144, 75, 0.7), rgba(182, 144, 75, 0));
  content: "";
  height: 22px;
  left: 50%;
  position: absolute;
  top: -22px;
  transform: translateX(-50%);
  width: 1px;
}

/* line 941, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-link-title {
  color: var(--greenhouse-text-strong);
  font-size: 24px;
  font-weight: 800;
  line-height: 1.4;
  margin: 12px 0 10px;
}

/* line 949, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-link-action {
  margin-top: 20px;
}

/* line 953, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-portal-card {
  align-items: center;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)), rgba(8, 24, 34, 0.68);
  border: 1px solid rgba(182, 144, 75, 0.18);
  border-radius: 30px;
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.16);
  display: grid;
  gap: 20px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 28px;
}

/* line 967, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-portal-copy {
  display: grid;
  gap: 10px;
}

/* line 972, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-empty-panel {
  align-items: center;
  background: rgba(8, 24, 34, 0.52);
  border-radius: 24px;
  display: flex;
  justify-content: center;
  min-height: 220px;
  padding: 24px;
  text-align: center;
}

/* line 983, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-footer {
  padding: 0 24px 64px;
  position: relative;
  z-index: 1;
}

/* line 989, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
.greenhouse-lp-footer-copy {
  margin: 0 auto;
  max-width: 1200px;
  text-align: center;
}

@keyframes greenhouse-drip {
  0% {
    opacity: 0;
    transform: translateY(0) scale(0.92);
  }
  12% {
    opacity: 0.7;
  }
  54% {
    opacity: 0.9;
    transform: translateY(52vh) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateY(104vh) scale(1.06);
  }
}

@keyframes greenhouse-float {
  0%,
100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -16px, 0);
  }
}

@keyframes greenhouse-grow-line {
  0%,
100% {
    opacity: 0.18;
    transform: scaleX(0.4);
  }
  50% {
    opacity: 0.52;
    transform: scaleX(1);
  }
}

@keyframes greenhouse-main-glow {
  0% {
    opacity: 0.42;
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0.78;
    transform: translate3d(0, -18px, 0);
  }
}

@keyframes greenhouse-main-mist {
  0%,
100% {
    opacity: 0.34;
    transform: translate3d(-1%, 0, 0);
  }
  50% {
    opacity: 0.66;
    transform: translate3d(1.5%, -2%, 0);
  }
}

@keyframes greenhouse-main-orb {
  0%,
100% {
    opacity: 0.18;
    transform: translate(-50%, -50%) scale(0.92);
  }
  50% {
    opacity: 0.42;
    transform: translate(-50%, -50%) scale(1.04);
  }
}

@keyframes greenhouse-main-support {
  0%,
100% {
    opacity: 0.22;
    transform: rotate(-1deg) scaleY(0.96);
  }
  50% {
    opacity: 0.52;
    transform: rotate(1.5deg) scaleY(1.03);
  }
}

@keyframes greenhouse-main-mote {
  0%,
100% {
    opacity: 0.18;
    transform: translate3d(0, 0, 0);
  }
  50% {
    opacity: 0.58;
    transform: translate3d(0, -16px, 0);
  }
}

@media (max-width: 1080px) {
  /* line 1105, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
  .greenhouse-lp-shell--hero,
.greenhouse-lp-guide-grid,
.greenhouse-lp-handoff-grid,
.greenhouse-lp-records-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  /* line 1112, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
  .greenhouse-lp-shell--hero {
    gap: 28px;
    min-height: auto;
    padding-top: 116px;
  }
  /* line 1118, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
  .greenhouse-lp-doorframe {
    margin-left: 0;
    max-width: none;
  }
  /* line 1123, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
  .greenhouse-lp-grower-grid,
.greenhouse-lp-seed-grid,
.greenhouse-lp-link-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  /* line 1129, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
  .greenhouse-lp-main-atmosphere {
    top: 10%;
  }
  /* line 1133, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
  .greenhouse-lp-hero-shot--left {
    left: 20px;
  }
  /* line 1137, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
  .greenhouse-lp-hero-shot--right {
    right: 20px;
  }
}

@media (max-width: 720px) {
  /* line 1143, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
  .greenhouse-lp-shell {
    padding: 0 18px;
  }
  /* line 1147, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
  .greenhouse-lp-title {
    font-size: clamp(32px, 11vw, 58px);
  }
  /* line 1151, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
  .greenhouse-lp-lead,
.greenhouse-lp-section-note,
.greenhouse-lp-bloom-text,
.greenhouse-lp-link-text,
.greenhouse-lp-empty-copy {
    font-size: 14px;
  }
  /* line 1159, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
  .greenhouse-lp-button,
.greenhouse-lp-inline-link,
.greenhouse-lp-link-action {
    width: 100%;
  }
  /* line 1165, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
  .greenhouse-lp-grower-grid,
.greenhouse-lp-seed-grid,
.greenhouse-lp-link-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  /* line 1171, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
  .greenhouse-lp-main-orb:nth-child(n + 7),
.greenhouse-lp-main-support:nth-child(n + 5) {
    display: none;
  }
  /* line 1176, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
  .greenhouse-lp-door {
    padding: 16px;
  }
  /* line 1180, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
  .greenhouse-lp-door::before {
    inset: 10px;
  }
  /* line 1184, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
  .greenhouse-lp-door-fog,
.greenhouse-lp-door-frame-line--horizontal,
.greenhouse-lp-door-frame-line--vertical {
    inset: 16px;
  }
  /* line 1190, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
  .greenhouse-lp-door-frame-line--horizontal {
    height: 1px;
    left: 16px;
    right: 16px;
    top: 50%;
  }
  /* line 1197, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
  .greenhouse-lp-door-frame-line--vertical {
    bottom: 16px;
    left: 50%;
    top: 16px;
    width: 1px;
  }
  /* line 1204, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
  .greenhouse-lp-owner-tag {
    bottom: 20px;
    grid-template-columns: 64px minmax(0, 1fr);
    left: 20px;
    padding: 12px;
    right: 20px;
  }
  /* line 1212, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
  .greenhouse-lp-owner-avatar {
    height: 64px;
    width: 64px;
  }
  /* line 1217, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
  .greenhouse-lp-owner-name {
    font-size: 18px;
  }
  /* line 1221, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
  .greenhouse-lp-hero-shot {
    width: 132px;
  }
  /* line 1225, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
  .greenhouse-lp-hero-shot--left {
    left: 12px;
    top: 56px;
  }
  /* line 1230, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
  .greenhouse-lp-hero-shot--right {
    bottom: 122px;
    right: 12px;
  }
  /* line 1235, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
  .greenhouse-lp-door-emblem {
    height: 60px;
    right: 20px;
    top: 20px;
    width: 60px;
  }
  /* line 1242, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
  .greenhouse-lp-panel,
.greenhouse-lp-records-intro,
.greenhouse-lp-link-card,
.greenhouse-lp-shots-board,
.greenhouse-lp-seed-card {
    padding: 20px;
  }
  /* line 1250, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
  .greenhouse-lp-grower-card:nth-child(2n),
.greenhouse-lp-grower-card:nth-child(3n) {
    margin-top: 0;
  }
  /* line 1255, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
  .greenhouse-lp-grower-card-inner {
    grid-template-columns: 72px minmax(0, 1fr);
    padding: 18px;
  }
  /* line 1260, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
  .greenhouse-lp-grower-avatar {
    height: 72px;
    width: 72px;
  }
  /* line 1265, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
  .greenhouse-lp-grower-name {
    font-size: 18px;
  }
  /* line 1269, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
  .greenhouse-lp-link-title {
    font-size: 22px;
  }
  /* line 1273, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
  .greenhouse-lp-portal-card {
    grid-template-columns: minmax(0, 1fr);
    padding: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  /* line 1280, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
  .greenhouse-lp-droplet,
.greenhouse-lp-pollen-dot,
.greenhouse-lp-temperature-line,
.greenhouse-lp-main-atmosphere::before,
.greenhouse-lp-main-atmosphere::after,
.greenhouse-lp-main-orb,
.greenhouse-lp-main-support,
.greenhouse-lp-main-mote {
    animation: none;
  }
  /* line 1291, app/assets/groups_stylesheets/subdomains/groups_landing/_greenhouse.scss */
  .greenhouse-lp-button,
.greenhouse-lp-link-card,
.greenhouse-lp-link-action,
.greenhouse-lp-inline-link,
.greenhouse-lp-seed-card {
    transition: none;
  }
}

/* line 1, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp {
  --corridor-milk: #fbfaf4;
  --corridor-cloud: rgba(255, 255, 255, 0.86);
  --corridor-sky: #dbeffd;
  --corridor-sky-deep: #92c6ea;
  --corridor-mint: #d7f0e4;
  --corridor-lemon: #f7efb7;
  --corridor-coral: #f0a07f;
  --corridor-gold: #dfc37a;
  --corridor-sakura: #f6d8df;
  --corridor-ink: #5b6f85;
  --corridor-text: #48617b;
  --corridor-text-strong: #31495f;
  --corridor-line: rgba(143, 174, 196, 0.28);
  --corridor-shadow: 0 24px 60px rgba(122, 157, 185, 0.16);
  --corridor-shadow-soft: 0 18px 38px rgba(154, 181, 204, 0.14);
  --landing-activity-surface: rgba(255, 255, 255, 0.62);
  --landing-activity-featured-surface: rgba(255, 255, 255, 0.82);
  --landing-activity-surface-strong: rgba(255, 255, 255, 0.92);
  --landing-activity-surface-soft: rgba(247, 239, 183, 0.3);
  --landing-activity-border: rgba(126, 164, 191, 0.2);
  --landing-activity-accent: #e68e6d;
  --landing-activity-accent-soft: rgba(230, 142, 109, 0.12);
  --landing-activity-title: #34516d;
  --landing-activity-text: #526e87;
  --landing-activity-muted: rgba(82, 110, 135, 0.78);
  --landing-activity-shadow: 0 20px 48px rgba(124, 160, 188, 0.14);
  --landing-activity-title-font: "Noto Serif JP", serif;
  --landing-activity-kicker-font: "Zen Maru Gothic", "Hiragino Sans", sans-serif;
  background: radial-gradient(circle at 14% 12%, rgba(247, 239, 183, 0.78), transparent 20%), radial-gradient(circle at 82% 18%, rgba(219, 239, 253, 0.88), transparent 22%), radial-gradient(circle at 24% 74%, rgba(215, 240, 228, 0.72), transparent 28%), linear-gradient(180deg, #fffef8 0%, #f6fbff 24%, #f9fcf7 52%, #fffaf0 100%);
  color: var(--corridor-text);
  font-family: "Zen Maru Gothic", "Hiragino Sans", sans-serif;
  overflow: clip;
  position: relative;
}

/* line 41, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp::before,
.corridor-lp::after {
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

/* line 49, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp::before {
  background: linear-gradient(116deg, transparent 0 20%, rgba(255, 255, 255, 0.54) 30%, transparent 44%), linear-gradient(102deg, transparent 0 56%, rgba(247, 239, 183, 0.28) 64%, transparent 74%), linear-gradient(90deg, rgba(223, 195, 122, 0.05) 0, rgba(223, 195, 122, 0.05) 1px, transparent 1px, transparent 96px);
  opacity: 0.8;
}

/* line 57, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp::after {
  background: radial-gradient(circle at 18% 22%, rgba(255, 255, 255, 0.78), transparent 15%), radial-gradient(circle at 76% 34%, rgba(246, 216, 223, 0.34), transparent 12%), radial-gradient(circle at 58% 74%, rgba(215, 240, 228, 0.42), transparent 18%);
  opacity: 0.84;
}

/* line 65, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp *,
.corridor-lp *::before,
.corridor-lp *::after {
  box-sizing: border-box;
}

/* line 71, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp a {
  color: inherit;
}

/* line 75, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp [data-journey-reveal-target="reveal"] {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 860ms ease, transform 860ms cubic-bezier(0.2, 0.72, 0.2, 1);
  transition-delay: calc(var(--journey-order, 0) * 90ms);
}

/* line 84, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp .is-visible[data-journey-reveal-target="reveal"] {
  opacity: 1;
  transform: translateY(0);
}

/* line 89, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-atmosphere,
.corridor-lp-atmosphere-grid,
.corridor-lp-atmosphere-stains {
  inset: 0;
  pointer-events: none;
  position: absolute;
}

/* line 97, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-atmosphere-band {
  inset: auto;
  position: absolute;
}

/* line 102, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-atmosphere-band--sky {
  background: linear-gradient(180deg, rgba(219, 239, 253, 0.76), rgba(255, 255, 255, 0));
  height: 36vh;
  inset: 0 0 auto;
}

/* line 108, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-atmosphere-band--mint {
  background: linear-gradient(90deg, transparent, rgba(215, 240, 228, 0.46), transparent);
  height: 52vh;
  inset: 24% 0 auto;
}

/* line 114, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-atmosphere-band--sun {
  background: linear-gradient(110deg, transparent 0 44%, rgba(247, 239, 183, 0.48) 54%, rgba(255, 255, 255, 0.12) 63%, transparent 74%);
  inset: 0;
}

/* line 119, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-atmosphere-line,
.corridor-lp-atmosphere-stain {
  position: absolute;
}

/* line 124, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-atmosphere-line {
  background: linear-gradient(180deg, transparent, rgba(223, 195, 122, 0.42), transparent);
  height: 100%;
  left: var(--corridor-line-left);
  opacity: 0.4;
  top: 0;
  width: 1px;
  animation: corridor-line-shift 12s ease-in-out infinite;
  animation-delay: var(--corridor-line-delay);
}

/* line 135, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-atmosphere-stain {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.64), rgba(255, 255, 255, 0.08)), rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(223, 195, 122, 0.22);
  border-radius: 32px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28);
  filter: blur(0.2px);
  height: calc(var(--corridor-stain-size) * 0.72);
  left: var(--corridor-stain-left);
  opacity: 0.38;
  top: var(--corridor-stain-top);
  transform: rotate(-9deg);
  width: var(--corridor-stain-size);
}

/* line 151, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-shell {
  margin: 0 auto;
  max-width: 1260px;
  padding: 0 24px;
  position: relative;
  width: 100%;
  z-index: 1;
}

/* line 160, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-shell--hero {
  min-height: 100vh;
  padding-bottom: 84px;
  padding-top: 42px;
}

/* line 166, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-heading {
  display: grid;
  gap: 14px;
  padding-left: clamp(28px, 7vw, 92px);
  position: relative;
  z-index: 2;
}

/* line 174, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-heading::before {
  background: linear-gradient(180deg, rgba(223, 195, 122, 0.9), rgba(223, 195, 122, 0));
  content: "";
  height: 112px;
  left: 0;
  position: absolute;
  top: 4px;
  width: 1px;
}

/* line 184, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-section-kicker,
.corridor-lp-sheet-kicker,
.corridor-lp-owner-label,
.corridor-lp-member-index {
  color: rgba(91, 111, 133, 0.72);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  margin: 0;
  text-transform: uppercase;
}

/* line 196, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-heading-title,
.corridor-lp-section-title,
.corridor-lp-member-name {
  font-family: "Noto Serif JP", serif;
}

/* line 202, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-heading-title {
  color: var(--corridor-text-strong);
  font-size: clamp(40px, 7vw, 92px);
  font-weight: 900;
  line-break: anywhere;
  line-height: 1.08;
  margin: 0;
  max-width: 11em;
  text-wrap: balance;
}

/* line 213, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-hero-stage {
  align-items: start;
  display: grid;
  gap: 34px 40px;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  margin-top: 34px;
  position: relative;
}

/* line 222, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-hero-stage::before {
  background: linear-gradient(90deg, rgba(223, 195, 122, 0.26), rgba(223, 195, 122, 0)), rgba(255, 255, 255, 0.28);
  border: 1px solid rgba(223, 195, 122, 0.16);
  border-radius: 40px;
  box-shadow: var(--corridor-shadow-soft);
  content: "";
  height: 72%;
  left: 12%;
  position: absolute;
  top: 8%;
  width: 58%;
}

/* line 237, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-visual-cluster {
  min-height: 580px;
  position: relative;
}

/* line 242, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-frame {
  position: relative;
}

/* line 246, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-frame--hero {
  margin-left: 6%;
  max-width: 560px;
}

/* line 251, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-frame--hero::before,
.corridor-lp-frame--hero::after {
  content: "";
  position: absolute;
}

/* line 257, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-frame--hero::before {
  background: rgba(255, 255, 255, 0.36);
  border: 1px solid rgba(223, 195, 122, 0.28);
  border-radius: 36px;
  inset: -22px 36px 28px -28px;
}

/* line 264, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-frame--hero::after {
  border: 1px solid rgba(223, 195, 122, 0.4);
  border-radius: 34px;
  inset: 18px -18px -18px 18px;
}

/* line 270, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-frame-pane--hero {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.66), rgba(255, 255, 255, 0.18)), rgba(255, 255, 255, 0.32);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(223, 195, 122, 0.24);
  border-radius: 30px;
  box-shadow: var(--corridor-shadow);
  overflow: hidden;
  position: relative;
}

/* line 282, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-frame-pane--hero::before,
.corridor-lp-frame-pane--hero::after {
  content: "";
  position: absolute;
}

/* line 288, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-frame-pane--hero::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.48), transparent);
  inset: 0 0 auto;
  height: 22%;
  z-index: 2;
}

/* line 295, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-frame-pane--hero::after {
  border: 1px solid rgba(223, 195, 122, 0.26);
  border-radius: 24px;
  inset: 16px;
  z-index: 2;
}

/* line 302, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-hero-image {
  aspect-ratio: 4 / 5;
  display: block;
  object-fit: cover;
  position: relative;
  width: 100%;
}

/* line 310, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-hero-image--placeholder {
  align-items: center;
  background: radial-gradient(circle at 34% 22%, rgba(247, 239, 183, 0.62), transparent 18%), linear-gradient(135deg, rgba(219, 239, 253, 0.8), rgba(255, 255, 255, 0.94) 58%, rgba(215, 240, 228, 0.72));
  display: flex;
  justify-content: center;
}

/* line 319, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-hero-emoji {
  font-size: clamp(84px, 10vw, 120px);
}

/* line 323, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-hero-glow {
  border-radius: 999px;
  filter: blur(10px);
  pointer-events: none;
  position: absolute;
}

/* line 330, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-hero-glow--primary {
  background: rgba(247, 239, 183, 0.54);
  height: 150px;
  left: -30px;
  top: 40px;
  width: 180px;
}

/* line 338, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-hero-glow--secondary {
  background: rgba(246, 216, 223, 0.36);
  height: 124px;
  right: -18px;
  top: 210px;
  width: 136px;
}

/* line 346, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-owner-slip {
  align-items: center;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.5)), rgba(255, 255, 255, 0.54);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(223, 195, 122, 0.26);
  border-radius: 20px;
  box-shadow: var(--corridor-shadow-soft);
  display: grid;
  gap: 14px;
  grid-template-columns: auto minmax(0, 1fr);
  left: -24px;
  max-width: 300px;
  padding: 14px 16px;
  position: absolute;
  top: 30px;
  z-index: 3;
}

/* line 366, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-owner-slip::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0));
  border-radius: inherit;
  content: "";
  inset: 0;
  position: absolute;
}

/* line 374, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-owner-avatar,
.corridor-lp-emblem {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

/* line 381, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-owner-avatar {
  border: 1px solid rgba(223, 195, 122, 0.28);
  border-radius: 50%;
  box-shadow: 0 12px 24px rgba(160, 184, 202, 0.2);
  height: 54px;
  width: 54px;
}

/* line 389, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-owner-avatar-image,
.corridor-lp-member-avatar-image {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* line 397, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-emblem-image {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}

/* line 405, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
img.corridor-lp-emblem-image {
  display: block;
  object-fit: cover;
}

/* line 410, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-owner-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
  position: relative;
  z-index: 1;
}

/* line 418, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-owner-name {
  color: var(--corridor-text-strong);
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  overflow-wrap: anywhere;
}

/* line 426, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-owner-message,
.corridor-lp-portal-text,
.corridor-lp-member-message,
.corridor-lp-empty,
.corridor-lp-copy {
  line-height: 1.9;
  margin: 0;
  overflow-wrap: anywhere;
}

/* line 436, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-owner-message,
.corridor-lp-portal-text,
.corridor-lp-member-message,
.corridor-lp-empty {
  color: rgba(72, 97, 123, 0.82);
  font-size: 14px;
}

/* line 444, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-emblem {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.34)), rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(223, 195, 122, 0.28);
  border-radius: 20px;
  bottom: -20px;
  box-shadow: var(--corridor-shadow-soft);
  height: 86px;
  padding: 14px;
  position: absolute;
  right: -18px;
  width: 86px;
  z-index: 3;
}

/* line 460, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-sheet,
.corridor-lp-label-sheet,
.corridor-lp-shot,
.corridor-lp-member-card,
.corridor-lp-activity-shell,
.corridor-lp-portal {
  position: relative;
}

/* line 469, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-sheet {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.52)), rgba(255, 255, 255, 0.56);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(223, 195, 122, 0.22);
  border-radius: 30px;
  box-shadow: var(--corridor-shadow);
  padding: 30px 34px;
}

/* line 480, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-sheet::before,
.corridor-lp-label-sheet::before,
.corridor-lp-shot::before,
.corridor-lp-member-card::before,
.corridor-lp-portal::before {
  border-radius: inherit;
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

/* line 492, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-sheet::before,
.corridor-lp-label-sheet::before,
.corridor-lp-shot::before,
.corridor-lp-member-card::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.44), transparent 22%);
}

/* line 499, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-sheet--intro {
  margin-top: 128px;
  max-width: 520px;
  padding-top: 36px;
  transform: translateX(-32px);
}

/* line 506, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-sheet--intro::after,
.corridor-lp-sheet--rules::after,
.corridor-lp-portal::after {
  border: 1px solid rgba(223, 195, 122, 0.24);
  border-radius: inherit;
  content: "";
  inset: 12px;
  pointer-events: none;
  position: absolute;
}

/* line 517, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-sheet-head {
  display: grid;
  gap: 8px;
  margin-bottom: 20px;
}

/* line 523, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-copy {
  --group-landing-link-color: #d9775e;
  --group-landing-highlight-bg: rgba(247, 239, 183, 0.62);
  --group-landing-highlight-color: #34516d;
  --group-landing-blockquote-border: rgba(223, 195, 122, 0.56);
  --group-landing-table-border: rgba(126, 164, 191, 0.24);
  --group-landing-table-header-bg: rgba(219, 239, 253, 0.38);
  color: var(--corridor-text);
  font-size: 15px;
}

/* line 534, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-copy p {
  margin-top: 0;
}

/* line 538, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-copy p:last-child {
  margin-bottom: 0;
}

/* line 542, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-shot {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.5)), rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(223, 195, 122, 0.24);
  border-radius: 24px;
  box-shadow: var(--corridor-shadow-soft);
  padding: 14px;
}

/* line 553, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-shot:hover,
.corridor-lp-shot:focus-within,
.corridor-lp-member-card:hover,
.corridor-lp-portal-link:hover,
.corridor-lp-portal-link:focus-visible,
.group-landing-activity-featured:hover,
.group-landing-activity-item:hover {
  transform: translateY(-4px);
}

/* line 563, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-shot--hero {
  max-width: 222px;
  position: absolute;
  z-index: 3;
}

/* line 569, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-shot--upper {
  right: 18px;
  top: 42px;
  transform: rotate(5deg);
}

/* line 575, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-shot--lower {
  bottom: 12px;
  left: 12px;
  transform: rotate(-5deg);
}

/* line 581, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-shot--floating {
  max-width: 254px;
  position: absolute;
  left: calc(50% - 268px);
  top: 750px;
  transform: rotate(-3deg);
  z-index: 4;
}

/* line 590, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-shot--rail {
  transform: translateY(calc(var(--corridor-rail-order) * 18px)) rotate(calc((var(--corridor-rail-order) - 1) * 2deg));
}

/* line 594, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-shot-frame {
  border-radius: 18px;
  overflow: hidden;
  position: relative;
}

/* line 600, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-shot-frame::after {
  border: 1px solid rgba(255, 255, 255, 0.42);
  border-radius: 14px;
  content: "";
  inset: 10px;
  pointer-events: none;
  position: absolute;
}

/* line 609, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-shot-image {
  aspect-ratio: 1 / 1;
  display: block;
  object-fit: cover;
  transition: transform 220ms ease;
  width: 100%;
}

/* line 617, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-shot:hover .corridor-lp-shot-image,
.corridor-lp-shot:focus-within .corridor-lp-shot-image,
.group-landing-activity-featured:hover .group-landing-activity-image {
  transform: scale(1.03);
}

/* line 623, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-label-sheet {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.4)), rgba(255, 255, 255, 0.42);
  border: 1px solid rgba(223, 195, 122, 0.2);
  border-radius: 22px;
  box-shadow: var(--corridor-shadow-soft);
  max-width: 264px;
  padding: 18px 20px;
}

/* line 634, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-label-sheet--hero {
  left: 18px;
  position: absolute;
  top: 108px;
}

/* line 640, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-main {
  display: grid;
  gap: 120px;
  padding-bottom: 110px;
  position: relative;
}

/* line 647, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-main::before {
  background: linear-gradient(180deg, rgba(223, 195, 122, 0), rgba(223, 195, 122, 0.18) 30%, rgba(223, 195, 122, 0)), linear-gradient(180deg, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0));
  content: "";
  inset: 120px auto 160px 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 1px;
}

/* line 658, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-section {
  position: relative;
}

/* line 662, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-section::before {
  background: linear-gradient(90deg, rgba(223, 195, 122, 0), rgba(223, 195, 122, 0.32), rgba(223, 195, 122, 0));
  content: "";
  height: 1px;
  left: 8%;
  opacity: 0.7;
  position: absolute;
  right: 8%;
  top: -58px;
}

/* line 673, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-section-head {
  display: grid;
  gap: 10px;
  margin-bottom: 28px;
  max-width: 560px;
  padding-left: clamp(18px, 5vw, 52px);
}

/* line 681, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-section-head--offset {
  margin-left: auto;
  padding-left: 0;
  padding-right: clamp(18px, 4vw, 42px);
  text-align: right;
}

/* line 688, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-section-title {
  color: var(--corridor-text-strong);
  font-size: clamp(32px, 4vw, 52px);
  font-weight: 800;
  line-height: 1.14;
  margin: 0;
}

/* line 696, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-rules-layout {
  align-items: start;
  display: grid;
  gap: 30px 44px;
  grid-template-columns: minmax(0, 0.98fr) minmax(240px, 0.72fr);
  position: relative;
}

/* line 704, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-sheet--rules {
  min-height: 320px;
  padding-bottom: 36px;
}

/* line 709, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-rail {
  display: grid;
  gap: 20px;
  justify-items: start;
  padding-top: 28px;
}

/* line 716, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-rail .corridor-lp-shot:nth-child(2n) {
  justify-self: end;
}

/* line 720, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-member-rack {
  display: grid;
  gap: 22px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* line 726, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-member-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.5)), rgba(255, 255, 255, 0.52);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(223, 195, 122, 0.22);
  border-radius: 26px;
  box-shadow: var(--corridor-shadow-soft);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

/* line 740, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-member-card:nth-child(3n + 2) {
  transform: translateY(22px);
}

/* line 744, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-member-card:nth-child(3n) {
  transform: translateY(-18px);
}

/* line 748, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-member-card-inner {
  display: grid;
  gap: 18px;
  grid-template-columns: auto minmax(0, 1fr);
  min-height: 100%;
  padding: 22px;
  position: relative;
  z-index: 1;
}

/* line 758, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-member-avatar {
  align-self: start;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(223, 195, 122, 0.22);
  border-radius: 22px;
  box-shadow: 0 10px 24px rgba(160, 184, 202, 0.16);
  height: 82px;
  overflow: hidden;
  padding: 6px;
  width: 82px;
}

/* line 770, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-member-name {
  color: var(--corridor-text-strong);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.35;
  margin: 8px 0 10px;
  overflow-wrap: anywhere;
}

/* line 779, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-member-message--empty {
  color: rgba(72, 97, 123, 0.62);
}

/* line 783, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-sheet--empty {
  max-width: 520px;
}

/* line 787, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-activity-shell {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.76), rgba(255, 255, 255, 0.46)), rgba(255, 255, 255, 0.48);
  backdrop-filter: blur(18px);
  border: 1px solid rgba(223, 195, 122, 0.24);
  border-radius: 36px;
  box-shadow: var(--corridor-shadow);
  padding: 28px;
}

/* line 798, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-activity-shell::before {
  background: linear-gradient(118deg, rgba(247, 239, 183, 0.26), transparent 24%), linear-gradient(180deg, rgba(255, 255, 255, 0.32), transparent 28%);
  border-radius: inherit;
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

/* line 809, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-portal {
  align-items: center;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.5)), rgba(255, 255, 255, 0.52);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(223, 195, 122, 0.24);
  border-radius: 34px;
  box-shadow: var(--corridor-shadow);
  display: grid;
  gap: 28px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 34px 38px;
}

/* line 824, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-portal::before {
  background: linear-gradient(112deg, rgba(247, 239, 183, 0.36), transparent 30%), linear-gradient(180deg, rgba(255, 255, 255, 0.28), transparent 22%);
}

/* line 830, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-portal-copy {
  display: grid;
  gap: 12px;
  max-width: 520px;
}

/* line 836, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-portal-actions {
  display: grid;
  gap: 14px;
  justify-items: end;
  max-width: 300px;
  width: 100%;
}

/* line 844, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-portal-link {
  align-items: center;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.62)), rgba(255, 255, 255, 0.56);
  border: 1px solid rgba(223, 195, 122, 0.28);
  border-radius: 999px;
  box-shadow: var(--corridor-shadow-soft);
  color: var(--corridor-text-strong);
  display: inline-flex;
  font-weight: 700;
  justify-content: center;
  min-height: 56px;
  padding: 0 24px;
  text-decoration: none;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease;
  width: 100%;
}

/* line 867, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-portal-link--primary {
  background: linear-gradient(135deg, rgba(247, 239, 183, 0.84), rgba(255, 255, 255, 0.78)), rgba(255, 255, 255, 0.7);
}

/* line 873, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.corridor-lp-portal-link:focus-visible {
  outline: 2px solid rgba(230, 142, 109, 0.42);
  outline-offset: 3px;
}

/* line 878, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.group-landing-activity-featured,
.group-landing-activity-item,
.corridor-lp-shot,
.corridor-lp-member-card,
.corridor-lp-portal-link {
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

/* line 890, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.group-landing-activity-featured:hover,
.group-landing-activity-item:hover {
  border-color: rgba(230, 142, 109, 0.22);
  box-shadow: 0 24px 54px rgba(124, 160, 188, 0.16);
}

/* line 896, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.group-landing-activity-featured-link {
  gap: 22px;
}

/* line 900, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.group-landing-activity-item-link {
  gap: 18px;
}

/* line 904, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.group-landing-activity-title,
.group-landing-activity-item-title {
  line-height: 1.5;
}

/* line 909, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
.group-landing-activity-meta-item,
.group-landing-activity-featured-visual {
  background: rgba(255, 255, 255, 0.56);
}

@keyframes corridor-line-shift {
  0%,
100% {
    opacity: 0.26;
    transform: translateX(0);
  }
  50% {
    opacity: 0.48;
    transform: translateX(6px);
  }
}

@media (max-width: 1160px) {
  /* line 928, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-member-rack {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  /* line 934, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-shell {
    padding: 0 18px;
  }
  /* line 938, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-shell--hero {
    padding-bottom: 64px;
    padding-top: 28px;
  }
  /* line 943, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-hero-stage {
    grid-template-columns: minmax(0, 1fr);
  }
  /* line 947, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-hero-stage::before {
    height: 54%;
    left: 8%;
    top: 10%;
    width: 66%;
  }
  /* line 954, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-heading {
    padding-left: 28px;
  }
  /* line 958, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-heading-title {
    font-size: clamp(36px, 12vw, 68px);
  }
  /* line 962, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-visual-cluster {
    min-height: auto;
    padding: 18px 0 62px;
  }
  /* line 967, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-frame--hero {
    margin-left: 0;
    max-width: none;
  }
  /* line 972, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-owner-slip {
    left: 14px;
    max-width: calc(100% - 28px);
    top: 14px;
  }
  /* line 978, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-emblem {
    bottom: -14px;
    height: 74px;
    right: 14px;
    width: 74px;
  }
  /* line 985, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-shot--upper {
    bottom: auto;
    right: 8px;
    top: 8px;
    transform: rotate(4deg);
  }
  /* line 992, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-shot--lower {
    bottom: -8px;
    left: 8px;
    transform: rotate(-4deg);
  }
  /* line 998, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-shot--hero,
.corridor-lp-shot--floating,
.corridor-lp-label-sheet--hero {
    max-width: 42vw;
  }
  /* line 1004, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-sheet--intro {
    margin-top: 0;
    max-width: 100%;
    transform: translateX(0);
  }
  /* line 1010, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-shot--floating {
    left: auto;
    margin: 0 auto;
    position: relative;
    top: auto;
  }
  /* line 1017, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-main {
    gap: 92px;
    padding-bottom: 88px;
  }
  /* line 1022, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-rules-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  /* line 1026, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  /* line 1030, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-rail .corridor-lp-shot {
    justify-self: stretch;
    transform: none;
  }
  /* line 1035, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-member-rack {
    grid-template-columns: minmax(0, 1fr);
  }
  /* line 1039, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-member-card:nth-child(3n + 2),
.corridor-lp-member-card:nth-child(3n) {
    transform: none;
  }
  /* line 1044, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-portal {
    grid-template-columns: minmax(0, 1fr);
    padding: 28px 22px;
  }
  /* line 1049, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-portal-actions {
    justify-items: stretch;
  }
}

@media (max-width: 640px) {
  /* line 1055, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp {
    overflow: hidden;
  }
  /* line 1059, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-heading {
    gap: 10px;
    padding-left: 20px;
  }
  /* line 1064, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-heading::before {
    height: 84px;
  }
  /* line 1068, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-sheet,
.corridor-lp-activity-shell,
.corridor-lp-portal {
    border-radius: 24px;
  }
  /* line 1074, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-sheet {
    padding: 22px 20px;
  }
  /* line 1078, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-shot--hero,
.corridor-lp-shot--floating,
.corridor-lp-label-sheet--hero {
    max-width: 170px;
  }
  /* line 1084, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-shot {
    padding: 10px;
  }
  /* line 1088, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-owner-slip {
    gap: 10px;
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 12px;
  }
  /* line 1094, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-owner-avatar {
    height: 44px;
    width: 44px;
  }
  /* line 1099, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-owner-name {
    font-size: 14px;
  }
  /* line 1103, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-owner-message,
.corridor-lp-member-message,
.corridor-lp-portal-text,
.corridor-lp-empty {
    font-size: 13px;
  }
  /* line 1110, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-section-head,
.corridor-lp-section-head--offset {
    margin-bottom: 22px;
    padding-left: 0;
    padding-right: 0;
    text-align: left;
  }
  /* line 1118, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-section-title {
    font-size: clamp(28px, 9vw, 40px);
  }
  /* line 1122, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-member-card-inner {
    grid-template-columns: 64px minmax(0, 1fr);
    padding: 18px;
  }
  /* line 1127, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-member-avatar {
    border-radius: 18px;
    height: 64px;
    width: 64px;
  }
  /* line 1133, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-member-name {
    font-size: 20px;
    margin-top: 6px;
  }
  /* line 1138, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-rail {
    grid-template-columns: minmax(0, 1fr);
  }
  /* line 1142, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .group-landing-activity-featured-link {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  /* line 1148, app/assets/groups_stylesheets/subdomains/groups_landing/_corridor.scss */
  .corridor-lp-atmosphere-line,
.corridor-lp-shot,
.corridor-lp-member-card,
.corridor-lp-portal-link,
.group-landing-activity-featured,
.group-landing-activity-item,
.group-landing-activity-image {
    animation: none !important;
    transition: none !important;
  }
}

/* line 1, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp {
  --snow-base: #eef5fc;
  --snow-cloud: rgba(255, 255, 255, 0.68);
  --snow-frost: rgba(222, 235, 248, 0.82);
  --snow-ice: #dcecff;
  --snow-water: #c8def5;
  --snow-lavender: #eae4fb;
  --snow-silver: rgba(141, 157, 181, 0.32);
  --snow-silver-strong: rgba(123, 140, 168, 0.56);
  --snow-gold: #f5eedb;
  --snow-pink: #f5e8e5;
  --snow-corner-flake-color: rgba(164, 198, 232, 0.62);
  --snow-text: #5f7188;
  --snow-text-strong: #41566f;
  --snow-shadow: 0 28px 70px rgba(162, 181, 205, 0.18);
  --snow-shadow-soft: 0 18px 40px rgba(174, 194, 219, 0.16);
  --snow-border: rgba(255, 255, 255, 0.72);
  --snow-border-line: rgba(144, 162, 188, 0.22);
  --snow-drift-x: 0px;
  --snow-drift-y: 0px;
  --snow-tilt: 0deg;
  --snow-layer-shift: 0px;
  --snow-layer-side: 0px;
  --snow-hero-lift: 0px;
  --snow-hero-side: 0px;
  --snow-glow-x: 74%;
  --snow-glow-y: 18%;
  --landing-activity-surface: rgba(255, 255, 255, 0.66);
  --landing-activity-featured-surface: rgba(255, 255, 255, 0.82);
  --landing-activity-surface-strong: rgba(255, 255, 255, 0.9);
  --landing-activity-surface-soft: rgba(232, 244, 255, 0.74);
  --landing-activity-border: rgba(144, 162, 188, 0.18);
  --landing-activity-accent: #8aa6c9;
  --landing-activity-accent-soft: rgba(138, 166, 201, 0.12);
  --landing-activity-title: #4b6179;
  --landing-activity-text: #667a92;
  --landing-activity-muted: rgba(102, 122, 146, 0.8);
  --landing-activity-shadow: 0 22px 52px rgba(174, 194, 219, 0.16);
  --landing-activity-title-font: "Zen Maru Gothic", "Hiragino Sans", sans-serif;
  --landing-activity-kicker-font: "Zen Maru Gothic", "Hiragino Sans", sans-serif;
  background: radial-gradient(circle at 12% 14%, rgba(255, 255, 255, 0.52), transparent 18%), radial-gradient(circle at 82% 12%, rgba(214, 232, 250, 0.68), transparent 24%), radial-gradient(circle at 76% 66%, rgba(224, 220, 245, 0.28), transparent 22%), linear-gradient(180deg, #edf4fb 0%, #dce8f5 22%, #d6e3f1 44%, #e1ebf7 68%, #edf3fa 100%);
  color: var(--snow-text);
  font-family: "Zen Maru Gothic", "Hiragino Sans", sans-serif;
  overflow: clip;
  position: relative;
}

/* line 52, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp::before,
.snow-lp::after {
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

/* line 60, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp::before {
  background: radial-gradient(circle at var(--snow-glow-x) var(--snow-glow-y), rgba(255, 255, 255, 0.58), transparent 20%), linear-gradient(120deg, transparent 0 24%, rgba(255, 255, 255, 0.22) 34%, transparent 46%), linear-gradient(100deg, transparent 0 58%, rgba(245, 238, 219, 0.18) 66%, transparent 76%);
  opacity: 0.72;
}

/* line 68, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp::after {
  background: linear-gradient(90deg, rgba(120, 142, 170, 0.12) 0, rgba(120, 142, 170, 0.12) 1px, transparent 1px, transparent 120px), linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0, rgba(255, 255, 255, 0.05) 1px, transparent 1px, transparent 120px);
  mask-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.5), transparent);
  opacity: 0.46;
}

/* line 76, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp *,
.snow-lp *::before,
.snow-lp *::after {
  box-sizing: border-box;
}

/* line 82, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp a {
  color: inherit;
}

/* line 86, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp [data-snow-scene-target="reveal"] {
  opacity: 0;
  transform: translate3d(calc(var(--journey-order, 0) * 8px), 38px, 0) rotate(calc((var(--journey-order, 0) - 1) * 0.8deg)) scale(0.96);
  transition: opacity 980ms ease, transform 1100ms cubic-bezier(0.18, 0.7, 0.18, 1), filter 980ms ease;
  transition-delay: calc(var(--journey-order, 0) * 110ms);
  filter: blur(8px);
}

/* line 100, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp .is-visible[data-snow-scene-target="reveal"] {
  opacity: 1;
  filter: blur(0);
  transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
}

/* line 109, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-atmosphere,
.snow-lp-snowfield,
.snow-lp-snowflake-field {
  pointer-events: none;
  position: absolute;
}

/* line 116, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-atmosphere {
  contain: layout paint style;
  inset: 0;
  overflow: hidden;
  position: fixed;
  z-index: 0;
}

/* line 124, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-snowfield,
.snow-lp-snowflake-field {
  inset: 0;
}

/* line 129, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-flake,
.snow-lp-snowflake {
  position: absolute;
}

/* line 134, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-flake {
  animation: snow-fall var(--snow-duration) linear infinite, snow-pulse 4.6s ease-in-out infinite;
  animation-delay: var(--snow-delay), calc(var(--snow-delay) * -0.4);
  background: radial-gradient(circle, rgba(255, 255, 255, 0.98), rgba(200, 222, 245, 0.4));
  border-radius: 999px;
  box-shadow: 0 0 10px rgba(214, 232, 250, 0.8);
  height: var(--snow-size);
  left: var(--snow-left);
  opacity: 0.8;
  top: var(--snow-top);
  width: var(--snow-size);
}

/* line 149, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-snowfield--back {
  opacity: 0.82;
}

/* line 153, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-snowfield--mid {
  opacity: 0.88;
}

/* line 157, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-snowfield--front {
  opacity: 0.96;
}

/* line 161, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-flake--mid {
  background: radial-gradient(circle, white, rgba(185, 214, 243, 0.58));
  box-shadow: 0 0 16px rgba(214, 232, 250, 0.92);
}

/* line 166, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-flake--soft {
  background: radial-gradient(circle, rgba(245, 250, 255, 0.76), rgba(188, 215, 242, 0.14));
  filter: blur(0.2px);
  opacity: 0.72;
}

/* line 172, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-snowflake {
  animation: snowflake-fall var(--snowflake-duration) linear infinite;
  animation-delay: var(--snowflake-delay);
  height: var(--snowflake-size);
  left: var(--snowflake-left);
  opacity: 0;
  top: var(--snowflake-top);
  transform: rotate(var(--snowflake-rotate));
  will-change: transform;
  width: var(--snowflake-size);
  z-index: 0;
}

/* line 185, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-snowflake-icon {
  display: block;
  filter: brightness(0) saturate(100%) invert(100%) sepia(10%) saturate(616%) hue-rotate(176deg) brightness(104%) contrast(104%);
  height: 100%;
  opacity: 1;
  width: 100%;
}

/* line 193, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-shell {
  margin: 0 auto;
  max-width: 1320px;
  padding: 0 24px;
  position: relative;
  width: 100%;
  z-index: 1;
}

/* line 202, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-shell--hero {
  min-height: 100vh;
  padding-top: 42px;
}

/* line 207, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-heading {
  display: grid;
  gap: 12px;
  justify-items: start;
  padding-left: clamp(18px, 5vw, 84px);
  position: relative;
  z-index: 2;
}

/* line 216, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-heading::before {
  background: linear-gradient(180deg, rgba(141, 157, 181, 0.68), rgba(255, 255, 255, 0));
  content: "";
  height: 124px;
  left: 0;
  position: absolute;
  top: 8px;
  width: 1px;
}

/* line 226, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-sheet-kicker,
.snow-lp-owner-label,
.snow-lp-member-index {
  color: rgba(95, 113, 136, 0.72);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  margin: 0;
  text-transform: uppercase;
}

/* line 237, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-heading-title,
.snow-lp-section-title,
.snow-lp-member-name {
  font-family: "Zen Maru Gothic", "Hiragino Sans", sans-serif;
}

/* line 243, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-heading-title {
  color: var(--snow-text-strong);
  font-size: clamp(42px, 7vw, 98px);
  font-weight: 900;
  line-break: anywhere;
  line-height: 1.06;
  margin: 0;
  max-width: 10.5em;
  text-wrap: balance;
}

/* line 254, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-hero-stage {
  align-items: start;
  display: grid;
  gap: 34px 40px;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  margin-top: 34px;
  position: relative;
}

/* line 263, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-hero-stage::before {
  background: linear-gradient(90deg, rgba(245, 238, 219, 0.24), rgba(245, 238, 219, 0)), rgba(255, 255, 255, 0.28);
  border: 1px solid rgba(245, 238, 219, 0.18);
  border-radius: 40px;
  box-shadow: var(--snow-shadow-soft);
  content: "";
  height: 72%;
  left: 12%;
  position: absolute;
  top: 8%;
  width: 58%;
}

/* line 278, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-visual-cluster {
  min-height: 580px;
  position: relative;
}

/* line 283, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-visual-shell,
.snow-lp-sheet,
.snow-lp-shot-frame,
.snow-lp-member-card,
.snow-lp-activity-shell,
.snow-lp-portal {
  background: linear-gradient(150deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.3)), rgba(255, 255, 255, 0.42);
  border: 1px solid var(--snow-border);
  box-shadow: var(--snow-shadow);
}

/* line 296, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-visual-shell,
.snow-lp-sheet,
.snow-lp-activity-shell,
.snow-lp-portal {
  backdrop-filter: blur(8px);
}

/* line 303, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-visual-shell {
  background: none;
  border: 0;
  box-shadow: none;
  margin-left: 6%;
  max-width: 560px;
  overflow: visible;
  position: relative;
}

/* line 313, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-visual-shell::before,
.snow-lp-visual-shell::after {
  content: "";
  position: absolute;
}

/* line 319, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-visual-shell::before {
  background: rgba(255, 255, 255, 0.36);
  border: 1px solid rgba(245, 238, 219, 0.24);
  border-radius: 36px;
  inset: -22px 36px 28px -28px;
}

/* line 326, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-visual-shell::after {
  border: 1px solid rgba(245, 238, 219, 0.34);
  border-radius: 34px;
  inset: 18px -18px -18px 18px;
}

/* line 332, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-visual-pane {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.66), rgba(255, 255, 255, 0.18)), rgba(255, 255, 255, 0.32);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(245, 238, 219, 0.2);
  border-radius: 30px;
  box-shadow: var(--snow-shadow);
  overflow: hidden;
  position: relative;
}

/* line 344, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-visual-pane::before,
.snow-lp-visual-pane::after {
  content: "";
  position: absolute;
}

/* line 350, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-visual-pane::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.48), transparent);
  height: 22%;
  inset: 0 0 auto;
  z-index: 2;
}

/* line 357, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-visual-pane::after {
  border: 1px solid rgba(245, 238, 219, 0.22);
  border-radius: 24px;
  inset: 16px;
  z-index: 2;
}

/* line 364, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-hero-image {
  aspect-ratio: 4 / 5;
  display: block;
  object-fit: cover;
  position: relative;
  width: 100%;
}

/* line 372, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-hero-image--placeholder {
  align-items: center;
  background: radial-gradient(circle at 34% 22%, rgba(255, 255, 255, 0.68), transparent 18%), linear-gradient(135deg, rgba(207, 224, 245, 0.76), rgba(255, 255, 255, 0.94) 58%, rgba(231, 226, 247, 0.68));
  display: flex;
  justify-content: center;
}

/* line 381, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-hero-emoji {
  font-size: clamp(84px, 10vw, 120px);
}

/* line 385, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-visual-frost {
  position: absolute;
}

/* line 389, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-visual-frost--one {
  background: rgba(255, 255, 255, 0.48);
  border-radius: 999px;
  filter: blur(10px);
  height: 150px;
  left: -30px;
  top: 40px;
  width: 180px;
}

/* line 399, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-visual-frost--two {
  background: rgba(231, 226, 247, 0.34);
  border-radius: 999px;
  filter: blur(10px);
  height: 124px;
  right: -18px;
  top: 210px;
  width: 136px;
}

/* line 409, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-emblem {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.34)), rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(245, 238, 219, 0.28);
  border-radius: 20px;
  box-shadow: var(--snow-shadow-soft);
  bottom: -20px;
  height: 86px;
  padding: 14px;
  position: absolute;
  right: -18px;
  width: 86px;
  z-index: 3;
}

/* line 425, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-emblem-image {
  display: block;
  height: 100%;
  object-fit: contain;
  width: 100%;
}

/* line 432, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-owner-plaque {
  align-items: center;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.5)), rgba(255, 255, 255, 0.54);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(245, 238, 219, 0.24);
  border-radius: 20px;
  box-shadow: var(--snow-shadow-soft);
  display: grid;
  gap: 14px;
  grid-template-columns: auto minmax(0, 1fr);
  left: -24px;
  max-width: 300px;
  padding: 14px 16px;
  position: absolute;
  top: 30px;
  z-index: 3;
}

/* line 452, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-owner-plaque::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0));
  border-radius: inherit;
  content: "";
  inset: 0;
  position: absolute;
}

/* line 460, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-owner-avatar,
.snow-lp-member-avatar {
  overflow: hidden;
}

/* line 465, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-owner-avatar {
  border: 1px solid rgba(245, 238, 219, 0.24);
  border-radius: 50%;
  box-shadow: 0 12px 24px rgba(159, 182, 209, 0.2);
  height: 54px;
  position: relative;
  width: 54px;
  z-index: 1;
}

/* line 475, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-owner-avatar-image,
.snow-lp-member-avatar-image,
.snow-lp-shot-image {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* line 484, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-owner-copy,
.snow-lp-member-copy,
.snow-lp-portal-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
  position: relative;
  z-index: 1;
}

/* line 494, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-owner-name,
.snow-lp-owner-message,
.snow-lp-empty,
.snow-lp-member-message {
  margin: 0;
}

/* line 501, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-owner-name,
.snow-lp-member-name,
.snow-lp-section-title {
  color: var(--snow-text-strong);
}

/* line 507, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-owner-name {
  font-size: 16px;
  font-weight: 700;
  overflow-wrap: anywhere;
}

/* line 513, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-owner-message,
.snow-lp-empty,
.snow-lp-member-message {
  color: rgba(95, 113, 136, 0.84);
  font-size: 14px;
  line-height: 1.9;
}

/* line 521, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-shot {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.5)), rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(245, 238, 219, 0.22);
  border-radius: 24px;
  box-shadow: var(--snow-shadow-soft);
  padding: 14px;
  position: relative;
  transition: transform 260ms ease, box-shadow 260ms ease, border-color 260ms ease, background-color 260ms ease;
}

/* line 538, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-shot-frame {
  border-radius: 18px;
  overflow: hidden;
  position: relative;
}

/* line 544, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-shot-frame::after {
  border: 1px solid rgba(255, 255, 255, 0.42);
  border-radius: 14px;
  content: "";
  inset: 10px;
  pointer-events: none;
  position: absolute;
}

/* line 553, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-shot-image {
  aspect-ratio: 1 / 1;
  display: block;
  object-fit: cover;
  transition: transform 220ms ease;
  width: 100%;
}

/* line 561, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-shot--hero {
  max-width: 222px;
  position: absolute;
  z-index: 3;
}

/* line 567, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-shot--hero-2 {
  bottom: 12px;
  left: 12px;
  transform: rotate(-5deg);
}

/* line 573, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-shot--floating {
  left: calc(50% - 268px);
  max-width: 254px;
  position: absolute;
  top: 750px;
  transform: rotate(-3deg);
  width: 100%;
  z-index: 4;
}

/* line 583, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-shot--ribbon {
  max-width: 320px;
  position: relative;
  transform: translate3d(calc(var(--snow-ribbon-order, 0) * 18px), calc(var(--snow-ribbon-order, 0) * -10px), 0) rotate(calc((var(--snow-ribbon-order, 0) * 3deg) - 3deg));
  width: 100%;
}

/* line 592, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-label {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.78);
  border-radius: 24px;
  box-shadow: var(--snow-shadow-soft);
  padding: 18px 20px;
}

/* line 600, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-label--hero {
  bottom: 42px;
  max-width: 280px;
  position: absolute;
  right: -12px;
}

/* line 607, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-sheet {
  border-radius: 36px;
  isolation: isolate;
  padding: 34px clamp(24px, 3vw, 40px);
  position: relative;
}

/* line 614, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-sheet::before,
.snow-lp-activity-shell::before,
.snow-lp-portal::before,
.snow-lp-member-card::before {
  background: linear-gradient(130deg, rgba(255, 255, 255, 0.58), transparent 28%), linear-gradient(90deg, rgba(144, 162, 188, 0.12) 0, rgba(144, 162, 188, 0.12) 1px, transparent 1px, transparent 110px);
  border-radius: inherit;
  content: "";
  inset: 0;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.22));
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

/* line 630, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-sheet::after,
.snow-lp-member-card::after,
.snow-lp-activity-shell::after,
.snow-lp-portal::after {
  animation: snow-corner-flake-spin var(--snow-corner-flake-spin-duration, 24s) linear infinite;
  background-color: var(--snow-corner-flake-color);
  bottom: var(--snow-corner-flake-bottom, auto);
  content: "";
  height: calc(var(--snow-corner-flake-size, 52px) * 0.7);
  left: var(--snow-corner-flake-left, auto);
  mask-image: var(--snow-corner-flake-mask, url(/assets/groups/snowflakes/k0816_1-701e70b93ecc64888d5c311eedce3ec8da08276049b882d47ca77eda4c1bb86d.svg));
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  opacity: 0.72;
  pointer-events: none;
  position: absolute;
  right: var(--snow-corner-flake-right, -12px);
  top: var(--snow-corner-flake-top, -12px);
  transform: rotate(var(--snow-corner-flake-rotate-start, 0deg));
  transform-origin: center;
  width: calc(var(--snow-corner-flake-size, 52px) * 0.7);
  z-index: 0;
}

/* line 655, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-sheet > *,
.snow-lp-member-card > *,
.snow-lp-activity-shell > *,
.snow-lp-portal > * {
  position: relative;
  z-index: 1;
}

/* line 663, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-sheet--intro {
  --snow-corner-flake-left: -12px;
  --snow-corner-flake-mask: url(/assets/groups/snowflakes/k0816_2-064a54881aa4cd167a695c66807116e6432b5ac679105a403372ea3b933fa74d.svg);
  --snow-corner-flake-right: auto;
  --snow-corner-flake-rotate-range: 360deg;
  --snow-corner-flake-spin-duration: 28s;
  --snow-corner-flake-size: 54px;
  --snow-corner-flake-top: -12px;
  margin-top: 128px;
  max-width: 520px;
  min-height: 320px;
  padding-top: 36px;
  transform: translateX(-32px);
}

/* line 678, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-sheet-head {
  margin-bottom: 18px;
  position: relative;
  z-index: 1;
}

/* line 684, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-copy {
  position: relative;
  z-index: 1;
}

/* line 689, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-copy.group-landing-rich-text.takibi-lexxy.lexxy-content {
  --group-landing-link-color: #7e9abe;
  --group-landing-blockquote-border: rgba(139, 156, 180, 0.36);
  --group-landing-table-border: rgba(139, 156, 180, 0.2);
  --group-landing-table-header-bg: rgba(232, 244, 255, 0.58);
  --group-landing-highlight-color: #536983;
  --group-landing-highlight-bg: rgba(245, 238, 219, 0.72);
}

/* line 698, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-main {
  padding-bottom: 120px;
  position: relative;
}

/* line 703, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-main::before {
  background: radial-gradient(circle at 20% 24%, rgba(255, 255, 255, 0.52), transparent 20%), radial-gradient(circle at 80% 60%, rgba(232, 244, 255, 0.42), transparent 18%), linear-gradient(180deg, rgba(220, 231, 243, 0.14), rgba(238, 244, 251, 0.24) 24%, rgba(214, 227, 241, 0.18) 54%, rgba(238, 244, 251, 0.22) 78%, rgba(220, 231, 243, 0.12));
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  transform: translate3d(calc(var(--snow-layer-side) * -0.24), calc(var(--snow-layer-shift) * 0.12), 0);
}

/* line 715, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-main::after {
  background: radial-gradient(circle at 18% 22%, rgba(255, 255, 255, 0.4), transparent 18%), radial-gradient(circle at 78% 42%, rgba(214, 232, 250, 0.24), transparent 20%), linear-gradient(180deg, rgba(239, 245, 251, 0.08), rgba(255, 255, 255, 0.16) 22%, rgba(220, 233, 246, 0.12) 48%, rgba(255, 255, 255, 0.14) 72%, rgba(239, 245, 251, 0.08));
  content: "";
  filter: blur(56px);
  inset: 4% 3% 6%;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

/* line 728, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-section {
  padding-top: 48px;
  position: relative;
}

/* line 733, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-section::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(246, 249, 253, 0.12) 24%, rgba(214, 227, 241, 0.16) 50%, rgba(246, 249, 253, 0.12) 76%, rgba(255, 255, 255, 0)), linear-gradient(112deg, transparent 0 14%, rgba(255, 255, 255, 0.18) 28%, transparent 48%), radial-gradient(circle at 72% 32%, rgba(234, 228, 251, 0.12), transparent 18%);
  content: "";
  filter: blur(40px);
  height: 320px;
  left: -2%;
  position: absolute;
  right: -2%;
  top: -88px;
}

/* line 747, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-section::after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(242, 247, 252, 0.14) 22%, rgba(213, 226, 240, 0.18) 54%, rgba(242, 247, 252, 0.14) 78%, rgba(255, 255, 255, 0)), radial-gradient(circle at 24% 50%, rgba(255, 255, 255, 0.24), transparent 18%), radial-gradient(circle at 80% 36%, rgba(214, 232, 250, 0.16), transparent 20%);
  bottom: -96px;
  content: "";
  filter: blur(48px);
  height: 220px;
  left: 4%;
  pointer-events: none;
  position: absolute;
  right: 4%;
  z-index: 0;
}

/* line 763, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-section > .snow-lp-shell {
  position: relative;
  z-index: 1;
}

/* line 768, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-section-head {
  display: grid;
  gap: 8px;
  margin-bottom: 26px;
  max-width: 560px;
  padding-left: clamp(20px, 4vw, 58px);
  position: relative;
}

/* line 777, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-section-head::before {
  background: linear-gradient(180deg, rgba(245, 238, 219, 0.9), rgba(255, 255, 255, 0));
  content: "";
  height: 88px;
  left: 0;
  position: absolute;
  top: 4px;
  width: 1px;
}

/* line 787, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-section-head--offset {
  margin-left: auto;
}

/* line 791, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-section-title {
  font-size: clamp(30px, 4vw, 52px);
  font-weight: 800;
  line-height: 1.18;
  margin: 0;
}

/* line 798, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-rules-layout {
  align-items: start;
  display: grid;
  gap: 28px;
  grid-template-columns: minmax(0, 1.04fr) minmax(260px, 0.96fr);
}

/* line 805, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-sheet--rules {
  --snow-corner-flake-bottom: -14px;
  --snow-corner-flake-mask: url(/assets/groups/snowflakes/k0816_3-f4775de7c89fdcd6952d75504d6ae10f6593c3e2a6bda2e2c406b0ad1ab9ddd0.svg);
  --snow-corner-flake-rotate-range: -360deg;
  --snow-corner-flake-spin-duration: 32s;
  --snow-corner-flake-size: 58px;
  --snow-corner-flake-top: auto;
  min-height: 360px;
  transform: translate3d(calc(var(--snow-drift-x) * 0.08), calc(var(--snow-drift-y) * 0.04), 0) rotate(1deg);
}

/* line 816, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-ribbon {
  display: grid;
  gap: 22px;
  justify-items: start;
  padding-top: 22px;
}

/* line 823, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-ribbon .snow-lp-shot:nth-child(2n) {
  justify-self: end;
}

/* line 827, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-member-field {
  display: grid;
  gap: 22px 18px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* line 833, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-member-card {
  --snow-corner-flake-mask: url(/assets/groups/snowflakes/k0816_4-bb7f5f4da99d80c96889bdbc444331d814705fac6b92dbc0396516397ca19c33.svg);
  border-radius: 30px;
  isolation: isolate;
  padding: 18px;
  position: relative;
}

/* line 841, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-member-card:nth-child(4n + 1) {
  --snow-corner-flake-mask: url(/assets/groups/snowflakes/k0816_4-bb7f5f4da99d80c96889bdbc444331d814705fac6b92dbc0396516397ca19c33.svg);
  --snow-corner-flake-right: -10px;
  --snow-corner-flake-rotate-range: 360deg;
  --snow-corner-flake-spin-duration: 18s;
  --snow-corner-flake-top: -10px;
  grid-column: span 1;
  transform: translateY(10px) rotate(-2deg);
}

/* line 851, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-member-card:nth-child(4n + 2) {
  --snow-corner-flake-bottom: -10px;
  --snow-corner-flake-mask: url(/assets/groups/snowflakes/k0816_5-17f3975abb62bbfa0b993e8ca468c72a9c035fa4db60609ecd011261d8b9f645.svg);
  --snow-corner-flake-right: -10px;
  --snow-corner-flake-rotate-range: -360deg;
  --snow-corner-flake-spin-duration: 24s;
  --snow-corner-flake-top: auto;
  grid-column: span 1;
  transform: translateY(-12px) rotate(1.5deg);
}

/* line 862, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-member-card:nth-child(4n + 3) {
  --snow-corner-flake-bottom: -10px;
  --snow-corner-flake-left: -10px;
  --snow-corner-flake-mask: url(/assets/groups/snowflakes/k0816_6-0cb6baf55538e65c4180faf354ba3d6728a5eac92a1bbdab2a3f63abc95e69e1.svg);
  --snow-corner-flake-right: auto;
  --snow-corner-flake-rotate-range: 360deg;
  --snow-corner-flake-spin-duration: 30s;
  --snow-corner-flake-top: auto;
  grid-column: span 1;
  transform: translateY(24px) rotate(-1deg);
}

/* line 874, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-member-card:nth-child(4n) {
  --snow-corner-flake-left: -10px;
  --snow-corner-flake-mask: url(/assets/groups/snowflakes/k0816_7-8dcdacbc64f66612e86c031c148ff8dd5278ee09975b5be628b7dea55d625950.svg);
  --snow-corner-flake-right: auto;
  --snow-corner-flake-rotate-range: -360deg;
  --snow-corner-flake-spin-duration: 36s;
  --snow-corner-flake-top: -10px;
  grid-column: span 1;
  transform: translateY(-4px) rotate(2deg);
}

/* line 885, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-member-card-inner {
  align-items: start;
  display: grid;
  gap: 16px;
  grid-template-columns: auto minmax(0, 1fr);
  position: relative;
  z-index: 1;
}

/* line 894, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-member-avatar {
  background: rgba(255, 255, 255, 0.76);
  border: 2px solid rgba(255, 255, 255, 0.84);
  border-radius: 24px;
  box-shadow: var(--snow-shadow-soft);
  height: 74px;
  width: 74px;
}

/* line 903, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-member-name {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  margin: 2px 0 0;
}

/* line 910, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-member-message--empty {
  opacity: 0.74;
}

/* line 914, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-sheet--empty {
  --snow-corner-flake-bottom: -12px;
  --snow-corner-flake-left: -12px;
  --snow-corner-flake-mask: url(/assets/groups/snowflakes/k0816_8-98b63cef3cd9a1cfd1cf2a4fea06a95bb03406d279fb925d5971521a39da7879.svg);
  --snow-corner-flake-right: auto;
  --snow-corner-flake-rotate-range: 360deg;
  --snow-corner-flake-spin-duration: 34s;
  --snow-corner-flake-top: auto;
  max-width: 420px;
}

/* line 925, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-activity-shell,
.snow-lp-portal {
  border-radius: 40px;
  isolation: isolate;
  padding: clamp(22px, 3vw, 34px);
  position: relative;
}

/* line 933, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-activity-shell {
  --snow-corner-flake-left: -14px;
  --snow-corner-flake-mask: url(/assets/groups/snowflakes/k0816_5-17f3975abb62bbfa0b993e8ca468c72a9c035fa4db60609ecd011261d8b9f645.svg);
  --snow-corner-flake-right: auto;
  --snow-corner-flake-rotate-range: -360deg;
  --snow-corner-flake-spin-duration: 27s;
  --snow-corner-flake-size: 56px;
  --snow-corner-flake-top: -14px;
  transform: translate3d(calc(var(--snow-drift-x) * -0.08), calc(var(--snow-drift-y) * 0.04), 0);
}

/* line 944, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-portal {
  --snow-corner-flake-bottom: -14px;
  --snow-corner-flake-mask: url(/assets/groups/snowflakes/k0816_6-0cb6baf55538e65c4180faf354ba3d6728a5eac92a1bbdab2a3f63abc95e69e1.svg);
  --snow-corner-flake-rotate-range: 360deg;
  --snow-corner-flake-spin-duration: 22s;
  --snow-corner-flake-size: 56px;
  --snow-corner-flake-top: auto;
  align-items: center;
  background: linear-gradient(110deg, transparent 0 44%, rgba(255, 255, 255, 0.5) 56%, transparent 68%), radial-gradient(circle at 74% 46%, rgba(245, 238, 219, 0.4), transparent 14%), linear-gradient(150deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.3)), rgba(255, 255, 255, 0.42);
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1fr) auto;
}

/* line 962, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-portal-link {
  align-items: center;
  backdrop-filter: blur(10px);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(232, 244, 255, 0.72)), rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.88);
  border-radius: 999px;
  box-shadow: 0 18px 36px rgba(174, 194, 219, 0.18);
  color: var(--snow-text-strong);
  display: inline-flex;
  font-size: 15px;
  font-weight: 700;
  justify-content: center;
  min-height: 58px;
  min-width: 220px;
  padding: 0 26px;
  position: relative;
  text-decoration: none;
  transition: transform 240ms ease, box-shadow 240ms ease, background-color 240ms ease, border-color 240ms ease;
}

/* line 988, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-portal-link::after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0));
  content: "";
  height: 100%;
  left: -40%;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: skewX(-18deg);
  transition: opacity 240ms ease;
  width: 36%;
}

/* line 1001, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-shot:hover,
.snow-lp-shot:focus-within,
.snow-lp-member-card:hover,
.snow-lp-member-card:focus-within,
.snow-lp-portal-link:hover,
.snow-lp-portal-link:focus-visible {
  box-shadow: 0 26px 48px rgba(174, 194, 219, 0.24);
  transform: translate3d(0, -4px, 0);
}

/* line 1011, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-shot:hover .snow-lp-shot-frame::before,
.snow-lp-shot:focus-within .snow-lp-shot-frame::before,
.snow-lp-portal-link:hover::after,
.snow-lp-portal-link:focus-visible::after {
  opacity: 1;
}

/* line 1018, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-shot:hover .snow-lp-shot-image,
.snow-lp-shot:focus-within .snow-lp-shot-image {
  filter: saturate(1.04) brightness(1.03);
  transform: scale(1.04);
}

/* line 1024, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-portal-link:hover,
.snow-lp-portal-link:focus-visible {
  border-color: rgba(255, 255, 255, 0.98);
  outline: none;
}

/* line 1030, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
.snow-lp-portal-link:hover::after,
.snow-lp-portal-link:focus-visible::after {
  animation: snow-glint 1.2s ease;
}

@keyframes snow-fall {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(24px, 110vh, 0);
  }
}

@keyframes snow-pulse {
  0%,
100% {
    opacity: 0.36;
  }
  50% {
    opacity: 0.9;
  }
}

@keyframes snowflake-fall {
  0% {
    opacity: 0;
    transform: translate3d(0, -2vh, 0) rotate(var(--snowflake-rotate)) scale(0.82);
  }
  14% {
    opacity: 0.98;
  }
  78% {
    opacity: 0.98;
  }
  100% {
    opacity: 0;
    transform: translate3d(var(--snowflake-drift), 108vh, 0) rotate(calc(var(--snowflake-rotate) + 140deg)) scale(1.06);
  }
}

@keyframes snow-glint {
  0% {
    left: -38%;
  }
  100% {
    left: 118%;
  }
}

@keyframes snow-corner-flake-spin {
  0% {
    transform: rotate(var(--snow-corner-flake-rotate-start, 0deg));
  }
  100% {
    transform: rotate(calc(var(--snow-corner-flake-rotate-start, 0deg) + var(--snow-corner-flake-rotate-range, 360deg)));
  }
}

@media (max-width: 1080px) {
  /* line 1097, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp-hero-stage,
.snow-lp-rules-layout,
.snow-lp-portal {
    grid-template-columns: minmax(0, 1fr);
  }
  /* line 1103, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp-hero-stage::before {
    height: 54%;
    left: 8%;
    top: 10%;
    width: 66%;
  }
  /* line 1110, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp-visual-cluster {
    min-height: auto;
    padding: 18px 0 62px;
  }
  /* line 1115, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp-visual-shell {
    margin-left: 0;
    max-width: none;
  }
  /* line 1120, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp-owner-plaque {
    left: 14px;
    max-width: calc(100% - 28px);
    top: 14px;
  }
  /* line 1126, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp-emblem {
    bottom: -14px;
    height: 74px;
    right: 14px;
    width: 74px;
  }
  /* line 1133, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp-shot--hero,
.snow-lp-shot--floating,
.snow-lp-label--hero {
    max-width: 42vw;
  }
  /* line 1139, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp-shot--hero-2 {
    bottom: -8px;
    left: 8px;
    transform: rotate(-4deg);
  }
  /* line 1145, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp-sheet--intro {
    margin-left: 0;
    margin-top: 0;
    max-width: 100%;
    transform: translateX(0);
  }
  /* line 1152, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp-shot--floating {
    left: auto;
    margin: 0 auto;
    position: relative;
    top: auto;
  }
  /* line 1159, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp-member-card {
    grid-column: 1 / -1;
    transform: none;
  }
}

@media (max-width: 767px) {
  /* line 1166, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp-shell {
    padding: 0 18px;
  }
  /* line 1170, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp-shell--hero {
    padding-bottom: 72px;
    padding-top: 28px;
  }
  /* line 1175, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp-heading {
    padding-left: 18px;
  }
  /* line 1179, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp-heading-title {
    font-size: clamp(34px, 13vw, 56px);
  }
  /* line 1183, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp-hero-stage {
    gap: 22px;
    min-height: auto;
  }
  /* line 1188, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp-visual-cluster {
    min-height: 0;
  }
  /* line 1192, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp-visual-shell {
    min-height: 0;
  }
  /* line 1196, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp-visual-pane {
    inset: auto;
  }
  /* line 1200, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp-owner-plaque {
    left: 14px;
    max-width: calc(100% - 36px);
    padding: 16px;
    top: 14px;
  }
  /* line 1207, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp-emblem {
    bottom: -14px;
    height: 74px;
    right: 14px;
    width: 74px;
  }
  /* line 1214, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp-label--hero {
    max-width: 42vw;
  }
  /* line 1218, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp-shot--hero-2 {
    bottom: -8px;
    left: 8px;
    transform: rotate(-4deg);
  }
  /* line 1224, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp-sheet,
.snow-lp-activity-shell,
.snow-lp-portal {
    border-radius: 30px;
    padding: 22px 18px;
  }
  /* line 1231, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp-sheet::after,
.snow-lp-member-card::after,
.snow-lp-activity-shell::after,
.snow-lp-portal::after {
    height: 31px;
    width: 31px;
  }
  /* line 1239, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp-section {
    padding-top: 34px;
  }
  /* line 1243, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp-section-head,
.snow-lp-section-head--offset {
    margin-left: 0;
    padding-left: 16px;
  }
  /* line 1249, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp-section-title {
    font-size: clamp(26px, 8vw, 38px);
  }
  /* line 1253, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp-ribbon {
    grid-template-columns: 1fr;
  }
  /* line 1257, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp-shot--floating {
    max-width: 42vw;
  }
  /* line 1261, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp-shot--ribbon {
    width: 100%;
  }
  /* line 1265, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp-member-field {
    grid-template-columns: 1fr;
  }
  /* line 1269, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp-member-card {
    grid-column: auto;
    transform: none;
  }
  /* line 1274, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp-member-card-inner {
    grid-template-columns: 60px minmax(0, 1fr);
  }
  /* line 1278, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp-member-avatar {
    height: 60px;
    width: 60px;
  }
  /* line 1283, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp-portal-actions,
.snow-lp-portal-link {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  /* line 1290, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp *,
.snow-lp *::before,
.snow-lp *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
  /* line 1299, app/assets/groups_stylesheets/subdomains/groups_landing/_snow.scss */
  .snow-lp [data-snow-scene-target="reveal"] {
    filter: none;
    opacity: 1;
    transform: none;
  }
}