@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600;700&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap');
:root{--ink:#153c31;--paper:#f7f6ef;--accent:#dca943;--muted:#63726a;--line:#d6ddd3;--sans:'Zen Kaku Gothic New','Hiragino Kaku Gothic ProN',sans-serif;--serif:'Noto Serif JP','Hiragino Mincho ProN',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #c06420;outline-offset:5px}::selection{background:#e9cb66;color:#153c31}.studybar{position:sticky;top:0;z-index:20;background:#202a27;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:9px 4%;font-size:11px;letter-spacing:.04em;min-height:51px}.studylabel{opacity:.72}.switch{display:flex;gap:5px}.switch a{padding:8px 16px;border-radius:3px;color:#ccd0cc;transition:background .2s}.switch a.active{background:#f7f6ef;color:#233b31}.switch a:hover{background:#43534c;color:white}.studyright{opacity:.65}.wrap{max-width:1320px;margin:auto;padding:0 6%}.header{height:102px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:13px;align-items:center}.brand svg{width:39px;height:39px}.brand strong{font-size:22px;font-weight:900;letter-spacing:.1em}.brand small{display:block;font-size:9px;letter-spacing:.25em;margin-top:1px}.nav{display:flex;gap:31px;align-items:center;font-size:12px;font-weight:700}.nav a:not(.navcta):hover{opacity:.6}.navcta{border:1px solid var(--ink);border-radius:3px;padding:13px 22px}.arrow{display:inline-block;margin-left:24px}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:700;display:flex;align-items:center;gap:13px}.eyebrow:before{content:'';height:1px;width:28px;background:currentColor}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:1%;padding:28px 0 78px;position:relative}.hero-copy{padding:34px 0;position:relative;z-index:2}.hero h1{font-family:var(--serif);font-weight:500;letter-spacing:.045em;margin:30px 0 28px;line-height:1.6;font-size:clamp(30px,3.45vw,49px)}.hero h1 .exclaim{font-size:1.34em;display:block;margin-left:-.5em;line-height:1.6;letter-spacing:0}.hero h1 .last{display:block}.intro{font-size:13px;line-height:2.15;letter-spacing:.025em;margin:0 0 28px}.hero-credential{max-width:365px;font-size:11px;line-height:2;color:var(--muted);margin:0 0 27px}.primary{background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:17px 23px;font-size:12px;font-weight:700;border:1px solid var(--ink);transition:transform .2s,background .2s}.primary:hover{transform:translateY(-3px);background:#285947}.secondary{font-size:11px;margin-left:24px;border-bottom:1px solid var(--line);padding-bottom:6px}.hero-visual{height:575px;position:relative;margin-left:9%;margin-right:-6%}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:54% center;border-radius:48% 48% 3px 3px}.photo-caption{position:absolute;bottom:23px;right:22px;background:#f9f8f0ed;padding:12px 19px;font-size:10px;letter-spacing:.1em}.photo-caption strong{font-size:15px;margin-left:13px;font-weight:700}.photo-side{position:absolute;right:-22px;top:32%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.3em}.seal{position:absolute;left:-32px;top:35px;border-radius:50%;width:88px;height:88px;background:var(--paper);display:grid;place-content:center;text-align:center;border:1px solid var(--line);outline:6px solid var(--paper);font-size:11px;line-height:1.8;transform:rotate(-9deg)}.seal strong{font-family:var(--serif);font-size:23px;font-weight:600}.hero-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:19px 0;font-size:10px;letter-spacing:.14em}.hero-bottom b{font-weight:500}.scroll-link{display:flex;gap:20px;align-items:center}.scroll-link:after{content:'↓';font-size:17px}.story{padding:91px 0 100px;display:grid;grid-template-columns:.85fr 1.2fr;gap:11%;border-bottom:1px solid var(--line)}.section-kicker{font-size:10px;letter-spacing:.2em;margin:0 0 20px;color:var(--muted)}h2{font-family:var(--serif);font-size:32px;line-height:1.8;font-weight:500;letter-spacing:.04em;margin:0}.story-body{padding-top:5px}.story-body>p{font-size:14px;line-height:2.2;margin:0 0 25px}.steps{display:flex;gap:17px;padding-top:15px}.step{flex:1;border-top:1px solid var(--line);padding-top:15px}.step span{font-size:10px;color:#849488}.step p{font-size:12px;line-height:1.9;margin:10px 0 0}.teacher{padding:100px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:12%;align-items:center}.teacher-image{width:100%;height:490px;object-fit:cover;object-position:center 62%;border-radius:3px}.teacher h2{font-size:33px}.teacher-name{display:flex;align-items:center;gap:22px;margin:25px 0 18px}.teacher-name strong{font-family:var(--serif);font-size:23px;font-weight:500}.teacher-name span{font-size:10px;letter-spacing:.16em;color:var(--muted)}.teacher-copy>p{font-size:13px;line-height:2.1}.credential-list{margin:24px 0 0;border-top:1px solid var(--line);padding:0;list-style:none}.credential-list li{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.credential-list strong{font-size:14px}.credential-note{font-size:10px!important;color:var(--muted)}.closing{background:var(--ink);color:var(--paper);padding:65px 7%;display:flex;justify-content:space-between;align-items:center;gap:30px}.closing h2{font-size:28px}.closing p{font-size:12px;line-height:2}.closing .primary{background:var(--paper);color:var(--ink)}.footer{padding:32px 0;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.preview-note{padding:18px 6%;text-align:center;font-size:11px;background:#ebece5;color:#657068;line-height:1.8}.research-link{font-size:11px;border-bottom:1px solid currentColor}.tag{display:none}.bigword{display:none}.b{--paper:#fffbee;--ink:#213a30;--accent:#f9d447;--line:#cdd2b9;--muted:#65705f}.b .header{height:98px}.b .brand strong{font-weight:900}.b .navcta{border:2px solid var(--ink);border-radius:100px;background:var(--accent)}.b .hero{padding:35px 0 62px;grid-template-columns:1.15fr 1fr;gap:2%;min-height:650px}.b .eyebrow{letter-spacing:.11em;font-size:11px}.b .eyebrow:before{width:10px;height:10px;border-radius:50%;background:#ed774c}.b .hero h1{font-family:var(--sans);font-weight:900;font-size:clamp(30px,3.45vw,50px);line-height:1.55;letter-spacing:-.04em;margin:24px 0 22px}.b .hero h1 .exclaim{font-size:1.53em;line-height:1.45;white-space:nowrap;letter-spacing:-.065em;position:relative;margin-left:-.48em}.b .hero h1 .last{display:inline;background:linear-gradient(transparent 65%,#f9d447 65%,#f9d447 92%,transparent 92%)}.b .intro{font-weight:500;font-size:13px}.b .hero-credential{color:var(--ink);font-weight:500}.b .primary{border-radius:100px;background:var(--ink);padding:17px 24px;box-shadow:0 4px 0 #bfc5a8}.b .primary:hover{background:#38604b;transform:translateY(-2px)}.b .secondary{border-color:#6a7b62}.b .hero-visual{margin-left:0;margin-right:0;height:510px;isolation:isolate}.b .hero-visual:before{content:'';position:absolute;background:var(--accent);inset:-26px -30px -28px 25px;border-radius:49% 51% 44% 56% / 49% 42% 58% 51%;z-index:-1;transform:rotate(8deg)}.b .hero-photo{border-radius:48% 48% 23% 25%;object-position:54% center;transform:rotate(4deg);border:7px solid var(--paper);box-shadow:0 13px 0 #d7ab24;height:94%;margin-top:16px}.b .seal{top:-5px;left:-15px;background:#ed774c;border:0;outline:0;color:#213a30;width:99px;height:99px;transform:rotate(-12deg);font-weight:900;box-shadow:0 3px 0 #203b30}.b .seal strong{font-family:var(--sans);font-size:28px;font-weight:900}.b .photo-caption{background:var(--paper);right:-10px;bottom:24px;transform:rotate(-5deg);border:2px solid var(--ink);border-radius:6px;box-shadow:4px 4px 0 var(--ink);padding:14px 20px}.b .photo-side{display:none}.b .tag{display:block;position:absolute;top:120px;right:-30px;transform:rotate(12deg);font-size:12px;font-weight:900;writing-mode:vertical-rl;background:#f9f8ef;border:2px solid #263d2c;border-radius:24px;padding:16px 10px;letter-spacing:.18em}.b .hero-bottom{margin:12px -6.85% 0;background:var(--accent);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:19px 6%;font-weight:900;font-size:11px}.b .story{padding-top:80px;position:relative}.b h2{font-family:var(--sans);font-weight:900;line-height:1.7;letter-spacing:-.025em}.b .section-kicker{font-weight:900;color:#b65731}.b .steps{gap:12px}.b .step{border:0;background:#f0eedc;border-radius:18px;padding:18px 15px;position:relative}.b .step span{color:var(--ink);font-weight:900;font-size:18px}.b .step p{font-weight:700}.b .teacher-image{border-radius:140px 140px 22px 22px;transform:rotate(-3deg);border:6px solid #fff;box-shadow:10px 10px 0 #eadb93}.b .teacher-name strong{font-family:var(--sans);font-weight:900}.b .closing{border-radius:35px;background:var(--accent);color:var(--ink);margin-bottom:25px}.b .closing .primary{color:white;background:var(--ink)}.b .credential-list strong{background:#f9d447;padding:0 10px;border-radius:3px}.b .preview-note{background:#f2eacc}.modal{border:0;background:var(--paper);color:var(--ink);padding:40px;max-width:480px;width:calc(100% - 36px);box-shadow:0 25px 80px #0003}.modal::backdrop{background:#153c3180;backdrop-filter:blur(5px)}.modal h2{font-size:24px}.modal p{font-size:13px;line-height:2}.modal button{border:1px solid var(--ink);background:var(--ink);color:white;padding:10px 25px;margin-top:10px;cursor:pointer}.mobile-menu{display:none}.quietlink{font-size:10px;border-bottom:1px solid #c8d1c5}.research{margin-top:22px}.research summary{font-size:11px;cursor:pointer}.research p{font-size:11px;line-height:1.9;color:var(--muted)}
@media(min-width:1450px){.wrap{padding:0 70px}.hero h1{font-size:49px}.b .hero h1{font-size:49px}}@media(max-width:1000px){.nav{gap:20px}.nav a:nth-child(1){display:none}.hero-visual{height:510px}.hero h1{font-size:33px}.hero h1 .exclaim{font-size:1.3em}.intro{font-size:12px}.hero-copy{padding-right:8px}.primary{font-size:11px;padding:15px 17px;gap:12px}.secondary{margin-left:14px}.b .hero h1{font-size:32px}.b .hero-visual{height:465px}.teacher{gap:8%}.teacher-image{height:450px}.story{gap:6%}h2{font-size:27px}}
@media(max-width:700px){.studybar{padding:8px 12px;justify-content:center;gap:8px}.studylabel,.studyright{display:none}.switch{width:100%;justify-content:center}.switch a{padding:8px 12px;font-size:11px;flex:1;text-align:center;max-width:220px}.wrap{padding:0 7%}.header,.b .header{height:83px}.brand strong{font-size:18px}.brand small{font-size:7px}.brand svg{width:31px;height:31px}.brand{gap:9px}.nav a{display:none!important}.mobile-menu{display:block;border:1px solid var(--ink);border-radius:50%;width:35px;height:35px;text-align:center;line-height:32px;font-size:17px}.hero,.b .hero{display:flex;flex-direction:column;padding:9px 0 25px;gap:0;min-height:0}.hero-copy{width:100%;padding:10px 0 0}.eyebrow{font-size:9px}.hero h1{font-size:clamp(29px,7.7vw,44px);line-height:1.6;margin:21px 0 19px}.hero h1 .exclaim{font-size:1.32em}.intro{font-size:12px;line-height:2.05;margin-bottom:18px}.hero-credential{font-size:10px;line-height:1.9;margin-bottom:22px;max-width:310px}.hero-visual{height:395px;width:94%;margin:31px 0 0 5%}.hero-photo{border-radius:45% 45% 3px 3px;object-position:55% 44%}.seal{left:-12px;top:16px;width:75px;height:75px;font-size:9px}.seal strong{font-size:22px}.photo-caption{bottom:17px;right:17px;font-size:9px}.photo-caption strong{font-size:13px}.photo-side{right:-17px;font-size:8px}.primary{font-size:11px;padding:14px 18px;gap:20px}.secondary{font-size:10px;margin-left:19px}.hero-bottom{font-size:8px;letter-spacing:.06em;padding:14px 0}.story{padding:53px 0;display:block}.section-kicker{font-size:9px;margin-bottom:13px}h2{font-size:26px;line-height:1.7}.story-body{margin-top:23px}.story-body>p{font-size:12px}.steps{gap:10px}.step p{font-size:10px}.teacher{padding:53px 0;display:flex;flex-direction:column;gap:34px}.teacher-image{height:390px;width:86%;align-self:flex-start}.teacher-copy{width:100%}.teacher h2{font-size:26px}.teacher-copy>p{font-size:12px}.closing{padding:33px 25px;display:block}.closing h2{font-size:23px}.closing .primary{margin-top:13px}.closing p{font-size:11px}.footer{font-size:9px;padding:24px 0}.preview-note{font-size:10px;padding:15px 7%}.b .hero h1{font-size:clamp(31px,8.3vw,47px);margin:18px 0 18px}.b .hero h1 .exclaim{font-size:1.4em}.b .eyebrow{font-size:9px}.b .intro{font-size:12px}.b .hero-visual{width:87%;height:378px;margin:48px 0 25px 0}.b .hero-visual:before{inset:-15px -25px -20px 5px}.b .seal{width:82px;height:82px;top:-10px;left:-18px;font-size:10px}.b .seal strong{font-size:24px}.b .tag{right:-32px;top:92px;font-size:10px;padding:13px 7px}.b .photo-caption{right:-17px;bottom:10px;padding:11px 16px}.b .hero-bottom{margin:10px -8.2% 0;font-size:8px;padding:16px 7%}.b .story{padding-top:50px}.b .step{padding:13px 10px;border-radius:11px}.b .step span{font-size:14px}.b .teacher-image{height:390px;width:90%;align-self:center}.b .closing{border-radius:22px;margin-top:10px}.modal{padding:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.b .hero h1 .last{display:table;white-space:nowrap}

@media(max-width:700px){.b .tag{right:-25px}}