/* KinoHata: a product identity inside the existing AXLEVINT system. */
#kinohata{scroll-margin-top:96px}
.kinohata-project{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);border-color:rgba(236,178,72,.24);background:radial-gradient(ellipse at 90% 10%,rgba(198,123,24,.10),transparent 60%),#0b0c10;isolation:isolate}
.kinohata-project:before{background:linear-gradient(115deg,rgba(155,92,255,.035),transparent 45%,rgba(247,201,72,.045))}
.kinohata-content{padding:48px 12px 44px 46px}
.kinohata-project .kinohata-tag{display:flex;align-items:center;gap:10px;color:#c8ae7e;line-height:1.5;margin-bottom:24px}
.kinohata-tag>span{width:6px;height:6px;background:#e9b866;border-radius:50%;box-shadow:0 0 14px rgba(233,184,102,.45);flex-shrink:0}
.kinohata-project h3{font-family:'Inter',sans-serif;font-size:clamp(38px,4vw,58px);font-weight:800;letter-spacing:-.055em;line-height:1.1}
.kinohata-title-dot{color:#e9b866}
.kinohata-headline{font-size:clamp(22px,2.7vw,34px);font-weight:500;letter-spacing:-.04em;line-height:1.18;margin-top:18px;color:#f4f0e8}
.kinohata-headline>span{color:#d3aa6c}
.kinohata-project .kinohata-content>p{font-size:14px;line-height:1.8;max-width:430px;color:#a5a4a6;margin-top:22px}
.kinohata-meta{margin-top:22px;gap:7px}
.kinohata-meta .chip{color:#bcb2a2;border-color:rgba(233,184,102,.17);background:rgba(233,184,102,.025);font-size:10px}
.kinohata-actions{margin-top:28px}
.kinohata-download{min-height:68px;border-radius:16px;gap:14px;padding:12px 20px;background:linear-gradient(115deg,#f7dca2,#e9b866 70%,#dca34c);border:1px solid #f4d496;color:#20190d;box-shadow:0 10px 32px rgba(213,147,47,.10);text-align:left}
.kinohata-download>span{display:grid;gap:4px;font-size:15px;font-weight:800}
.kinohata-download small{font-size:10px;font-weight:500;letter-spacing:.025em;color:#514027}
.kinohata-download:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(213,147,47,.20);background:#f7dca2}
.kinohata-download:focus-visible{outline:3px solid #fff;outline-offset:5px}
.kinohata-link-arrow{margin-left:22px;flex-shrink:0}
.kinohata-store-note{font-size:10px;line-height:1.6;color:#a09a8e;margin-top:13px}
.kinohata-project .kinohata-visual{min-height:570px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 30px 50px;background:radial-gradient(ellipse at 55% 55%,rgba(193,128,36,.13),transparent 65%)}
.kinohata-project .kinohata-visual:before{display:none}
.kinohata-art-label{position:absolute;top:28px;left:32px;right:32px;display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.17em;line-height:1.5;color:#a09685}
.kinohata-screen{width:100%;border-radius:14px;border:1px solid rgba(244,210,150,.23);padding:5px;background:#18140e;box-shadow:0 36px 75px rgba(0,0,0,.65),0 0 50px rgba(180,114,25,.06);transform:perspective(1400px) rotateY(-7deg) rotateZ(-2deg);position:relative;overflow:hidden}
.kinohata-screen img{width:100%;height:auto;aspect-ratio:16/9;display:block;border-radius:9px}
.kinohata-visual-caption{align-self:flex-start;display:flex;align-items:center;gap:14px;margin:32px 18px 0;font-size:11px;line-height:1.6;color:#aaa091;letter-spacing:.01em}
.kinohata-visual-caption strong{font-weight:500;color:#d7cbb6}
.kinohata-caption-line{width:40px;height:1px;background:linear-gradient(90deg,#dfb56e,transparent)}
.kinohata-features{list-style:none;grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(233,184,102,.13);margin:0;padding:0;background:rgba(0,0,0,.12);position:relative;z-index:2}
.kinohata-features li{display:flex;align-items:flex-start;gap:14px;padding:26px 28px;min-width:0}
.kinohata-features li+li{border-left:1px solid rgba(233,184,102,.13)}
.kinohata-feature-number{font-family:'Space Grotesk',sans-serif;font-size:11px;color:#bfa474;padding-top:3px}
.kinohata-features h4{font-size:12px;line-height:1.5;font-weight:600;color:#e1d9cb}
.kinohata-project .kinohata-features p{font-size:11px;line-height:1.65;margin-top:6px;color:#a49c90}
@media(max-width:980px){
 .kinohata-project{grid-template-columns:1fr}
 .kinohata-content{padding:34px 34px 18px}
 .kinohata-project .kinohata-content>p{max-width:580px}
 .kinohata-project .kinohata-visual{min-height:0;padding:70px 34px 30px}
 .kinohata-screen{max-width:720px;transform:none}
 .kinohata-art-label{top:24px;left:34px;right:34px}
 .kinohata-visual-caption{margin:20px 0 0;align-self:center}
 .kinohata-features li{padding:22px 18px;gap:10px}
}
@media(max-width:620px){
 #kinohata{scroll-margin-top:82px}
 .kinohata-content{padding:28px 24px 16px}
 .kinohata-project h3{font-size:42px}
 .kinohata-project .kinohata-tag{font-size:9px;margin-bottom:20px}
 .kinohata-project .kinohata-content>p{font-size:14px}
 .kinohata-actions{display:flex}
 .kinohata-download{width:100%;justify-content:flex-start;padding:12px 16px}
 .kinohata-link-arrow{margin-left:auto}
 .kinohata-store-note{font-size:9px}
 .kinohata-project .kinohata-visual{padding:65px 20px 26px}
 .kinohata-art-label{left:24px;right:24px;font-size:8px;letter-spacing:.11em}
 .kinohata-features{grid-template-columns:1fr}
 .kinohata-features li{padding:20px 24px;gap:16px}
 .kinohata-features li+li{border-left:0;border-top:1px solid rgba(233,184,102,.10)}
 .kinohata-features h4{font-size:13px}
 .kinohata-project .kinohata-features p{font-size:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.hero:before{animation:none}.kinohata-download{transition:none}.kinohata-download:hover{transform:none}}
