/* FV collage redesign */
.hero-visual{overflow:visible;background:transparent;box-shadow:none;border-radius:0}
.hero-dot-grid{position:absolute;z-index:0;width:86px;height:86px;left:4%;top:13%;opacity:.7;background-image:radial-gradient(circle,rgba(var(--accent-rgb),.78) 2.4px,transparent 2.8px);background-size:18px 18px;pointer-events:none}
.hero-sub-visual{position:absolute;z-index:4;display:block;overflow:hidden;background:#fff;border:5px solid #fff;box-shadow:0 18px 34px rgba(20,30,50,.16)}
.hero-sub-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:inherit}
@media (min-width:721px){
  .home-hero .wrap.hh-grid{width:80%;max-width:none;margin:0 auto;padding:0;overflow:visible}
  .hero-copy{left:0;width:min(34vw,500px)}
  .hero-copy::before{left:-10vw}
  .hero-visual{top:clamp(44px,6vh,72px);right:0;width:min(50vw,780px);height:min(68vh,620px);overflow:visible;background:transparent}
  .hero-visual::before{content:"";display:block;position:absolute;z-index:0;right:2%;top:8%;width:70%;height:78%;border:2px solid rgba(var(--accent-rgb),.78);border-left-color:transparent;border-bottom-color:rgba(var(--accent-rgb),.48);border-radius:50%;transform:rotate(16deg);pointer-events:none}
  .hero-visual::after{display:none}
  .hh-grid .hv{position:absolute;z-index:2;left:13%;top:20%;width:74%;height:66%;inset:auto;overflow:visible;background:transparent;transform:rotate(3deg)}
  .hh-grid .hv::before{content:"";display:block;position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(255,255,255,.82) 0%,rgba(255,255,255,.46) 13%,rgba(255,255,255,0) 30%);border-radius:40px 38px 72px 46px;pointer-events:none}
  .hh-grid .hv .hero-photo{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;border-radius:40px 38px 72px 46px;background:#fff;box-shadow:0 24px 58px rgba(20,30,50,.13);transform:none}
  .hh-grid .hv .hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:inherit;transform:scale(1.08) rotate(-3deg)}
  .hero-sub-top{right:-1%;top:6%;width:35%;height:25%;border-radius:20px 20px 28px 20px}
  .hero-sub-bottom-left{left:8%;bottom:0;width:39%;height:24%;border-radius:20px 26px 18px 26px;transform:rotate(-3deg)}
  .hero-sub-bottom-right{right:1%;bottom:7%;width:38%;height:25%;border-radius:24px 18px 26px 18px;transform:rotate(2deg)}
}
@media (min-width:721px) and (max-width:980px){
  .home-hero{min-height:auto;padding:50px 0 72px}
  .home-hero .wrap.hh-grid{width:min(88%,720px);min-height:clamp(600px,72vw,680px)}
  .hero-copy{width:min(34vw,300px)}
  .home-hero h1{font-size:clamp(46px,7vw,58px);line-height:1.32;margin-bottom:24px}
  .home-hero p.lead{font-size:16px;line-height:1.9}
  .hero-lineup{max-width:300px;gap:9px 10px;font-size:11px;line-height:1.9}
  .hero-visual{top:clamp(30px,4vh,48px);width:min(53vw,460px);height:clamp(500px,64vw,580px)}
  .hh-grid .hv{left:10%;top:18%;width:76%;height:62%}
  .hero-sub-top{right:0;top:11%;width:32%;height:22%}
  .hero-sub-bottom-left{left:8%;bottom:7%;width:35%;height:21%}
  .hero-sub-bottom-right{right:1%;bottom:9%;width:35%;height:23%}
}
@media (max-width:720px){
  .home-hero{min-height:auto;padding:0 0 86px;background:#fff;overflow:hidden}
  .home-hero::before{display:none}
  .hh-grid{height:clamp(820px,205vw,980px);min-height:0;display:block;overflow:visible}
  .hero-copy{position:absolute;z-index:5;left:0;right:0;top:0;width:auto;padding:72px clamp(26px,7vw,64px) 0;margin:0;transform:none;text-align:left}
  .hero-copy::before{display:none}
  .hero-eyebrow-main{display:flex;flex-direction:row;align-items:center;gap:14px;margin:0 0 28px}
  .hero-eyebrow-sp{display:none}
  .home-hero h1{font-size:clamp(42px,12.4vw,58px);line-height:1.16;margin:0 0 28px;letter-spacing:.01em;white-space:nowrap}
  .home-hero h1 br{display:none}
  .home-hero p.lead{font-size:clamp(17px,4.7vw,22px);line-height:1.75;font-weight:900;margin:0 0 30px;max-width:none;text-align:left;text-shadow:none}
  .hero-lineup{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:10px 12px;margin-top:0;font-size:clamp(12px,3.25vw,15px);line-height:1.9;font-weight:900;letter-spacing:.08em;color:var(--ink-mid);max-width:640px}
  .hero-lineup > span:not(.dot){display:inline;min-width:0;padding:0;border-left:0;text-align:left;color:var(--ink-mid);font:inherit;overflow-wrap:normal}
  .hero-lineup > span:not(.dot)::before{display:none;content:none}
  .hero-lineup .dot{display:block;width:4px;height:4px;flex:0 0 4px;margin-top:0;background:var(--pink);opacity:.72}
  .hero-lineup .line-break{display:block;flex-basis:100%;height:0}
  .hero-visual{position:absolute;z-index:2;left:50%;right:auto;top:clamp(460px,112vw,555px);width:min(94vw,720px);height:clamp(350px,88vw,455px);max-width:none;transform:translateX(-50%);overflow:visible;pointer-events:none}
  .hero-visual.reveal{transform:translateX(-50%)}
  .hero-visual::before{content:"";display:block;position:absolute;z-index:0;right:2%;top:-5%;width:58%;height:92%;border:1.5px solid rgba(var(--accent-rgb),.72);border-left-color:transparent;border-radius:50%;transform:rotate(12deg);pointer-events:none}
  .hero-visual::after{display:none}
  .hero-dot-grid{left:0;top:16%;width:82px;height:82px;background-size:16px 16px}
  .hh-grid .hv{position:absolute;z-index:2;left:7%;top:17%;width:84%;height:68%;inset:auto;overflow:visible;background:transparent;transform:rotate(4deg)}
  .hh-grid .hv::before{content:"";display:block;position:absolute;inset:0;z-index:2;border-radius:28px 28px 56px 36px;background:linear-gradient(90deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 30%);pointer-events:none}
  .hh-grid .hv .hero-photo{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;border-radius:28px 28px 56px 36px;background:#fff;box-shadow:0 18px 38px rgba(20,30,50,.14)}
  .hh-grid .hv .hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:inherit;transform:scale(1.08) rotate(-4deg)}
  .hero-sub-top{right:4%;top:5%;width:38%;height:25%;border-radius:18px 18px 24px 18px}
  .hero-sub-bottom-left{left:1%;bottom:2%;width:42%;height:25%;border-radius:18px 24px 18px 24px;transform:rotate(-3deg)}
  .hero-sub-bottom-right{right:1%;bottom:11%;width:42%;height:26%;border-radius:22px 16px 24px 16px;transform:rotate(2deg)}
  .hero-scroll{display:none}
  .hero-scroll-label{display:block;writing-mode:horizontal-tb;text-orientation:initial;color:var(--pink);font-size:12px;letter-spacing:.22em}
  .hero-scroll-line{width:1px;height:42px;background:var(--pink);border:0;transform:none}
}
@media (max-width:540px){
  .hh-grid{height:clamp(820px,210vw,960px)}
  .hero-copy{padding:62px 28px 0}
  .hero-visual{top:clamp(510px,124vw,585px);width:96vw;height:clamp(350px,94vw,440px)}
  .hero-dot-grid{width:66px;height:66px;background-size:13px 13px}
  .hero-sub-visual{border-width:4px}
}