/* ===================== v32：エントリー e2・e5・e6 の組み合わせ（?en=c1〜c3） ===================== */
/* 共通：表紙と同じ植物工場の写真を深緑で敷く（e2）／手書き・虹色の英字（e6）／本選までの日数（e5）／白いボタン */
html[data-en^="c"] .en{background:#03140b;color:#fff;padding-top:clamp(110px,12vw,170px)}
html[data-en^="c"] .en__bg{display:block;position:absolute;inset:0;z-index:0}
html[data-en^="c"] .en__bg img{width:100%;height:100%;object-fit:cover;filter:brightness(.5) saturate(1.2);transform:scale(1.08);transition:transform 6s ease-out}
html[data-en^="c"] .en.in .en__bg img{transform:none}
html[data-en^="c"] .en__en{display:none}
html[data-en^="c"] .en__t{color:#fff}
html[data-en^="c"] .en__lead{color:rgba(255,255,255,.82)}
html[data-en^="c"] .en__words{display:block;font-family:"Shadows Into Light Two",cursive;line-height:.95;text-transform:uppercase;letter-spacing:.015em;
  background:var(--iris);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 24px rgba(0,0,0,.4))}
html[data-en^="c"] .en__words span{display:block;white-space:nowrap;clip-path:inset(-10% 100% -10% 0);transition:clip-path 1.4s cubic-bezier(.6,.05,.25,1)}
html[data-en^="c"] .en__words span+span{transition-delay:.7s}
html[data-en^="c"] .en.in .en__words span,html.static .en__words span{clip-path:inset(-10% -5% -10% 0)}
html[data-en^="c"] .en__count{display:flex;align-items:baseline;gap:.25em;font-weight:700;letter-spacing:.06em;color:rgba(255,255,255,.88)}
html[data-en^="c"] .en__count b{font-family:var(--f-en);font-weight:600;line-height:.9;letter-spacing:-.04em;background:var(--iris);-webkit-background-clip:text;background-clip:text;color:transparent;padding:0 .04em}
html[data-en^="c"] .en__btn{background:#fff;color:#03140b;box-shadow:0 24px 44px -20px rgba(0,0,0,.6)}
html[data-en^="c"] .en__btn small{color:rgba(3,20,11,.6)}
html[data-en^="c"] .en__btn i{background:#03140b}
html[data-en^="c"] .en__btn i::after{border-color:#fff}
html[data-en^="c"] .en__form .contact{color:rgba(255,255,255,.8)}
html[data-en^="c"] .en__form .contact b{color:#fff}
html[data-en^="c"] .en__hd{display:flex;flex-direction:column}

/* c1 中央に英字と日数：中央そろえ。手書きの英字 → 見出しと説明 → 日数（横長の帯）→ ボタン */
html[data-en="c1"] .en__bg::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 70% at 50% 40%,rgba(3,20,11,.4),rgba(3,20,11,.9))}
html[data-en="c1"] .en__hd{align-items:center;text-align:center}
html[data-en="c1"] .en__words{order:-2;font-size:min(clamp(80px,9vw,140px),10vw);display:flex;gap:.35em;justify-content:center}
html[data-en="c1"] .en__t{margin-top:32px;font-size:clamp(30px,3vw,44px)}
html[data-en="c1"] .en__lead{margin-left:auto;margin-right:auto}
html[data-en="c1"] .en__count{order:4;margin-top:32px;padding:14px 30px;border-top:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25);font-size:16px}
html[data-en="c1"] .en__count b{font-size:64px}
html[data-en="c1"] .en__btn{order:5}
@media (max-width:900px){
  html[data-en="c1"] .en__hd{align-items:stretch;text-align:left}
  html[data-en="c1"] .en__words{display:block;font-size:clamp(54px,17vw,76px)}
  html[data-en="c1"] .en__count{justify-content:flex-start;padding-left:0}
}
html[data-en="c1"] .en__t{margin-top:44px}

/* c2 英字と日数を左右に：左に手書きの英字（2行）と見出し・ボタン、右に「あと50日」を巨大な数字で。写真は左を暗く */
html[data-en="c2"] .en__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,10,5,.9) 0%,rgba(2,10,5,.6) 55%,rgba(2,10,5,.45) 100%)}
@media (min-width:901px){
  html[data-en="c2"] .en__hd{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);column-gap:40px;align-items:end}
  html[data-en="c2"] .en__hd>*{grid-column:1}
  html[data-en="c2"] .en__words{grid-row:1;font-size:min(clamp(80px,8.4vw,130px),9vw)}
  html[data-en="c2"] .en__words span+span{padding-left:.8em}
  html[data-en="c2"] .en__count{grid-column:2;grid-row:1/6;align-self:center;flex-direction:column;align-items:flex-start;gap:6px;padding-left:40px;border-left:1px solid rgba(255,255,255,.22)}
  html[data-en="c2"] .en__count b{font-size:clamp(150px,15vw,230px)}
  html[data-en="c2"] .en__count span{font-size:18px}
  html[data-en="c2"] .en__t{margin-top:40px;font-size:clamp(28px,2.6vw,38px)}
  html[data-en="c2"] .en__btn{justify-self:start}
}
@media (max-width:900px){
  html[data-en="c2"] .en__words{font-size:clamp(54px,17vw,76px)}
  html[data-en="c2"] .en__count{order:-1;margin-bottom:20px;font-size:15px}
  html[data-en="c2"] .en__count b{font-size:96px}
  html[data-en="c2"] .en__t{margin-top:28px}
}
.en__count .n{display:inline-flex;align-items:baseline;gap:.15em}
@media (min-width:901px){html[data-en="c2"] .en__count .n span{font-size:22px}}
.en__wd2{display:none}

