@charset "UTF-8";
/* English leads; Japanese supports. No fixed line breaks or no-wrap phrases. */
h1 .heading-english,h2 .heading-english,h3 .heading-english{display:block;margin:0;font-family:var(--serif);font-weight:700;line-height:1.08;letter-spacing:-.035em;white-space:normal;word-break:normal;overflow-wrap:break-word;color:var(--ink)}
h1 .heading-ja,h2 .heading-ja,h3 .heading-ja{display:block;margin-top:22px;font-family:"YuMincho","Yu Mincho","Hiragino Mincho ProN",serif;font-weight:600;font-size:25px;line-height:1.8;letter-spacing:.025em;white-space:normal;word-break:normal;line-break:strict;overflow-wrap:break-word;color:var(--body)}
.hero h1 .heading-english{font-size:clamp(54px,5.3vw,76px);line-height:1.06;max-width:9em}
.hero h1 .heading-ja{font-size:27px;margin-top:24px;line-height:1.8}
h2 .heading-english{font-size:58px}
.intro h2 .heading-english{font-size:66px;font-style:italic;line-height:1.05;color:var(--wine);max-width:8em}
.intro h2 .heading-ja{font-size:24px;margin-top:29px;max-width:21em}
.learning h2 .heading-english{font-size:72px;line-height:1;max-width:8em}
.learning h2 .heading-ja{font-size:25px;margin-top:26px;padding-left:8%}
.finder h2 .heading-english{font-size:54px;font-style:italic;max-width:9em}
.finder h2 .heading-ja{font-size:24px;margin-top:25px}
.journal .section-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:35px}
.journal .section-heading h2 .heading-english{font-size:clamp(64px,7vw,100px);line-height:1.02;max-width:10em}
.journal .section-heading h2 .heading-ja{font-size:24px;text-align:right;margin-top:25px;max-width:25em}
.everyday h2 .heading-english{font-size:62px;font-style:italic}
.everyday h2 .heading-ja{font-size:24px;margin-top:25px}
.support-copy h2 .heading-english{font-size:64px;line-height:1.04;max-width:8em}
.support-copy h2 .heading-ja{font-size:25px;margin-top:25px}
.about-copy h2 .heading-english{font-size:61px;line-height:1.06;max-width:9em}
.about-copy h2 .heading-ja{font-size:24px;margin-top:25px}
.closing h2 .heading-english{font-size:clamp(64px,8vw,110px);line-height:1;letter-spacing:-.055em;color:var(--wine)}
.closing h2 .heading-ja{font-size:28px;margin-top:30px;padding-left:8%}
.faq h2 .heading-english{font-size:48px;font-style:italic;max-width:9em}
.faq h2 .heading-ja{font-size:24px;margin-top:24px}
h3 .heading-english{font-size:29px;line-height:1.2}
h3 .heading-ja{font-size:22px;line-height:1.8;margin-top:16px}
.product h3 .heading-english{font-size:30px;max-width:15em}
.product h3 .heading-ja{font-size:23px}
.recommendation h3 .heading-english{font-size:30px;line-height:1.2;margin:0 0 17px}
.recommendation h3 .heading-ja{font-size:23px;margin-top:0}
.journal h3 .heading-english{font-size:32px;line-height:1.15;color:var(--wine)}
.journal h3 .heading-ja{font-size:22px}
.journal-grid article:first-child h3 .heading-english{font-size:42px}
.journal-grid article:first-child h3 .heading-ja{font-size:24px}
.support-paper h3 .heading-english{font-size:31px}
.support-paper h3 .heading-ja{font-size:23px}
.content-page h1 .heading-english{font-size:64px;max-width:12em}
.content-page h1 .heading-ja{font-size:28px;margin-top:26px}
.content-block h2 .heading-english{font-size:44px}
.content-block h2 .heading-ja{font-size:25px}
.scope-grid h3 .heading-english{font-size:28px}
.scope-grid h3 .heading-ja{font-size:22px}
@media(max-width:1100px){
 .hero h1 .heading-english{font-size:59px}
 .hero h1 .heading-ja{font-size:25px}
 .intro h2 .heading-english,.learning h2 .heading-english,.support-copy h2 .heading-english,.about-copy h2 .heading-english{font-size:56px}
 .finder h2 .heading-english,.everyday h2 .heading-english{font-size:51px}
 .journal .section-heading h2 .heading-english{font-size:70px}
 .faq h2 .heading-english{font-size:42px}
}
@media(max-width:760px){
 .hero h1 .heading-english{font-size:54px;max-width:9em}
 .hero h1 .heading-ja{font-size:24px;margin-top:22px}
 h2 .heading-english{font-size:46px}
 h2 .heading-ja{font-size:22px;margin-top:21px;line-height:1.85}
 .intro h2 .heading-english,.learning h2 .heading-english,.support-copy h2 .heading-english,.about-copy h2 .heading-english{font-size:49px;line-height:1.08;max-width:10em}
 .intro h2 .heading-ja,.learning h2 .heading-ja,.finder h2 .heading-ja,.everyday h2 .heading-ja,.support-copy h2 .heading-ja,.about-copy h2 .heading-ja,.faq h2 .heading-ja{font-size:22px;margin-top:23px;padding-left:0}
 .finder h2 .heading-english,.everyday h2 .heading-english{font-size:45px}
 .journal .section-heading{display:block}
 .journal .section-heading h2 .heading-english{font-size:57px;max-width:9em}
 .journal .section-heading h2 .heading-ja{font-size:22px;margin-top:23px;text-align:left}
 .closing h2 .heading-english{font-size:65px;line-height:1.05}
 .closing h2 .heading-ja{font-size:24px;padding-left:0;margin-top:24px}
 .faq h2 .heading-english{font-size:43px}
 .product h3 .heading-english,.recommendation h3 .heading-english,.support-paper h3 .heading-english,.journal h3 .heading-english{font-size:29px;line-height:1.2}
 h3 .heading-ja,.product h3 .heading-ja,.recommendation h3 .heading-ja,.support-paper h3 .heading-ja,.journal h3 .heading-ja{font-size:21px;margin-top:16px}
 .journal-grid article:first-child h3 .heading-english{font-size:34px}
 .journal-grid article:first-child h3 .heading-ja{font-size:22px}
 .content-page h1 .heading-english{font-size:51px}
 .content-page h1 .heading-ja{font-size:25px}
 .content-block h2 .heading-english{font-size:37px}
 .content-block h2 .heading-ja{font-size:23px}
 .scope-grid h3 .heading-english{font-size:27px}
 .scope-grid h3 .heading-ja{font-size:21px}
}
@media(max-width:370px){
 .hero h1 .heading-english{font-size:46px}
 .hero h1 .heading-ja{font-size:22px}
 .intro h2 .heading-english,.learning h2 .heading-english,.support-copy h2 .heading-english,.about-copy h2 .heading-english{font-size:43px}
 .finder h2 .heading-english,.everyday h2 .heading-english{font-size:41px}
 .journal .section-heading h2 .heading-english{font-size:50px}
 .closing h2 .heading-english{font-size:57px}
 .intro h2 .heading-ja,.learning h2 .heading-ja,.finder h2 .heading-ja,.journal .section-heading h2 .heading-ja,.everyday h2 .heading-ja,.support-copy h2 .heading-ja,.about-copy h2 .heading-ja,.faq h2 .heading-ja{font-size:21px}
 .content-page h1 .heading-english{font-size:44px}
 .content-page h1 .heading-ja{font-size:23px}
}

/* Learning introduction: one heading and one continuous lead, not three columns. */
#learning .section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  align-items: end;
  gap: clamp(32px, 6vw, 88px);
}
#learning .section-heading > div { min-width: 0; }
#learning h2 .heading-ja { padding-left: 0; max-width: none; }
#learning .heading-phrase { display: inline-block; max-inline-size: 100%; }
#learning .section-lead { max-width: 27em; padding-bottom: 6px; }
#learning .section-lead p { margin: 0; font-size: var(--reading-body); line-height: 1.95; }
#learning .section-lead p + p { margin-top: 20px; }
@media (max-width: 760px) {
  #learning .section-heading { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  #learning .section-lead { max-width: none; padding-bottom: 0; }
  #learning .section-lead p + p { margin-top: 18px; }
}