:root{color-scheme:light;--ink:#143f50;--teal:#146d83;--pale:#eef7fa;--gold:#ffda84}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;line-height:1.8}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #b17b15;outline-offset:5px}header{position:sticky;top:0;z-index:10;background:var(--ink);color:#fff;display:flex;align-items:center;gap:24px;padding:16px max(20px,calc((100vw - 1180px)/2));box-shadow:0 2px 10px #0002}header nav{display:flex;gap:20px;margin-left:auto;font-size:13px;font-weight:700}header a,footer a{text-decoration:none}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:26px;font-weight:900;line-height:1.3}.brand img{width:48px;background:white;border-radius:12px;padding:7px}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:2px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:12px;padding:12px 22px;background:var(--teal);color:#fff;text-decoration:none;font-weight:800;line-height:1.5}.gold{background:var(--gold);color:#173e4c}.outline{border:1px solid #9fbcc8;background:transparent}.hero{max-width:1240px;margin:auto;padding:24px}.portraits{height:480px;display:grid;grid-template-columns:repeat(4,1fr);position:relative;overflow:hidden;border-radius:22px}.portraits>div{background:url('/welcome/assets/therapist-types.png') var(--x) 0%/400% 300%;position:relative}.portraits:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#082c3bea)}.portraits span{position:absolute;top:20px;left:12px;right:12px;text-align:center;background:#fffffff0;border-radius:20px;font-size:12px;font-weight:800;padding:8px}.portraits h1{position:absolute;bottom:26px;left:16px;right:16px;text-align:center;z-index:1;color:#fff;font-size:clamp(30px,4vw,52px);line-height:1.5;margin:0;letter-spacing:-.03em}.portraits em{font-style:normal;font-size:.78em}.faces{overflow:hidden;margin:12px 0;background:var(--pale);border-radius:14px;padding:12px}.track{display:flex;width:max-content;animation:slide 35s linear infinite}.facegroup{flex-shrink:0;display:flex;gap:16px;padding-right:16px}.facegroup i{flex-shrink:0;width:74px;height:108px;display:block;border:4px solid var(--ink);border-radius:13px;background:url('/welcome/assets/therapist-types.png') var(--x) var(--y,50%)/400% 300%}.faces:hover .track{animation-play-state:paused}@keyframes slide{to{transform:translateX(-50%)}}.start{background:var(--ink);color:#fff;padding:22px 28px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:20px}.start strong{font-size:23px}.start p{margin:0;font-size:13px}.caption{font-size:12px;line-height:1.8;opacity:.85}.section{max-width:1160px;margin:auto;padding:70px 24px}h2{font-size:clamp(26px,3.5vw,38px);line-height:1.5;margin:10px 0 24px;letter-spacing:-.025em}h3{font-size:19px;line-height:1.5}p{max-width:72ch}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:var(--teal)}.intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.intro img{width:100%;max-height:390px;object-fit:cover;border-radius:22px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:28px 0}.cards article{padding:28px;background:var(--pale);border:1px solid #c8dce4;border-radius:18px}.cards p{font-size:14px}.cards b{font-size:24px;color:var(--teal)}.textlink{display:inline-block;min-height:44px;padding:10px 0;font-weight:700;text-underline-offset:5px}.dark{background:var(--ink);color:#fff}.dark .eyebrow{color:var(--gold)}.dark article{background:#ffffff09;border-color:#ffffff35}.actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:24px}details{border-top:1px solid #ffffff45;padding:18px 0}summary{cursor:pointer;padding:10px;font-weight:700}.comic{width:100%;height:auto;max-width:850px;margin:24px auto;display:block}.partner{border-top:1px solid #d2e2e8}.closing{background:var(--pale);border-radius:24px;text-align:center;margin-bottom:60px}footer{background:#082c3b;color:#fff;padding:36px max(24px,calc((100vw - 1112px)/2))}footer nav{display:flex;gap:24px;flex-wrap:wrap;font-size:13px}.top{position:fixed;bottom:20px;right:16px;width:44px;height:44px;background:var(--teal);color:#fff;text-align:center;line-height:44px;border-radius:50%;text-decoration:none;box-shadow:0 2px 8px #0003}.skip{position:absolute;left:10px;top:-60px;z-index:20;background:#fff;padding:10px}.skip:focus{top:10px}@media(max-width:800px){header{flex-wrap:wrap;padding:12px 16px;gap:12px}header nav{order:3;width:100%;justify-content:space-between;margin:0;gap:8px;font-size:11px}header>.button{margin-left:auto;font-size:12px;padding:10px 14px}.brand{font-size:23px}.hero{padding:14px}.portraits{height:350px}.portraits span{top:12px;left:3px;right:3px;font-size:9px;padding:5px 2px}.portraits h1{bottom:25px;font-size:30px}.start{padding:18px;display:block}.start .button{width:100%;margin-top:14px}.start strong{font-size:20px}.section{padding:48px 20px}.intro{grid-template-columns:1fr;gap:24px}.cards{grid-template-columns:1fr;gap:14px}.cards article{padding:22px}.closing{border-radius:0;margin-bottom:0}.faces{padding:8px}.facegroup i{width:56px;height:80px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.track{animation:none}}
.portraits>div{background:none;overflow:hidden}.portraits>div:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:max(100%,313px);height:100%;background:url("/welcome/assets/therapist-types.png") var(--x) 0%/400% 300%}.portraits span{z-index:1}@media(max-width:800px){.portraits>div:before{width:max(100%,228px)}}

