/* Homepage concept 01: possibility finds direction. All rules are locally scoped. */
body[data-scene="home"] #eth-smooth > nav{position:absolute;inset:0 0 auto;z-index:30}
.home-opening.hero{display:block;min-height:0;padding:0;overflow:visible}
.opening-stage{position:relative;overflow:hidden;isolation:isolate}
.opening-question,.opening-answer{position:relative;min-height:100svh;width:100%;display:flex;flex-direction:column;justify-content:center;padding:140px max(7vw,24px) 100px}
.opening-title{font-family:var(--disp);font-size:clamp(46px,7.25vw,116px);font-weight:500;line-height:1.075;letter-spacing:-.065em;width:100%;max-width:1160px;margin:0 auto}
.opening-line{display:block}
.opening-title .acc{font-size:1.3em;line-height:1.12;letter-spacing:-.07em;font-weight:600}
.opening-scroll{position:absolute;bottom:42px;left:max(7vw,24px);right:max(7vw,24px);display:flex;justify-content:space-between;align-items:center;color:#b5b8ad;text-decoration:none;font-size:12px;letter-spacing:.02em}
.opening-scroll>span:last-child{font-size:28px;font-weight:300;color:var(--text)}
.opening-statement{font-family:var(--disp);font-size:clamp(36px,5.05vw,78px);font-weight:500;line-height:1.16;letter-spacing:-.045em;max-width:1120px;margin:0 auto;width:100%;text-wrap:pretty}
.opening-next{display:flex;align-items:center;gap:32px;align-self:flex-start;margin:44px 0 0;color:var(--text);font-size:14px;text-decoration:none;border-bottom:1px solid #606456;padding-bottom:12px}
.opening-next span{font-size:21px}
.opening-next:hover{color:var(--accent)}
.opening-field{position:absolute;right:-7%;bottom:5%;width:48%;height:40%;pointer-events:none;z-index:-1;opacity:.5}
.opening-field i{display:block;position:absolute;width:100%;height:1px;background:linear-gradient(90deg,transparent,#8c9480 40%,transparent);transform-origin:70% 50%;top:50%}
.opening-field i:nth-child(1){transform:translateY(-100px) rotate(-24deg)}
.opening-field i:nth-child(2){transform:translateY(-75px) rotate(-18deg)}
.opening-field i:nth-child(3){transform:translateY(-50px) rotate(-12deg)}
.opening-field i:nth-child(4){transform:translateY(-25px) rotate(-6deg)}
.opening-field i:nth-child(6){transform:translateY(25px) rotate(6deg)}
.opening-field i:nth-child(7){transform:translateY(50px) rotate(12deg)}
.opening-field i:nth-child(8){transform:translateY(75px) rotate(18deg)}
.opening-field i:nth-child(9){transform:translateY(100px) rotate(24deg)}
.opening-progress{position:absolute;bottom:0;left:0;width:100%;height:1px;background:#262a21;display:none}
.opening-progress span{display:block;height:100%;background:#8c9480;transform:scaleX(0);transform-origin:left}
.home-opening[data-opening="ready"] .opening-stage{height:100svh;min-height:560px}
.home-opening[data-opening="ready"] .opening-question,.home-opening[data-opening="ready"] .opening-answer{position:absolute;inset:0;height:100%;min-height:0}
body.static .opening-question,body.static .opening-answer{min-height:80svh}
body.static .opening-field{display:none}
@media(min-width:1500px){.opening-question,.opening-answer{padding-left:calc((100vw - 1160px)/2);padding-right:calc((100vw - 1160px)/2)}}
@media(max-width:760px){
  body[data-scene="home"] .nav-in{padding-left:24px;padding-right:24px;gap:16px}
  body[data-scene="home"] .btn-nav{padding-left:20px;padding-right:20px;white-space:nowrap}
  .opening-title{font-size:clamp(38px,7.4vw,56px);letter-spacing:-.055em}
  .opening-title .acc{font-size:1.38em}
  .opening-question,.opening-answer{padding:125px 24px 108px}
  .opening-statement{font-size:clamp(33px,7.7vw,49px);line-height:1.2;letter-spacing:-.04em}
  .home-opening[data-opening="ready"] .opening-stage{min-height:520px}
  .opening-field{width:85%;right:-25%;bottom:0;opacity:.35}
  .opening-scroll{bottom:32px;left:24px;right:24px}
  .opening-next{margin-top:30px}
}
@media(prefers-reduced-motion:reduce){.opening-field,.opening-progress{display:none}}