/* //////////////////////////////////////////////////

Title : firstview.scss
For   : Page/feature/2025/ss2nd_preorder/

Created       : 2025-04-01
Last Modified : 2025-04-01

==========================================

Content

////////////////////////////////////////////////// */
/**
 * firstview
 */
.lp-lilybrown__firstview {
  position: relative;
  overflow: hidden;
}
.lp-lilybrown__firstview::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--zindex-behind);
}
.lp-lilybrown__firstview-hero {
  position: relative;
  display: grid !important;
  align-items: center;
  max-width: calc(1040 * var(--rate));
  margin-inline: auto;
}
.lp-lilybrown__firstview-title {
  font-family: var(--font-en-serif);
  font-weight: 400;
  text-align: center;
}
.lp-lilybrown__firstview-title > * {
  font-style: var(--font-style, normal);
  line-height: 1;
}
.lp-lilybrown__firstview-title > span {
  display: block;
}
.lp-lilybrown__firstview-title--logo {
  margin-inline: auto;
}
.lp-lilybrown__firstview-title--tertiary, .lp-lilybrown__firstview-title--quarternary {
  --font-style: italic;
}
.lp-lilybrown__firstview-title--tertiary > span, .lp-lilybrown__firstview-title--quarternary > span {
  -webkit-padding-after: calc(4 * var(--rate));
          padding-block-end: calc(4 * var(--rate));
}
.lp-lilybrown__firstview-announcement-banner {
  --color: var(--color-white);
  display: flex;
  justify-content: center;
  background-color: var(--color-ruby-red);
  font-family: var(--font-en-serif);
  font-weight: 400;
  text-align: center;
}
.lp-lilybrown__firstview-announcement-banner > * {
  font-style: var(--font-style, normal);
}
.lp-lilybrown__firstview-announcement-banner span:nth-child(1) {
  --font-style: italic;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.lp-lilybrown__firstview-announcement-banner span:nth-child(1)::after {
  content: "";
  width: var(--width-announcement-border);
  height: 1px;
  background-color: var(--color-white);
}
.lp-lilybrown__firstview-information {
  position: relative;
  margin-inline: auto;
  text-align: center;
}
.lp-lilybrown__firstview-information-container {
  background-color: rgba(255, 255, 255, 0.5);
}
.lp-lilybrown__firstview-information::after {
  content: "";
  position: absolute;
  border: 1px solid var(--color-dusty-blue);
  pointer-events: none;
}
.lp-lilybrown__firstview-information-heading {
  --color: var(--color-dusty-blue);
  line-height: 1;
}
.lp-lilybrown__firstview-information-heading > span {
  display: block;
}
.lp-lilybrown__firstview-information-heading--secondary {
  font-family: var(--font-en-sans);
  font-weight: 500;
}
.lp-lilybrown__firstview-information-heading--primary {
  font-family: var(--font-en-serif);
  font-weight: 400;
}
.lp-lilybrown__firstview-information-detail {
  font-family: var(--font-ja);
  font-weight: 500;
}
.lp-lilybrown__firstview-information-notes {
  --color: var(--color-gray);
  font-family: var(--font-ja);
  font-weight: 500;
}
.lp-lilybrown__firstview-event {
  text-align: center;
}
.lp-lilybrown__firstview-event-title {
  --color: var(--color-dusty-blue);
  font-family: var(--font-en-serif);
  font-weight: 400;
  line-height: 1;
}
.lp-lilybrown__firstview-event-shell {
  position: relative;
}
.lp-lilybrown__firstview-event-details {
  overflow: hidden;
  height: var(--accordion-height, auto);
  transition: height 0.5s;
}
.lp-lilybrown__firstview-event-details:not(.is-opened) {
  --accordion-height: var(--accordion-height-is-closed);
}
.lp-lilybrown__firstview-event-details.is-opened {
  --accordion-height: calc(var(--accordion-height-is-opened));
}
.lp-lilybrown__firstview-event-details.is-opened .lp-lilybrown__firstview-event-button::after {
  transform: scale(-1, -1);
}
.lp-lilybrown__firstview-event-head {
  display: grid;
  justify-content: space-between;
  line-height: 1;
}
.lp-lilybrown__firstview-event-number {
  --color: var(--color-dusty-blue);
  font-family: var(--font-en-serif);
  font-weight: 400;
  font-style: italic;
}
.lp-lilybrown__firstview-event-heading {
  font-family: var(--font-ja);
  font-weight: 500;
}
.lp-lilybrown__firstview-event-button {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: var(--font-en-sans);
  font-weight: 400;
}
.lp-lilybrown__firstview-event-button::after {
  content: "";
  position: relative;
  background-image: url(../../public/images/decorations/accrodion-arrow.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 0.5s ease-in-out;
}
.lp-lilybrown__firstview-event-detail {
  position: relative;
  font-family: var(--font-ja);
  font-weight: 500;
}
.lp-lilybrown__firstview-event-detail::after {
  content: "";
  position: absolute;
  background-image: url(../../public/images/decorations/bear.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.lp-lilybrown__firstview-event-notes {
  --color: var(--color-gray);
  font-family: var(--font-ja);
  font-weight: 500;
}
.lp-lilybrown__firstview-event-items {
  display: grid;
  grid-template-columns: repeat(3, var(--event-item-size));
  justify-content: center;
  -moz-column-gap: var(--event-item-gap);
       column-gap: var(--event-item-gap);
}
.lp-lilybrown__firstview-event-item-thumbnail {
  margin-inline: auto;
}
.lp-lilybrown__firstview-event-item-name {
  font-family: var(--font-ja);
  font-weight: 500;
}
.lp-lilybrown__firstview-event-item-price {
  font-family: var(--font-en-sans);
  font-weight: 400;
  line-height: 1;
}
.lp-lilybrown__firstview-event-item-button {
  --color: var(--color-white);
  display: grid;
  place-items: center;
  margin-inline: auto;
  background-color: var(--color-dusty-blue);
  font-family: var(--font-ja);
  font-weight: 500;
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .lp-lilybrown__firstview {
    -webkit-padding-after: calc(100 * var(--rate));
            padding-block-end: calc(100 * var(--rate));
  }
  .lp-lilybrown__firstview::before {
    width: 100%;
    height: calc(3704 * var(--rate));
    background-image: linear-gradient(40deg, #c7dcea 16%, #f5fbff 30%, #dae7f3 50%, #f5fbff 66%, #a6cce5 100%);
  }
  .lp-lilybrown__firstview-hero {
    grid-template-columns: 100%;
    row-gap: calc(69 * var(--rate));
  }
  .lp-lilybrown__firstview-title--logo {
    width: calc(230 * var(--rate));
    transform: translateX(calc(-5 * var(--rate)));
  }
  .lp-lilybrown__firstview-title--primary {
    --letter-spacing: .01em;
    -webkit-margin-before: calc(27 * var(--rate));
            margin-block-start: calc(27 * var(--rate));
    font-size: calc(82 * var(--rate));
  }
  .lp-lilybrown__firstview-title--secondary {
    -webkit-margin-before: calc(14 * var(--rate));
            margin-block-start: calc(14 * var(--rate));
    font-size: calc(24 * var(--rate));
  }
  .lp-lilybrown__firstview-title--tertiary {
    --letter-spacing: .01em;
    -webkit-margin-before: calc(60 * var(--rate));
            margin-block-start: calc(60 * var(--rate));
    font-size: calc(44 * var(--rate));
  }
  .lp-lilybrown__firstview-title--quarternary {
    -webkit-margin-before: calc(30 * var(--rate));
            margin-block-start: calc(30 * var(--rate));
    font-size: calc(32 * var(--rate));
  }
  .lp-lilybrown__firstview-announcement-banner {
    --letter-spacing: .01em;
    -moz-column-gap: calc(30 * var(--rate));
         column-gap: calc(30 * var(--rate));
    -webkit-margin-before: calc(102 * var(--rate));
            margin-block-start: calc(102 * var(--rate));
    padding-block: calc(13 * var(--rate));
    line-height: 1;
  }
  .lp-lilybrown__firstview-announcement-banner span:nth-child(1) {
    --width-announcement-border: calc(30 * var(--rate));
    -moz-column-gap: calc(28 * var(--rate));
         column-gap: calc(28 * var(--rate));
    font-size: calc(32 * var(--rate));
  }
  .lp-lilybrown__firstview-announcement-banner span:nth-child(2) {
    font-size: calc(34 * var(--rate));
  }
  .lp-lilybrown__firstview-information {
    width: calc(690 * var(--rate));
    -webkit-margin-before: calc(100 * var(--rate));
            margin-block-start: calc(100 * var(--rate));
    -webkit-padding-after: var(--border-container-gap);
            padding-block-end: var(--border-container-gap);
    -webkit-padding-end: var(--border-container-gap);
            padding-inline-end: var(--border-container-gap);
  }
  .lp-lilybrown__firstview-information::after {
    bottom: 0;
    right: 0;
    width: calc(100% - var(--border-container-gap));
    height: calc(100% - var(--border-container-gap));
  }
  .lp-lilybrown__firstview-information-container {
    -webkit-padding-before: calc(77 * var(--rate));
            padding-block-start: calc(77 * var(--rate));
    -webkit-padding-after: calc(70 * var(--rate));
            padding-block-end: calc(70 * var(--rate));
  }
  .lp-lilybrown__firstview-information-heading--secondary {
    font-size: calc(30 * var(--rate));
  }
  .lp-lilybrown__firstview-information-heading--primary {
    --letter-spacing: .01em;
    -webkit-margin-before: calc(24 * var(--rate));
            margin-block-start: calc(24 * var(--rate));
    -webkit-padding-start: calc(12 * var(--rate));
            padding-inline-start: calc(12 * var(--rate));
    font-size: calc(56 * var(--rate));
  }
  .lp-lilybrown__firstview-information-heading--primary span {
    display: inline-block;
    font-size: calc(70 * var(--rate));
    transform: translateY(calc(2 * var(--rate)));
  }
  .lp-lilybrown__firstview-information-detail {
    --letter-spacing: .04em;
    -webkit-margin-before: calc(33 * var(--rate));
            margin-block-start: calc(33 * var(--rate));
    font-size: calc(24 * var(--rate));
    line-height: 1.75;
  }
  .lp-lilybrown__firstview-information-notes {
    --letter-spacing: .04em;
    -webkit-margin-before: calc(33 * var(--rate));
            margin-block-start: calc(33 * var(--rate));
    font-size: calc(20 * var(--rate));
    line-height: 1.75;
  }
  .lp-lilybrown__firstview-event {
    -webkit-margin-before: calc(90 * var(--rate));
            margin-block-start: calc(90 * var(--rate));
  }
  .lp-lilybrown__firstview-event-title {
    font-size: calc(56 * var(--rate));
  }
  .lp-lilybrown__firstview-event-container {
    display: grid;
    grid-template-columns: 100%;
    row-gap: calc(20 * var(--rate));
    width: calc(690 * var(--rate));
    -webkit-margin-before: calc(40 * var(--rate));
            margin-block-start: calc(40 * var(--rate));
    margin-inline: auto;
    padding-block: calc(20 * var(--rate));
    padding-inline: calc(20 * var(--rate));
    background-color: rgba(255, 255, 255, 0.5);
  }
  .lp-lilybrown__firstview-event-shell {
    border: 1px solid var(--color-dusty-blue);
  }
  .lp-lilybrown__firstview-event-shell:nth-child(1) .lp-lilybrown__firstview-event-head {
    grid-template-columns: auto calc(210 * var(--rate));
    padding-block: calc(18 * var(--rate));
    -webkit-padding-start: calc(29 * var(--rate));
            padding-inline-start: calc(29 * var(--rate));
    -webkit-padding-end: calc(18 * var(--rate));
            padding-inline-end: calc(18 * var(--rate));
  }
  .lp-lilybrown__firstview-event-shell:nth-child(1) .lp-lilybrown__firstview-event-body {
    -webkit-margin-before: calc(23 * var(--rate));
            margin-block-start: calc(23 * var(--rate));
  }
  .lp-lilybrown__firstview-event-shell:nth-child(1) .lp-lilybrown__firstview-event-index {
    -webkit-padding-before: calc(10 * var(--rate));
            padding-block-start: calc(10 * var(--rate));
  }
  .lp-lilybrown__firstview-event-shell:nth-child(1) .lp-lilybrown__firstview-event-body {
    -webkit-padding-after: calc(71 * var(--rate));
            padding-block-end: calc(71 * var(--rate));
  }
  .lp-lilybrown__firstview-event-shell:nth-child(1) .lp-lilybrown__firstview-event-detail {
    --letter-spacing: .04em;
  }
  .lp-lilybrown__firstview-event-shell:nth-child(1) .lp-lilybrown__firstview-event-detail::after {
    width: calc(44 * var(--rate));
    height: calc(63 * var(--rate));
    right: calc(168 * var(--rate));
    bottom: calc(-12 * var(--rate));
  }
  .lp-lilybrown__firstview-event-shell:nth-child(2) .lp-lilybrown__firstview-event-head {
    grid-template-columns: calc(340 * var(--rate)) auto;
    -webkit-padding-before: calc(17 * var(--rate));
            padding-block-start: calc(17 * var(--rate));
    -webkit-padding-after: calc(7 * var(--rate));
            padding-block-end: calc(7 * var(--rate));
    -webkit-padding-end: calc(78 * var(--rate));
            padding-inline-end: calc(78 * var(--rate));
  }
  .lp-lilybrown__firstview-event-shell:nth-child(2) .lp-lilybrown__firstview-event-thumbnail {
    grid-column: 1;
    grid-row: 1;
  }
  .lp-lilybrown__firstview-event-shell:nth-child(2) .lp-lilybrown__firstview-event-body {
    -webkit-margin-before: calc(33 * var(--rate));
            margin-block-start: calc(33 * var(--rate));
  }
  .lp-lilybrown__firstview-event-shell:nth-child(2) .lp-lilybrown__firstview-event-index {
    grid-column: 2;
    grid-row: 1;
  }
  .lp-lilybrown__firstview-event-shell:nth-child(2) .lp-lilybrown__firstview-event-body {
    -webkit-padding-after: calc(80 * var(--rate));
            padding-block-end: calc(80 * var(--rate));
  }
  .lp-lilybrown__firstview-event-shell:nth-child(2) .lp-lilybrown__firstview-event-detail {
    --letter-spacing: .07em;
  }
  .lp-lilybrown__firstview-event-details.is-open {
    --accordion-height: var(--accordion-height-is-closed);
  }
  .lp-lilybrown__firstview-event-number {
    font-size: calc(70 * var(--rate));
  }
  .lp-lilybrown__firstview-event-heading {
    --letter-spacing: .04em;
    -webkit-margin-before: calc(19 * var(--rate));
            margin-block-start: calc(19 * var(--rate));
    font-size: calc(34 * var(--rate));
  }
  .lp-lilybrown__firstview-event-button {
    -moz-column-gap: calc(29 * var(--rate));
         column-gap: calc(29 * var(--rate));
    -webkit-margin-before: calc(27 * var(--rate));
            margin-block-start: calc(27 * var(--rate));
    font-size: calc(24 * var(--rate));
  }
  .lp-lilybrown__firstview-event-button::after {
    width: calc(22.62 * var(--rate));
    height: calc(12 * var(--rate));
  }
  .lp-lilybrown__firstview-event-detail {
    font-size: calc(24 * var(--rate));
    line-height: 1.75;
  }
  .lp-lilybrown__firstview-event-notes {
    --letter-spacing: .04em;
    -webkit-margin-before: calc(32 * var(--rate));
            margin-block-start: calc(32 * var(--rate));
    -webkit-padding-end: calc(8 * var(--rate));
            padding-inline-end: calc(8 * var(--rate));
    font-size: calc(20 * var(--rate));
    line-height: 1.75;
  }
  .lp-lilybrown__firstview-event-items {
    --event-item-size: 1fr;
    --event-item-gap: calc(10 * var(--rate));
    -webkit-margin-before: calc(42 * var(--rate));
            margin-block-start: calc(42 * var(--rate));
    padding-inline: calc(12 * var(--rate));
  }
  .lp-lilybrown__firstview-event-item-thumbnail {
    width: calc(170 * var(--rate));
  }
  .lp-lilybrown__firstview-event-item-name {
    -webkit-margin-before: calc(24 * var(--rate));
            margin-block-start: calc(24 * var(--rate));
    font-size: calc(20 * var(--rate));
    line-height: 1.75;
  }
  .lp-lilybrown__firstview-event-item-price {
    -webkit-margin-before: calc(9 * var(--rate));
            margin-block-start: calc(9 * var(--rate));
    font-size: calc(20 * var(--rate));
    line-height: 1;
  }
  .lp-lilybrown__firstview-event-item-button {
    width: calc(170 * var(--rate));
    -webkit-margin-before: calc(30 * var(--rate));
            margin-block-start: calc(30 * var(--rate));
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .lp-lilybrown__firstview {
    -webkit-padding-before: calc(60 * var(--rate));
            padding-block-start: calc(60 * var(--rate));
    -webkit-padding-after: calc(80 * var(--rate));
            padding-block-end: calc(80 * var(--rate));
  }
  .lp-lilybrown__firstview::before {
    right: 0;
    width: 137.1428571429vw;
    height: 138.2142857143vw;
    margin: auto;
    background-image: linear-gradient(200deg, #c7dcea 0%, #f5fbff 27%, #dae7f3 60%, #f5fbff 100%);
  }
  .lp-lilybrown__firstview-hero {
    grid-template-columns: auto calc(650 * var(--rate));
    justify-content: space-between;
  }
  .lp-lilybrown__firstview-visual {
    grid-column: 2;
    grid-row: 1;
  }
  .lp-lilybrown__firstview-title {
    grid-column: 1;
    grid-row: 1;
    -webkit-padding-after: calc(4 * var(--rate));
            padding-block-end: calc(4 * var(--rate));
    transform: translateX(calc(-2 * var(--rate)));
  }
  .lp-lilybrown__firstview-title--logo {
    width: calc(150 * var(--rate));
  }
  .lp-lilybrown__firstview-title--logo img {
    width: calc(150 * var(--rate));
    height: calc(20 * var(--rate));
  }
  .lp-lilybrown__firstview-title--primary {
    -webkit-margin-before: calc(21 * var(--rate));
            margin-block-start: calc(21 * var(--rate));
    font-size: calc(60 * var(--rate));
  }
  .lp-lilybrown__firstview-title--secondary {
    -webkit-margin-before: calc(10 * var(--rate));
            margin-block-start: calc(10 * var(--rate));
    font-size: calc(16 * var(--rate));
  }
  .lp-lilybrown__firstview-title--tertiary {
    -webkit-margin-before: calc(34 * var(--rate));
            margin-block-start: calc(34 * var(--rate));
    font-size: calc(28 * var(--rate));
  }
  .lp-lilybrown__firstview-title--quarternary {
    -webkit-margin-before: calc(20 * var(--rate));
            margin-block-start: calc(20 * var(--rate));
    font-size: calc(18 * var(--rate));
  }
  .lp-lilybrown__firstview-announcement-banner {
    -moz-column-gap: calc(20 * var(--rate));
         column-gap: calc(20 * var(--rate));
    -webkit-margin-before: calc(80 * var(--rate));
            margin-block-start: calc(80 * var(--rate));
    padding-block: calc(9 * var(--rate));
  }
  .lp-lilybrown__firstview-announcement-banner span:nth-child(1) {
    --width-announcement-border: calc(20 * var(--rate));
    -moz-column-gap: calc(19 * var(--rate));
         column-gap: calc(19 * var(--rate));
    font-size: calc(20 * var(--rate));
  }
  .lp-lilybrown__firstview-announcement-banner span:nth-child(2) {
    font-size: calc(22 * var(--rate));
  }
  .lp-lilybrown__firstview-information {
    width: calc(600 * var(--rate));
    -webkit-margin-before: calc(80 * var(--rate));
            margin-block-start: calc(80 * var(--rate));
  }
  .lp-lilybrown__firstview-information::after {
    top: var(--border-container-gap);
    left: var(--border-container-gap);
    width: calc(100% - 2px);
    height: calc(100% - 2px);
  }
  .lp-lilybrown__firstview-information-container {
    -webkit-padding-before: calc(58 * var(--rate));
            padding-block-start: calc(58 * var(--rate));
    -webkit-padding-after: calc(56 * var(--rate));
            padding-block-end: calc(56 * var(--rate));
  }
  .lp-lilybrown__firstview-information-heading--secondary {
    font-size: calc(16 * var(--rate));
  }
  .lp-lilybrown__firstview-information-heading--primary {
    --letter-spacing: 0.01em;
    -webkit-margin-before: calc(9 * var(--rate));
            margin-block-start: calc(9 * var(--rate));
    font-size: calc(40 * var(--rate));
  }
  .lp-lilybrown__firstview-information-heading--primary span {
    font-size: calc(50 * var(--rate));
  }
  .lp-lilybrown__firstview-information-detail {
    --letter-spacing: 0.05em;
    -webkit-margin-before: calc(19 * var(--rate));
            margin-block-start: calc(19 * var(--rate));
    font-size: calc(14 * var(--rate));
    line-height: 1.75;
  }
  .lp-lilybrown__firstview-information-notes {
    --letter-spacing: 0.05em;
    -webkit-margin-before: calc(20 * var(--rate));
            margin-block-start: calc(20 * var(--rate));
    font-size: calc(11 * var(--rate));
    line-height: 1.75;
  }
  .lp-lilybrown__firstview-event {
    -webkit-margin-before: calc(83 * var(--rate));
            margin-block-start: calc(83 * var(--rate));
  }
  .lp-lilybrown__firstview-event-title {
    font-size: calc(40 * var(--rate));
    transform: translateX(calc(-20 * var(--rate)));
  }
  .lp-lilybrown__firstview-event-container {
    display: grid;
    grid-template-columns: repeat(2, calc(600 * var(--rate)));
    justify-content: center;
    -moz-column-gap: calc(20 * var(--rate));
         column-gap: calc(20 * var(--rate));
    -webkit-margin-before: calc(25 * var(--rate));
            margin-block-start: calc(25 * var(--rate));
  }
  .lp-lilybrown__firstview-event-shell {
    -webkit-padding-end: var(--border-container-gap);
            padding-inline-end: var(--border-container-gap);
    -webkit-padding-after: var(--border-container-gap);
            padding-block-end: var(--border-container-gap);
    align-self: start;
  }
  .lp-lilybrown__firstview-event-shell::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(100% - var(--border-container-gap) - 1px);
    height: calc(100% - var(--border-container-gap) - 2px);
    border: 1px solid var(--color-dusty-blue);
    pointer-events: none;
  }
  .lp-lilybrown__firstview-event-shell:nth-child(1) .lp-lilybrown__firstview-event-index {
    -webkit-padding-before: calc(16 * var(--rate));
            padding-block-start: calc(16 * var(--rate));
  }
  .lp-lilybrown__firstview-event-shell:nth-child(1) .lp-lilybrown__firstview-event-head {
    grid-template-columns: auto calc(170 * var(--rate));
    -webkit-padding-before: calc(20 * var(--rate));
            padding-block-start: calc(20 * var(--rate));
    -webkit-padding-after: calc(10 * var(--rate));
            padding-block-end: calc(10 * var(--rate));
    -webkit-padding-start: calc(50 * var(--rate));
            padding-inline-start: calc(50 * var(--rate));
    -webkit-padding-end: calc(71 * var(--rate));
            padding-inline-end: calc(71 * var(--rate));
  }
  .lp-lilybrown__firstview-event-shell:nth-child(1) .lp-lilybrown__firstview-event-body {
    -webkit-padding-after: calc(55 * var(--rate));
            padding-block-end: calc(55 * var(--rate));
  }
  .lp-lilybrown__firstview-event-shell:nth-child(1) .lp-lilybrown__firstview-event-detail::after {
    width: calc(30 * var(--rate));
    height: calc(42 * var(--rate));
    right: calc(100 * var(--rate));
    bottom: calc(-9 * var(--rate));
  }
  .lp-lilybrown__firstview-event-shell:nth-child(2) .lp-lilybrown__firstview-event-index {
    -webkit-padding-before: calc(13 * var(--rate));
            padding-block-start: calc(13 * var(--rate));
  }
  .lp-lilybrown__firstview-event-shell:nth-child(2) .lp-lilybrown__firstview-event-head {
    grid-template-columns: auto calc(250 * var(--rate));
    -webkit-padding-before: calc(23 * var(--rate));
            padding-block-start: calc(23 * var(--rate));
    -webkit-padding-after: calc(14 * var(--rate));
            padding-block-end: calc(14 * var(--rate));
    -webkit-padding-start: calc(90 * var(--rate));
            padding-inline-start: calc(90 * var(--rate));
    -webkit-padding-end: calc(80 * var(--rate));
            padding-inline-end: calc(80 * var(--rate));
  }
  .lp-lilybrown__firstview-event-shell:nth-child(2) .lp-lilybrown__firstview-event-body {
    -webkit-padding-after: calc(60 * var(--rate));
            padding-block-end: calc(60 * var(--rate));
  }
  .lp-lilybrown__firstview-event-details {
    background-color: rgba(255, 255, 255, 0.5);
  }
  .lp-lilybrown__firstview-event-details.is-open {
    --accordion-height: var(--accordion-height-is-closed);
  }
  .lp-lilybrown__firstview-event-number {
    font-size: calc(48 * var(--rate));
  }
  .lp-lilybrown__firstview-event-heading {
    --letter-spacing: .05em;
    -webkit-margin-before: calc(13 * var(--rate));
            margin-block-start: calc(13 * var(--rate));
    font-size: calc(22 * var(--rate));
  }
  .lp-lilybrown__firstview-event-button {
    -moz-column-gap: calc(10 * var(--rate));
         column-gap: calc(10 * var(--rate));
    -webkit-margin-before: calc(20 * var(--rate));
            margin-block-start: calc(20 * var(--rate));
    font-size: calc(12 * var(--rate));
  }
  .lp-lilybrown__firstview-event-button::after {
    width: calc(13.34 * var(--rate));
    height: calc(8 * var(--rate));
  }
  .lp-lilybrown__firstview-event-body {
    -webkit-margin-before: calc(14 * var(--rate));
            margin-block-start: calc(14 * var(--rate));
  }
  .lp-lilybrown__firstview-event-detail {
    --letter-spacing: 0.05em;
    -webkit-padding-end: calc(5 * var(--rate));
            padding-inline-end: calc(5 * var(--rate));
    font-size: calc(14 * var(--rate));
    line-height: 1.75;
  }
  .lp-lilybrown__firstview-event-notes {
    --letter-spacing: 0.045em;
    -webkit-margin-before: calc(20 * var(--rate));
            margin-block-start: calc(20 * var(--rate));
    -webkit-padding-end: calc(10 * var(--rate));
            padding-inline-end: calc(10 * var(--rate));
    font-size: calc(11 * var(--rate));
    line-height: 1.75;
  }
  .lp-lilybrown__firstview-event-items {
    --event-item-size: calc(120* var(--rate));
    --event-item-gap: calc(30 * var(--rate));
    -webkit-margin-before: calc(25 * var(--rate));
            margin-block-start: calc(25 * var(--rate));
    -webkit-padding-end: calc(10 * var(--rate));
            padding-inline-end: calc(10 * var(--rate));
  }
  .lp-lilybrown__firstview-event-item-thumbnail {
    width: calc(100 * var(--rate));
  }
  .lp-lilybrown__firstview-event-item-name {
    -webkit-margin-before: calc(17 * var(--rate));
            margin-block-start: calc(17 * var(--rate));
    font-size: calc(11 * var(--rate));
    line-height: 1.75;
  }
  .lp-lilybrown__firstview-event-item-price {
    -webkit-margin-before: calc(5 * var(--rate));
            margin-block-start: calc(5 * var(--rate));
    font-size: calc(11 * var(--rate));
  }
  .lp-lilybrown__firstview-event-item-button {
    -webkit-margin-before: calc(20 * var(--rate));
            margin-block-start: calc(20 * var(--rate));
  }
}
/**
 * animation
 */
.anim-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: calc(50vh - var(--sticky-target-first-element-height) / 2);
}
/*# sourceMappingURL=firstview.css.map */