/* c3 日数を英字の中に：手書きの「SEE YOU IN 50 DAYS.」。50 だけ極太の英数字で大きく、虹色。下に見出し・本選の日付・ボタン */
html[data-en="c3"] .en__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,10,5,.9) 0%,rgba(2,10,5,.6) 60%,rgba(2,10,5,.4) 100%)}
html[data-en="c3"] .en__words,html[data-en="c3"] .en__count{display:none}
html[data-en="c3"] .en__wd2{display:block;order:-2;font-family:"Shadows Into Light Two",cursive;font-size:min(clamp(80px,8.8vw,136px),9.4vw);line-height:1;text-transform:uppercase;letter-spacing:.015em;
  background:var(--iris);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 24px rgba(0,0,0,.4))}
html[data-en="c3"] .en__wd2 span{display:block;white-space:nowrap;clip-path:inset(-20% 100% -20% 0);transition:clip-path 1.4s cubic-bezier(.6,.05,.25,1)}
html[data-en="c3"] .en__wd2 span+span{padding-left:.8em;transition-delay:.7s}
html[data-en="c3"] .en.in .en__wd2 span,html.static .en__wd2 span{clip-path:inset(-20% -5% -20% 0)}
html[data-en="c3"] .en__wd2 b{font-family:var(--f-en);font-weight:600;font-size:1.35em;letter-spacing:-.04em;line-height:.8;padding-right:.08em}
html[data-en="c3"] .en__t{margin-top:44px;font-size:clamp(28px,2.6vw,38px)}
html[data-en="c3"] .en__facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;order:4}
html[data-en="c3"] .en__facts li{display:flex;align-items:baseline;gap:8px;padding:9px 18px;border:1px solid rgba(255,255,255,.25);border-radius:999px}
html[data-en="c3"] .en__facts b{font-family:var(--f-en);font-weight:600;font-size:16px}
html[data-en="c3"] .en__facts b.jp{font-family:var(--f-jp)}
html[data-en="c3"] .en__facts span{font-size:13px;color:rgba(255,255,255,.75)}
html[data-en="c3"] .en__btn{order:5}
@media (max-width:900px){html[data-en="c3"] .en__wd2{font-size:clamp(50px,15vw,68px)}html[data-en="c3"] .en__wd2 span+span{padding-left:.3em}}
.en__wd2 i{font-style:normal}
@media (max-width:900px){html[data-en="c2"] .en__count{order:-2}html[data-en="c2"] .en__words{order:-1}html[data-en="c2"] .en__btn{order:5}}
