/* One garden, one shrine, one paper notebook. Scoped to the homepage. */
.home-discover {
  --shrine-red: #b84d45;
  --shrine-red-dark: #8f3936;
  --shrine-paper: #fffdf5;
  --shrine-gold: #ba8a43;
  --shrine-pink: #f4d9d7;
  padding: 66px var(--gutter) 34px;
  background: #e9f1e2;
  border-block: 1px solid var(--line);
  scroll-margin-top: 24px;
}
.discover-inner { max-width: 1270px; margin-inline: auto; }
.discover-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 35px; margin-bottom: 38px; }
.discover-heading h2 { font-size: clamp(34px, 3.6vw, 49px); line-height: 1.45; font-weight: 800; letter-spacing: -.04em; }
.discover-heading p { font-size: 14px; line-height: 2; color: var(--muted); padding-bottom: 5px; }
.discover-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.04fr); gap: clamp(28px, 5vw, 80px); align-items: start; }
.discover-shrine { min-width: 0; }
.discover-mood { text-align: center; }
.discover-mood h3 { font-size: 15px; line-height: 1.8; font-weight: 600; margin-bottom: 13px; }
.discover-mood .fortune-mood-buttons { justify-content: center; gap: 7px; margin: 0; }
.discover-mood .fortune-mood-buttons button { font-size: 12px; padding: 10px 15px; }
.home-discover .fortune-stage { min-height: 610px; max-width: 520px; margin-inline: auto; }
.home-discover .fortune-stage::before { width: 85%; left: 7.5%; top: 76px; }
.home-discover .fortune-torii { height: 500px; }
.home-discover .fortune-plaque { top: 76px; height: 105px; width: 42px; left: calc(50% - 21px); font-size: 16px; }
.home-discover .fortune-mascot { top: 205px; height: 315px; width: 84%; left: 8%; }
.home-discover .fortune-pedestal { top: 470px; }
.home-discover .fortune-stick { top: 354px; }
.home-discover .fortune-stage-action p { margin-top: 14px; min-height: 42px; }
.discover-paper-wrap { min-width: 0; padding-top: 26px; }
.home-discover .discover-invitation {
  display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start;
  min-height: 640px; padding: 38px 35px 25px; text-align: left;
  border: 1px solid #d6d7c1; border-radius: 5px 18px 18px 5px;
  box-shadow: 6px 6px 0 #d9e3cf; position: relative;
}
.home-discover .discover-invitation::before { content: ''; position: absolute; top: -1px; right: 29px; width: 21px; height: 46px; background: var(--shrine-red); clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 81%, 0 100%); }
.home-discover .discover-invitation[hidden] { display: none; }
.discover-paper-heading h3 { font-size: 26px; line-height: 1.5; font-weight: 700; letter-spacing: -.03em; }
.home-discover .discover-paper-heading p { font-size: 14px; line-height: 1.9; margin-top: 12px; }
.discover-slips { display: grid; gap: 18px; padding: 28px 0 25px; }
.discover-slip { display: flex; align-items: center; gap: 18px; padding: 21px 19px; min-height: 94px; border-bottom: 2px solid #203c3218; transition: transform .2s; }
.discover-slip--hotel { background: #e1edda; transform: rotate(-2deg); margin-right: 14px; }
.discover-slip--sights { background: #e3eff2; transform: rotate(1.5deg); margin-left: 10px; }
.discover-slip--anime { background: #f4d9d7; transform: rotate(-1deg); margin-right: 9px; }
.discover-slip:hover { transform: translateY(-3px); }
.discover-slip-icon { display: grid; place-items: center; flex: none; }
.discover-slip-icon svg { width: 31px; height: 31px; }
.discover-slip > span:nth-child(2) { min-width: 0; }
.discover-slip strong { display: block; font-size: 20px; line-height: 1.5; font-weight: 700; }
.discover-slip > span > span { display: block; font-size: 12px; line-height: 1.8; margin-top: 3px; }
.discover-slip > svg { margin-left: auto; width: 22px; height: 22px; flex: none; }
.home-discover .discover-paper-note { padding-top: 16px; border-top: 1px solid var(--line); font-size: 12px; line-height: 1.9; margin: auto 0 0; color: var(--muted); }
.home-discover .fortune-result { min-height: 640px; padding: 26px 30px 20px; box-shadow: 6px 6px 0 #d9e3cf; }
.home-discover .fortune-result > h3 { text-align: center; font-size: clamp(29px, 3vw, 41px); line-height: 1.55; margin: 7px 0 3px; letter-spacing: -.04em; color: var(--shrine-red-dark); }
.home-discover .fortune-idea h4 { font-size: 13px; color: var(--shrine-red); margin-bottom: 9px; }
.discover-footer { display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; align-items: center; padding-top: 25px; margin-top: 24px; border-top: 1px solid #c5d6bd; }
.discover-footer nav { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
.discover-footer nav > span { font-size: 12px; color: var(--muted); }
.discover-footer a { display: inline-flex; gap: 10px; align-items: center; min-height: 44px; font-size: 13px; }
.discover-footer svg { width: 17px; height: 17px; }
.discover-footer a:hover { text-decoration: underline; text-underline-offset: 5px; }
.discover-full-shrine { color: var(--shrine-red-dark); }
.discover-footnote { font-size: 11px; line-height: 1.9; color: var(--muted); margin-top: 16px; }
.discover-noscript { font-size: 13px; line-height: 1.9; margin-top: 20px; }
.home-discover :is(a, button):focus-visible { outline: 3px solid var(--ink); outline-offset: 5px; }
.home-discover [data-fortune-title]:focus-visible { outline: 2px solid var(--shrine-red); outline-offset: 4px; border-radius: 3px; }
@media (max-width: 1100px) {
  .discover-layout { gap: 28px; }
  .discover-heading p { font-size: 13px; max-width: 340px; }
  .home-discover .discover-invitation { padding: 34px 24px 24px; }
  .discover-slip { gap: 13px; padding-inline: 15px; }
  .discover-slip strong { font-size: 18px; }
  .discover-slip > span > span { font-size: 11px; }
  .discover-mood .fortune-mood-buttons button { padding-inline: 12px; }
  .home-discover .fortune-result { padding-inline: 23px; }
}
@media (max-width: 760px) {
  .home-discover { padding: 42px 24px 27px; }
  .discover-heading { display: block; margin-bottom: 28px; }
  .discover-heading h2 { font-size: clamp(29px, 6vw, 36px); }
  .discover-heading h2 br { display: none; }
  .discover-heading p { margin-top: 17px; padding: 0; font-size: 13px; max-width: none; }
  .discover-heading p br { display: none; }
  .discover-layout { grid-template-columns: minmax(0, 1fr); gap: 15px; }
  .discover-mood { text-align: left; }
  .discover-mood .fortune-mood-buttons { justify-content: flex-start; gap: 7px; }
  .discover-mood .fortune-mood-buttons button { font-size: 12px; padding: 10px 13px; }
  .home-discover .fortune-stage { min-height: 560px; max-width: 470px; }
  .home-discover .fortune-torii { height: 450px; }
  .home-discover .fortune-plaque { top: 68px; height: 95px; width: 38px; left: calc(50% - 19px); font-size: 15px; }
  .home-discover .fortune-mascot { top: 184px; height: 280px; }
  .home-discover .fortune-pedestal { top: 422px; }
  .home-discover .fortune-stick { top: 323px; }
  .discover-paper-wrap { padding: 0 5px 0 0; }
  .home-discover .discover-invitation { min-height: 0; padding: 29px 23px 23px; gap: 0; }
  .discover-paper-heading h3 { font-size: 23px; }
  .home-discover .discover-paper-heading p { font-size: 13px; margin-top: 10px; }
  .home-discover .discover-paper-heading p br { display: none; }
  .discover-slips { padding-block: 23px 26px; gap: 16px; }
  .discover-slip { padding-block: 16px; min-height: 82px; }
  .discover-slip strong { font-size: 19px; }
  .discover-slip > span > span { font-size: 12px; }
  .home-discover .fortune-result { min-height: 0; padding: 23px 22px 16px; }
  .home-discover .fortune-result > h3 { font-size: 33px; }
  .discover-footer { margin-top: 28px; padding-top: 17px; gap: 3px; }
  .discover-footer nav { gap: 4px 20px; width: 100%; }
  .discover-footer nav > span { width: 100%; }
  .discover-full-shrine { margin-top: 5px; }
}
@media (max-width: 390px) {
  .home-discover { padding-inline: 20px; }
  .discover-mood .fortune-mood-buttons button { padding-inline: 11px; }
  .home-discover .fortune-stage { min-height: 525px; }
  .home-discover .fortune-torii { height: 415px; }
  .home-discover .fortune-plaque { top: 63px; height: 86px; font-size: 14px; }
  .home-discover .fortune-mascot { top: 169px; height: 260px; width: 88%; left: 6%; }
  .home-discover .fortune-pedestal { top: 390px; }
  .home-discover .fortune-stick { top: 298px; }
  .home-discover .discover-invitation { padding-inline: 19px; }
  .discover-slip { padding-inline: 13px; gap: 11px; }
  .discover-slip-icon svg { width: 27px; height: 27px; }
  .discover-slip > span > span { font-size: 11px; }
  .discover-slip > svg { width: 18px; height: 18px; }
}
html.motion-off .discover-slip { transition: none; }
@media (prefers-reduced-motion: reduce) { .discover-slip { transition: none; } }