/* KJA LIVING JAPAN HERO — scoped styles; does not alter the site's theme. */
#kja-living-hero{--kja-ink:#e6f0e9;--kja-moss:#071f23;--kja-gold:#f7c480;--kja-sage:#97c3b4;position:relative;isolation:isolate;width:100%;min-height:clamp(660px,83vh,880px);overflow:hidden;background:#0a2730;color:var(--kja-ink);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,system-ui,sans-serif;line-height:1.7;letter-spacing:.015em}
#kja-living-hero[hidden]{display:none!important}
#kja-living-hero *,#kja-living-hero *::before,#kja-living-hero *::after{box-sizing:border-box}
#kja-living-hero a{color:inherit;text-decoration:none}
#kja-living-hero button{font:inherit;cursor:pointer}
#kja-living-hero :focus-visible{outline:3px solid #f9d58c;outline-offset:4px}
#kja-living-hero .kja-net__media{position:absolute;inset:0;pointer-events:none;overflow:hidden;background:#071f23}
#kja-living-hero .kja-net__poster,#kja-living-hero .kja-net__video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:50% 50%}
#kja-living-hero .kja-net__video{opacity:0;transition:opacity 1.15s ease;transform:translateZ(0)}
#kja-living-hero.kja-net--video-loaded .kja-net__video{opacity:.86}
#kja-living-hero .kja-net__media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,19,23,.83) 0%,rgba(4,19,23,.66) 31%,transparent 69%),linear-gradient(0deg,rgba(3,17,22,.68),transparent 27%,transparent 78%,rgba(3,20,27,.27));pointer-events:none}
#kja-living-hero .kja-net__grain{position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(#fff 0.45px,transparent .7px);background-size:5px 5px;mix-blend-mode:soft-light}
#kja-living-hero .kja-net__veins{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.95}
#kja-living-hero .kja-net__veins path{fill:none;stroke:#f5c587;stroke-width:1.5;stroke-opacity:.48;stroke-dasharray:2 12;stroke-linecap:round;animation:kja-stream 17s linear infinite}
#kja-living-hero .kja-net__veins path.kja-net__vein--active{stroke:#ffd4a3;stroke-width:2;stroke-opacity:1;filter:drop-shadow(0 0 7px #f3a445);animation-duration:6s}
@keyframes kja-stream{to{stroke-dashoffset:-210}}
#kja-living-hero .kja-net__header{position:relative;z-index:5;padding:30px clamp(22px,6vw,100px) 0;display:flex;align-items:center;justify-content:space-between;gap:24px}
#kja-living-hero .kja-net__brand{font-size:12px;font-weight:700;letter-spacing:.18em;color:rgba(226,244,234,.91)}
#kja-living-hero .kja-net__counter{font-size:11px;letter-spacing:.18em;color:rgba(226,244,234,.55)}
#kja-living-hero .kja-net__main{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.82fr);gap:25px;align-items:center;min-height:clamp(550px,70vh,720px);padding:68px clamp(22px,6vw,100px) 106px}
#kja-living-hero .kja-net__copy{max-width:760px;position:relative}
#kja-living-hero .kja-net__eyebrow{display:flex;align-items:center;gap:13px;font-size:11px;letter-spacing:.25em;color:#f1c78f;margin:0 0 22px;font-weight:700}
#kja-living-hero .kja-net__eyebrow:before{content:"";display:block;width:28px;height:1px;background:#f1c78f}
#kja-living-hero .kja-net__title{color:#fff;font-family:"Yu Mincho","Hiragino Mincho ProN", "Noto Serif JP",serif;font-size:clamp(39px,5.5vw,86px);font-weight:600;line-height:1.33;letter-spacing:-.057em;text-wrap:balance;text-shadow:0 2px 38px rgba(1,11,19,.42);margin:0 0 28px}
#kja-living-hero .kja-net__title strong{display:block;font:inherit;color:#f9dfb2}
#kja-living-hero .kja-net__lead{max-width:510px;font-size:clamp(14px,1.17vw,17px);line-height:2.07;color:#e1ece9;letter-spacing:.055em;margin:0 0 33px}
#kja-living-hero .kja-net__cta{display:flex;flex-wrap:wrap;gap:12px}
#kja-living-hero .kja-net__cta a{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:50px;padding:12px 24px;border:1px solid rgba(241,231,197,.55);border-radius:100px;font-size:13px;font-weight:700;letter-spacing:.08em;transition:transform .22s,background .22s,border-color .22s}
#kja-living-hero .kja-net__cta a:first-child{background:#f9dfad;border-color:#f9dfad;color:#0a302c}
#kja-living-hero .kja-net__cta a:hover{transform:translateY(-3px)}
#kja-living-hero .kja-net__explore{align-self:end;justify-self:end;position:relative;width:min(100%,410px);margin-top:220px}
#kja-living-hero .kja-net__explore-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;font-weight:700;font-size:10px;letter-spacing:.17em;color:#f9dbaa}
#kja-living-hero .kja-net__story{display:none;position:relative;border:1px solid rgba(227,246,227,.22);border-radius:14px;background:rgba(3,29,31,.84);box-shadow:0 23px 65px rgba(0,0,0,.25);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);overflow:hidden;animation:kja-card-rise .35s both}
#kja-living-hero .kja-net__story.is-active{display:flex;align-items:stretch}
@keyframes kja-card-rise{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
#kja-living-hero .kja-net__story-thumb{width:124px;min-width:124px;object-fit:cover}
#kja-living-hero .kja-net__story-body{padding:18px 18px 17px}
#kja-living-hero .kja-net__story-area{display:block;font-size:9px;letter-spacing:.2em;color:#eac393;margin-bottom:8px}
#kja-living-hero .kja-net__story-heading{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:17px;font-weight:600;margin:0 0 8px;line-height:1.5}
#kja-living-hero .kja-net__story-summary{font-size:10.5px;color:#b9ccc7;margin:0 0 9px;line-height:1.8}
#kja-living-hero .kja-net__story-link{display:inline-flex;gap:11px;align-items:center;font-size:11px;font-weight:700;letter-spacing:.07em;color:#ffdfa7;text-decoration:underline;text-underline-offset:5px}
#kja-living-hero .kja-net__story-link:hover{color:white}
#kja-living-hero .kja-net__nodes{position:absolute;inset:0;z-index:4;pointer-events:none}
#kja-living-hero .kja-net__node{position:absolute;z-index:4;display:flex;align-items:center;justify-content:center;width:46px;height:46px;margin:-23px 0 0 -23px;background:transparent;border:0;border-radius:100%;pointer-events:auto;outline-offset:2px;transition:transform .2s}
#kja-living-hero .kja-net__node::before{content:"";display:block;position:absolute;inset:4px;border:1px solid rgba(255,204,145,.67);border-radius:100%;box-shadow:0 0 26px rgba(255,200,137,.29);animation:kja-node-pulse 3.6s ease-in-out infinite}
#kja-living-hero .kja-net__node::after{content:"";position:absolute;display:block;background:#ffe3ad;width:8px;height:8px;border-radius:100%;box-shadow:0 0 12px 5px rgba(255,216,135,.5)}
#kja-living-hero .kja-net__node.is-active::before,#kja-living-hero .kja-net__node:hover::before{inset:-5px;border-color:rgba(255,231,166,.8);box-shadow:0 0 31px rgba(255,195,110,.53)}
#kja-living-hero .kja-net__node:hover{transform:scale(1.12)}
#kja-living-hero .kja-net__node-label{position:absolute;left:30px;top:-6px;white-space:nowrap;font-size:10px;letter-spacing:.16em;color:#fff;text-shadow:0 1px 10px #001a20;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}
#kja-living-hero .kja-net__node:hover .kja-net__node-label,#kja-living-hero .kja-net__node.is-active .kja-net__node-label,#kja-living-hero .kja-net__node:focus-visible .kja-net__node-label{opacity:1;transform:translateY(0)}
@keyframes kja-node-pulse{0%,100%{transform:scale(.62);opacity:.54}50%{transform:scale(1.09);opacity:1}}
#kja-living-hero .kja-net__bottom{position:absolute;z-index:6;left:clamp(22px,6vw,100px);right:clamp(22px,6vw,100px);bottom:24px;display:flex;gap:24px;align-items:center;justify-content:space-between;border-top:1px solid rgba(248,246,218,.2);padding-top:13px}
#kja-living-hero .kja-net__bottom label{font-size:10px;letter-spacing:.2em;color:#e1d9c8;white-space:nowrap}
#kja-living-hero .kja-net__filters{display:flex;gap:7px;align-items:center;overflow-x:auto;scrollbar-width:none;max-width:100%;padding:6px 2px}
#kja-living-hero .kja-net__filters::-webkit-scrollbar{display:none}
#kja-living-hero .kja-net__filters button{font-size:11px;line-height:1.4;white-space:nowrap;flex-shrink:0;border:1px solid rgba(228,234,216,.24);border-radius:99px;background:rgba(6,34,39,.55);color:#e0e8e5;padding:10px 16px;transition:background .18s,border-color .18s}
#kja-living-hero .kja-net__filters button[aria-pressed="true"],#kja-living-hero .kja-net__filters button:hover{background:rgba(243,205,136,.18);border-color:#f4c98b;color:#f9e3ba}
#kja-living-hero .kja-net__control{flex-shrink:0;border:1px solid rgba(238,233,213,.45);background:rgba(5,31,35,.8);border-radius:99px;color:#fff;padding:10px 14px;font-size:10px;letter-spacing:.06em}
#kja-living-hero .kja-net__control:hover{background:rgba(243,206,151,.25)}
#kja-living-hero .kja-net__seo-anchor{font-size:12px;color:#f7e6c5;margin:0 0 12px}
#kja-living-hero .kja-net__seo-anchor h1{font:700 12px/1.5 "Hiragino Kaku Gothic ProN",sans-serif!important;color:#f7e6c5!important;margin:0!important;letter-spacing:.15em!important}
#kja-living-hero.kja-net--still .kja-net__veins path,#kja-living-hero.kja-net--still .kja-net__node:before{animation-play-state:paused}
@media(max-width:1000px){#kja-living-hero .kja-net__main{grid-template-columns:minmax(0,1fr) minmax(260px,.75fr)}#kja-living-hero .kja-net__main{padding:66px 5vw 126px}#kja-living-hero .kja-net__title{font-size:clamp(45px,6.8vw,65px)}#kja-living-hero .kja-net__explore{margin-top:260px}#kja-living-hero .kja-net__story-thumb{width:95px;min-width:95px}#kja-living-hero .kja-net__story-body{padding:13px}#kja-living-hero .kja-net__bottom{left:5vw;right:5vw;gap:10px}#kja-living-hero .kja-net__bottom label{display:none}}
@media(max-width:700px){#kja-living-hero{min-height:850px}#kja-living-hero .kja-net__header{padding:22px 23px 0}#kja-living-hero .kja-net__brand{font-size:11px}#kja-living-hero .kja-net__counter{font-size:9px}#kja-living-hero .kja-net__poster,#kja-living-hero .kja-net__video{object-fit:cover;object-position:79% center}#kja-living-hero .kja-net__media:after{background:linear-gradient(180deg,rgba(3,19,23,.74),rgba(3,19,23,.43) 47%,rgba(3,19,23,.59) 77%,rgba(3,19,23,.96)),linear-gradient(90deg,rgba(4,19,24,.65),transparent)}#kja-living-hero .kja-net__main{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;min-height:740px;padding:105px 24px 153px;gap:100px}#kja-living-hero .kja-net__eyebrow{font-size:9px;letter-spacing:.2em;margin-bottom:21px}#kja-living-hero .kja-net__title{font-size:clamp(39px,9vw,57px);letter-spacing:-.06em;line-height:1.42;margin-bottom:23px}#kja-living-hero .kja-net__lead{font-size:13px;line-height:1.95;max-width:350px;margin-bottom:25px}#kja-living-hero .kja-net__cta{gap:10px}#kja-living-hero .kja-net__cta a{min-height:47px;font-size:11px;padding:11px 17px}#kja-living-hero .kja-net__explore{width:100%;margin-top:0;max-width:480px}#kja-living-hero .kja-net__nodes,#kja-living-hero .kja-net__veins{display:none}#kja-living-hero .kja-net__story{min-height:138px}#kja-living-hero .kja-net__story-thumb{width:115px;min-width:115px}#kja-living-hero .kja-net__story-body{padding:14px}#kja-living-hero .kja-net__bottom{left:22px;right:22px;bottom:23px;display:block}#kja-living-hero .kja-net__filters{gap:8px}#kja-living-hero .kja-net__filters button{font-size:11px;padding:11px 13px}#kja-living-hero .kja-net__control{position:absolute;right:0;bottom:48px;font-size:10px;padding:7px 10px}}
@media (prefers-reduced-motion:reduce){#kja-living-hero *,#kja-living-hero *::before,#kja-living-hero *::after{animation:none!important;transition:none!important}#kja-living-hero .kja-net__video{display:none!important}#kja-living-hero .kja-net__veins{display:none!important}}

/* Mobile: put selectable region chips before the story so touch interaction is immediately visible. */
@media(max-width:700px){
 #kja-living-hero{display:flex;flex-direction:column;min-height:0}
 #kja-living-hero .kja-net__header{order:1;flex-shrink:0}
 #kja-living-hero .kja-net__main{display:contents}
 #kja-living-hero .kja-net__copy{order:2;padding:108px 24px 26px;max-width:none;width:100%}
 #kja-living-hero .kja-net__bottom{order:3;position:relative;bottom:auto;left:auto;right:auto;margin:0 22px 22px;width:calc(100% - 44px);padding-top:15px}
 #kja-living-hero .kja-net__explore{order:4;align-self:stretch;width:auto;max-width:none;margin:0 22px 40px}
 #kja-living-hero .kja-net__lead{margin-bottom:23px}
 #kja-living-hero .kja-net__control{bottom:54px}
}

/* v1.1: On mobile, explicit touch playback is allowed even when autoplay is disabled. */
#kja-living-hero .kja-net__motion-status{display:block;position:absolute;right:0;bottom:65px;max-width:min(270px,72vw);text-align:right;color:#ffe8b4;background:rgba(4,24,27,.87);border-radius:8px;font-size:11px;line-height:1.5;pointer-events:none}
#kja-living-hero .kja-net__motion-status:empty{display:none}
#kja-living-hero.kja-net--video-loaded .kja-net__video{opacity:1;filter:saturate(1.15) brightness(1.13)}
#kja-living-hero.kja-net--region-active .kja-net__story.is-active{box-shadow:0 0 0 1px rgba(251,219,144,.5),0 14px 60px rgba(236,174,92,.24)}
@media(max-width:700px){
  #kja-living-hero .kja-net__motion-status{bottom:94px;right:0;max-width:240px;padding:5px 7px}
  #kja-living-hero.kja-net--video-loaded .kja-net__video{object-position:82% 50%;opacity:1;filter:saturate(1.2) brightness(1.4)}
}
@media(prefers-reduced-motion:reduce){
  /* User's explicit click is an intentional opt-in. Never autoplay in reduced-motion mode. */
  #kja-living-hero.kja-net--motion-opt-in .kja-net__video{display:block!important}
}