.story{margin:28px 0;border:1px solid #b5cbd1;border-radius:18px;padding:20px;background:#fff;color:#143f50}.story summary{cursor:pointer;font-weight:700}.storygrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}.storygrid article{min-width:0}.storyart{aspect-ratio:1;background-image:url(/welcome/assets/nekorobi-stories.png);background-size:400% 400%;background-position:var(--cx) var(--cy);border-radius:12px}.storygrid h3{font-size:17px;margin:8px 0}.storygrid p{font-size:14px;line-height:1.8}.storygrid b{display:block;margin-top:12px;color:#9b701e}@media(max-width:760px){.storygrid{grid-template-columns:repeat(2,minmax(0,1fr))}.story{padding:16px}}@media(max-width:420px){.storygrid{grid-template-columns:1fr}.storygrid article{display:grid;grid-template-columns:108px 1fr;gap:12px}.storygrid b{margin:0}}

header nav{flex-wrap:wrap}.featureIntro{padding-top:60px;padding-bottom:40px}.featureIntro h1{font-size:clamp(32px,5vw,54px);line-height:1.4;margin:10px 0 20px}.roleJump{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:32px}.roleJump a{display:flex;justify-content:space-between;gap:12px;padding:18px;background:var(--ink);color:#fff;border-radius:12px;text-decoration:none;font-weight:700}.featureSection{border-top:1px solid #d2e2e8;scroll-margin-top:36px}.featureSection:nth-of-type(even){background:var(--pale)}.featureHeading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.featureHeading h2{margin-bottom:8px}.roleNumber{font-size:72px;font-weight:900;color:#b0cbd5}.featureGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.featureCard{overflow:hidden;border:1px solid #c3d9e2;border-radius:20px;background:#fff;box-shadow:0 5px 18px #143f5008}.featureArt{aspect-ratio:1.65;background:url('/welcome/assets/nekorobi-stories.png') var(--cx) var(--cy)/400% 400%}.featureBody{padding:24px}.featureBody h3{margin:0 0 12px;font-size:22px}.featureBody p{margin:0;font-size:15px}.featureBody .textlink{margin-top:16px}.featureNote{padding:18px;border-radius:12px;background:#eef7fa;font-size:14px}.featureEnd{text-align:center}.featureEnd p{margin:20px auto 0}@media(max-width:800px){.roleJump{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.roleJump a{font-size:12px;padding:14px 10px}.featureGrid{grid-template-columns:1fr;gap:20px}.roleNumber{font-size:48px}.featureBody{padding:20px}.featureBody h3{font-size:20px}header nav{row-gap:10px}.featureSection{scroll-margin-top:64px}}
.featureCard{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:start}.featureArt{aspect-ratio:1;margin:16px 0 0 16px;border-radius:12px}.featureBody{padding:20px}.featureGrid{grid-template-columns:1fr 1fr}@media(max-width:1000px){.featureGrid{grid-template-columns:1fr}}@media(max-width:480px){.featureCard{grid-template-columns:104px minmax(0,1fr)}.featureArt{margin:14px 0 0 12px}.featureBody{padding:14px}.featureBody h3{font-size:18px}.featureBody p{font-size:14px}}

/* Dedicated audience pages */
.audienceHero{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}.audienceHero h1{font-size:clamp(32px,4vw,52px);line-height:1.5;letter-spacing:-.04em}.audienceHero figure{margin:0}.audienceArt{aspect-ratio:1/1;border-radius:24px;background:#edf5f6 url('/welcome/assets/nekorobi-stories.png') var(--cx) var(--cy)/400% 400%;box-shadow:0 16px 40px #143f5018}.audienceHero figcaption{font-size:11px;text-align:right;margin-top:8px}.questions{max-width:900px}.questions details{border-top:1px solid #bdd3db}.questions summary{font-size:18px;min-height:48px}.questions details p{padding:0 12px}.pageDirectory{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.pageDirectory a{display:flex;justify-content:space-between;gap:16px;text-decoration:none;border:1px solid #c8dce4;background:var(--pale);padding:24px;border-radius:16px;font-weight:700;min-height:64px}.closing .actions{justify-content:center}header nav a{padding:8px 0;min-height:44px;display:flex;align-items:center}header nav{flex-wrap:wrap}@media(max-width:800px){.audienceHero{grid-template-columns:1fr;gap:24px}.audienceArt{aspect-ratio:4/3;background-size:400% 400%}.audienceHero h1{font-size:34px}.pageDirectory{grid-template-columns:1fr}header nav{justify-content:flex-start;gap:4px 18px}.storygrid{grid-template-columns:1fr 1fr}.closing .actions{flex-direction:column}.closing .button{width:100%}}@media(max-width:480px){.storygrid{grid-template-columns:1fr}.audienceHero{padding-top:30px}}

.audiencePage .audienceArt,.audiencePage .storyart{background-size:430% 430%;background-repeat:no-repeat}

.newsCompact{max-width:1120px;margin:12px auto 20px;padding:14px 24px;display:flex;align-items:center;gap:12px 20px;border-bottom:1px solid #d8e5e9;font-size:14px}.newsCompact h2{font-size:14px;margin:0;white-space:nowrap}.newsCompact time{color:#526a75;font-size:13px;white-space:nowrap}.newsCompact p{font-size:14px;line-height:1.6;margin:0}@media(max-width:600px){.newsCompact{margin:8px 14px 16px;padding:12px 4px;display:grid;grid-template-columns:auto 1fr;gap:6px 14px}.newsCompact p{grid-column:1/-1}}