@charset "UTF-8";
:root{--ink:#113565;--blue:#0956c7;--deep:#07337e;--sky:#58c9ef;--yellow:#ffdb36;--paper:#fffef9;--muted:#536579;--line:#cddce7;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;color:var(--ink);background:var(--paper);font:500 17px/1.95 "Yu Gothic",Meiryo,sans-serif;overflow-wrap:break-word}a{color:inherit}p{margin:0 0 1.2em}img{max-width:100%;height:auto;display:block}h1,h2,h3{font-weight:900;line-height:1.6;letter-spacing:-.035em;margin:0 0 .65em}h2{font-size:clamp(30px,4.4vw,54px)}h3{font-size:23px}.wrap{width:min(1120px,calc(100% - 80px));margin-inline:auto}.section{padding-block:120px}.eyebrow{font-size:14px;font-weight:800;letter-spacing:.14em;color:var(--blue);margin-bottom:22px}.micro,.note{font-size:13px;line-height:1.85;color:var(--muted)}.micro{margin-top:15px;margin-bottom:0}.note{margin-top:25px}.strong-line{font-weight:800;color:var(--blue)}.skip{position:fixed;top:-80px;left:16px;z-index:100;background:white;padding:8px 18px}.skip:focus{top:10px}a:focus-visible,summary:focus-visible{outline:3px solid #d45708;outline-offset:7px}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:72px;background:var(--yellow);border-radius:100px;color:var(--deep);padding:19px 32px;font-weight:900;font-size:18px;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 6px 0 #052e7018}.cta span{font-size:24px;line-height:1}.cta:hover{transform:translateY(-3px);box-shadow:0 10px 0 #052e7025}
/* The first scene: a poster you can step into. */
.site-header{position:absolute;top:0;left:0;right:0;z-index:10;width:calc(100% - 80px);max-width:1400px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:27px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:16px;font-weight:900;line-height:1.4}.brand small{font-size:12px;letter-spacing:.02em}.brand-symbol{width:46px;height:46px;border-radius:50%;background:white;color:var(--blue);display:grid;place-items:center;font-size:22px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:800}.site-header nav a{text-decoration:none}.header-cta{background:var(--yellow);padding:12px 23px;border-radius:100px}.hero-world{height:990px;position:relative;isolation:isolate;overflow:hidden;background:var(--sky)}.hero-world:after{content:"";position:absolute;background:var(--paper);width:130%;height:320px;border-radius:50% 50% 0 0;bottom:-180px;left:-15%;z-index:-1}.hero-word{font:900 clamp(100px,16vw,230px)/.88 Arial,sans-serif;letter-spacing:-.07em;position:absolute;left:32%;top:170px;transform:rotate(-5deg);color:#0877b224;z-index:-1}.hero-kicker{position:absolute;left:8%;top:130px;font-size:14px;font-weight:800;letter-spacing:.14em}.hero-world h1{position:absolute;left:8%;top:185px;z-index:3;display:flex;flex-direction:row-reverse;gap:15px;line-height:1.23;letter-spacing:.04em;font-size:clamp(32px,3.7vw,53px);margin:0}.hero-world h1 span{writing-mode:vertical-rl;text-orientation:upright;align-self:flex-start;padding:15px 6px;color:var(--blue);background:var(--paper)}.hero-world h1 span:nth-child(2){margin-top:46px;background:var(--blue);color:white}.hero-world h1 span:nth-child(3){margin-top:100px;background:var(--yellow);transform:rotate(-4deg)}.world-art{position:absolute;z-index:1;top:155px;right:0;width:min(68%,900px)}.world-art img{width:100%;height:auto;animation:float-art 7s ease-in-out infinite}.discount-seal{position:absolute;z-index:4;right:4%;top:102px;width:151px;height:151px;border-radius:50%;background:var(--yellow);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.45;transform:rotate(10deg);text-decoration:none;box-shadow:6px 9px 0 #1179b420}.discount-seal span{font-size:14px;font-weight:800}.discount-seal strong{font:900 54px/1.05 Arial,sans-serif;letter-spacing:-.06em}.discount-seal small{font-size:19px}.hero-bottom{position:absolute;z-index:5;left:50%;bottom:24px;transform:translateX(-50%);width:min(1100px,84%);display:flex;align-items:center;justify-content:space-between;gap:36px}.hero-label{font-weight:900;font-size:24px;margin-bottom:8px}.hero-bottom p{line-height:1.8}.hero-bottom>div:first-child{max-width:450px}.hero-bottom>div>p:last-child{margin-bottom:0}.hero-bottom .cta{background:var(--blue);color:white;min-width:350px;box-shadow:none}.hero-bottom .micro{font-size:12px}
/* Oversized type links the scenes instead of stacking boxes. */
.flow-strip{background:var(--paper);padding:40px 0 45px;overflow:hidden;border-bottom:1px solid #cddce7}.flow-strip .wrap{width:max-content;max-width:none;display:flex;align-items:center;justify-content:center;gap:42px;margin:auto;font:900 clamp(35px,5vw,74px)/1.2 Arial,sans-serif;letter-spacing:-.045em;color:var(--blue)}.flow-strip span{font:700 22px/1 Meiryo,sans-serif;color:#0956c7;letter-spacing:0}.intro{max-width:1040px;text-align:center;position:relative;padding-block:120px 150px}.intro h2{font-size:clamp(30px,4.5vw,57px);line-height:1.75}.intro h2 em{font-style:normal;display:inline;background:linear-gradient(transparent 63%,#ffdb36 63%);color:var(--blue)}.intro>p:last-child{max-width:730px;margin:30px auto 0}.section-no{display:block;font:800 14px/1.2 Arial,sans-serif;letter-spacing:.16em;margin-bottom:15px;color:var(--blue)}
/* Works are editorial posters; each links to the author's real video. */
.works{position:relative;background:var(--blue);color:white;border-radius:100px 100px 0 0;padding-top:115px}.works .eyebrow,.works .section-no{color:#e4f7ff}.works h2{margin-bottom:55px}.works-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:start}.work{min-width:0}.work:nth-child(2){margin-top:100px}.work-cover{display:flex;min-height:440px;padding:36px 35px 27px;flex-direction:column;justify-content:space-between;background:#07337e;color:white;text-decoration:none;border:1px solid #ffffff40;position:relative;transform:rotate(-3deg);border-radius:3px 74px 3px 3px;box-shadow:13px 18px 0 #032e8338;transition:transform .3s}.work-cover:hover{transform:rotate(0deg) translateY(-5px)}.work-cover strong{font-size:clamp(27px,3vw,38px);line-height:1.8;letter-spacing:.02em}.work-type{font-size:14px;letter-spacing:.06em;color:#e4f7ff}.watch{font-size:14px;display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #ffffff50}.watch b{font-weight:500;border:1px solid currentColor;border-radius:50%;width:42px;height:42px;display:grid;place-items:center}.work-cover-light{background:#ffdb36;color:var(--deep);transform:rotate(3deg);border-color:transparent;border-radius:74px 3px 3px 3px}.work-cover-light .work-type{color:var(--deep)}.work-cover-light .watch{border-color:#11356550}.work-copy{padding:38px 5px 0}.work-copy h3{font-size:23px}.work-copy p{font-size:16px;color:#e4f7ff}.work-award{font-weight:700;font-size:13px!important;letter-spacing:.02em;color:#ffdb36!important}.text-link{text-underline-offset:6px;font-weight:700;font-size:14px}.works .note{color:#e4f7ff;max-width:800px;margin:60px auto 0;text-align:center}
/* Six steps, each with an output. */
#route{padding-top:125px;padding-bottom:90px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:60px}.section-heading>p{font-size:16px;max-width:320px}.section-heading h2{margin-bottom:0}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:45px 28px;counter-reset:step}.steps li{position:relative;background:#e4f7ff;padding:34px 25px 28px;border-radius:0 44px 0 44px;min-width:0}.steps li:nth-child(2n){background:#fff0b6}.steps li:nth-child(3n){background:#edf0fd}.steps li:nth-child(3n+2){transform:translateY(23px)}.step-number{font:900 63px/1 Arial,sans-serif;color:var(--blue);display:block;letter-spacing:-.075em;margin-bottom:18px}.steps h3{font-size:22px}.steps p{font-size:16px;line-height:1.9;margin-bottom:18px}.steps small{display:block;font-size:13px;line-height:1.7;font-weight:700;color:var(--muted);border-top:1px solid #cddce760;padding-top:16px}.journey{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;margin-top:125px;padding-bottom:20px}.journey>img{width:100%;border-radius:50% 40% 47% 37%;mix-blend-mode:multiply}.journey h3{font-size:28px}.journey p{font-size:16px}
/* The real textbook, with readable screenshots. */
.inside{background:#e4f7ff;position:relative;border-radius:50% 50% 0 0 / 70px 70px 0 0;padding-top:115px}.inside-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:65px;align-items:center;margin-top:65px}.inside figure{margin:0;min-width:0;transform:rotate(-3deg)}.inside figure a{display:block;border:12px solid var(--deep);border-radius:18px;background:var(--deep);box-shadow:16px 18px 0 #74ccef60}.inside figure img{width:100%;border-radius:5px}.inside figcaption{font-size:13px;line-height:1.85;margin-top:26px;color:var(--muted)}.inside-points article{position:relative;padding-left:56px;margin-bottom:32px}.inside-points article>span{position:absolute;top:0;left:0;writing-mode:vertical-rl;font-size:15px;font-weight:800;letter-spacing:.18em;padding:11px 5px;background:var(--blue);color:white;border-radius:25px}.inside-points article:nth-child(2)>span{background:var(--deep)}.inside-points article:nth-child(3)>span{background:#ffdb36;color:var(--deep)}.inside-points h3{font-size:23px;margin-bottom:10px}.inside-points p{font-size:16px;line-height:1.9;margin:0}.inside>.wrap>.note{max-width:800px;margin:45px auto 0;text-align:center}.inline-signup{text-align:center;margin-top:60px;padding-top:45px;border-top:1px solid #cddce7}.inline-signup strong{font-size:24px}.inline-signup p{font-size:16px}.inline-signup .micro{font-size:13px}
/* Audience and a letter from the maker. */
.fit h2{margin-bottom:50px}.fit-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px}.fit h3{font-size:24px}.fit ul{padding-left:24px}.fit li{margin-bottom:14px}.fit p{font-size:16px}.check-list{list-style:'✓  '}.check-list li::marker{color:var(--blue);font-weight:900}.scope{border-top:2px solid #cddce7;padding-top:23px;color:#536579}.scope h3{font-size:20px}.scope li{font-size:15px}.scope p{font-size:14px}.author{background:var(--deep);color:white;position:relative;overflow:hidden;isolation:isolate}.author:before{content:"";position:absolute;z-index:-1;left:-160px;top:-140px;width:600px;height:600px;border-radius:50%;border:1px solid #58c9ef50;box-shadow:0 0 0 90px #58c9ef08,0 0 0 180px #58c9ef04}.author-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:95px}.author .eyebrow{color:#58c9ef}.author h2{font-size:clamp(36px,4.6vw,56px);line-height:1.75;letter-spacing:.02em}.author-name{font-size:24px;font-weight:800;margin-top:38px}.author-name small{font-size:14px;font-weight:500}.author-proof{font-size:13px;color:#e4f7ff;line-height:1.85;border-top:1px solid #6593bc;padding-top:24px}.author-proof strong{font-size:20px;color:var(--yellow)}.author-story p{font-size:16px;color:#e4f7ff;margin-bottom:26px}.author-story .strong-line{font-size:21px;color:#58c9ef;border-left:3px solid var(--yellow);padding-left:23px;margin-top:33px}.author-story p:last-child{margin-bottom:0}.beyond-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;margin-top:52px}.beyond-grid h3{font-size:25px}.beyond-grid h3:not(:first-child){margin-top:35px}.beyond-grid p{font-size:16px}.support{background:#e4f7ff;padding:34px;border-radius:44px 0 44px 0}.support-label{font-size:14px!important;font-weight:800;color:var(--blue)}.support h3{margin-top:0!important}.support ul{padding-left:23px;font-size:15px}.support .note{font-size:13px}
/* A single clear registration destination and transparent pricing. */
.register{background:var(--blue);color:white;border-radius:100px 100px 0 0;padding-block:110px 100px;position:relative;overflow:hidden}.register-inner{max-width:800px;text-align:center;position:relative;z-index:1}.register .eyebrow{color:#e4f7ff}.register h2{font-size:clamp(40px,6vw,72px);line-height:1.45;margin-bottom:38px}.price-plan{margin:40px auto 27px;display:grid;grid-template-columns:1fr 1fr;background:var(--paper);color:var(--ink);max-width:650px;border-radius:28px;box-shadow:12px 12px 0 #032e8340;overflow:hidden}.price-plan>div{padding:27px 20px}.price-plan>div+div{border-left:2px dashed #abc0d7}.price-period{font-size:15px;font-weight:700;margin-bottom:13px}.price-amount{font:900 57px/1.1 Arial,sans-serif;letter-spacing:-.065em;margin:0;color:var(--blue)}.price-amount span{font:700 20px/1 Meiryo,sans-serif;margin-left:6px;letter-spacing:0}.price-plan>div+div .price-amount{font-size:45px;color:var(--ink);padding-top:11px}.prereg-discount{font-size:22px;font-weight:800;margin-top:42px;margin-bottom:12px}.prereg-discount strong{color:var(--yellow);font-size:38px;margin-left:5px}.price-note{font-size:13px;color:#e4f7ff;line-height:1.8;margin:0 auto 28px;max-width:620px}.register .cta{min-width:400px}.register .micro,.release-note{color:#e4f7ff;font-size:13px;line-height:1.9}.release-note{margin:30px 0 0}.faq{max-width:900px}.faq h2{margin-bottom:45px}.faq details{border-bottom:1px solid #cddce7;padding:24px 0}.faq summary{font-size:18px;line-height:1.75;font-weight:800;cursor:pointer;padding-right:38px;position:relative;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"Q.";font:800 24px/1 Arial,sans-serif;color:var(--blue);margin-right:16px}.faq summary:after{content:"＋";position:absolute;right:0;top:0;color:var(--blue);font-weight:400;font-size:24px}.faq details[open] summary:after{content:"−"}.faq details p{font-size:16px;padding:18px 42px 2px;margin:0}.closing{position:relative;overflow:hidden;background:var(--yellow);border-radius:50% 50% 0 0 / 95px 95px 0 0;padding:100px 30px 80px;text-align:center;width:100%;isolation:isolate}.closing h2{font-size:clamp(36px,5.7vw,70px);line-height:1.65;margin:28px 0}.closing>p{font-size:16px}.closing .cta{background:var(--blue);color:white;min-width:400px;box-shadow:none}.closing .micro{font-size:13px;color:var(--ink)}footer.wrap{width:100%;padding:30px 40px;background:var(--deep);color:#e4f7ff;display:flex;justify-content:space-between;gap:30px;align-items:center}footer p{font-size:12px;line-height:1.8;margin:0}footer p:first-child{color:white;font-weight:700}
@keyframes float-art{50%{transform:translateY(-12px) rotate(1deg)}}
@media(min-width:1600px){.hero-world h1{left:calc(50% - 600px)}.hero-kicker{left:calc(50% - 600px)}.world-art{right:calc(50% - 680px)}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.site-header nav{gap:22px}.hero-world h1{left:6%;font-size:36px}.hero-kicker{left:6%}.world-art{top:225px;right:-6%;width:75%}.hero-bottom{width:88%;gap:28px}.hero-bottom>div{flex:1}.hero-bottom .cta{min-width:0;font-size:16px}.hero-bottom p{font-size:15px}.hero-label{font-size:22px!important}.discount-seal{width:126px;height:126px;right:3%}.discount-seal strong{font-size:43px}.works-grid{gap:36px}.work-cover{min-height:390px;padding:28px}.work-cover strong{font-size:27px}.journey,.inside-grid,.fit-grid,.beyond-grid{gap:38px}.author-grid{gap:55px}.steps h3{font-size:20px}.steps li{padding:26px 20px}.section-heading{display:block}.section-heading>p{max-width:none;margin-top:20px}.inside-grid{grid-template-columns:1.1fr 1fr}.inside-points h3{font-size:21px}}
@media(max-width:720px){body{font-size:16px}.wrap{width:calc(100% - 40px)}.section{padding-block:78px}.site-header{width:calc(100% - 36px);padding-block:22px}.site-header nav>a:not(.header-cta){display:none}.brand{font-size:13px;gap:8px}.brand small{font-size:11px}.brand-symbol{width:37px;height:37px;font-size:18px}.header-cta{padding:12px 16px;font-size:12px}.hero-world{height:980px}.hero-kicker{left:24px;top:112px;font-size:12px}.hero-world h1{left:28px;top:155px;font-size:clamp(26px,5.7vw,38px);gap:9px}.hero-world h1 span{padding:12px 4px}.hero-world h1 span:nth-child(2){margin-top:31px}.hero-world h1 span:nth-child(3){margin-top:66px}.world-art{width:89%;right:-9%;top:283px}.hero-word{font-size:130px;left:20%;top:380px}.discount-seal{width:108px;height:108px;right:20px;top:140px}.discount-seal span{font-size:11px}.discount-seal strong{font-size:37px}.discount-seal small{font-size:16px}.hero-bottom{bottom:24px;width:calc(100% - 48px);display:block}.hero-bottom>div:first-child{margin-bottom:20px}.hero-bottom .cta{width:100%;min-height:62px}.hero-bottom .micro{font-size:12px}.hero-bottom p{font-size:15px}.hero-bottom:before{content:"";position:absolute;inset:-25px -24px -24px;background:linear-gradient(transparent,var(--paper) 18%);z-index:-1}.hero-world:after{height:180px;bottom:-80px}.flow-strip{padding-block:30px}.flow-strip .wrap{font-size:37px;gap:20px}.flow-strip span{font-size:14px}.intro{padding-block:70px 90px}.intro h2{font-size:33px}.intro>p:last-child{font-size:16px;text-align:left}.works{border-radius:50px 50px 0 0}.works h2{font-size:32px}.works-grid{grid-template-columns:1fr;gap:40px}.work{padding-inline:10px}.work:nth-child(2){margin-top:0}.work-cover{min-height:390px;padding:30px}.work-cover strong{font-size:31px}.work-copy{padding-top:30px}.work-copy p{font-size:16px}.works .note{text-align:left;margin-top:35px}.steps{grid-template-columns:1fr 1fr;gap:24px 17px}.steps li{padding:25px 19px;border-radius:0 32px 0 32px}.steps li:nth-child(3n+2){transform:none}.steps li:nth-child(2n){transform:translateY(20px)}.step-number{font-size:51px}.steps h3{font-size:20px}.steps p{font-size:15px}.steps small{font-size:13px}.section-heading{margin-bottom:35px}.journey,.inside-grid,.fit-grid,.author-grid,.beyond-grid{grid-template-columns:1fr;gap:36px}.journey{margin-top:80px}.journey img{max-width:520px;margin:auto}.journey h3{font-size:27px}.inside{border-radius:50% 50% 0 0 / 35px 35px 0 0}.inside-grid{margin-top:40px}.inside figure{margin:10px 6px 18px}.inside-points article{padding-left:53px;margin-bottom:28px}.inline-signup{margin-top:35px;padding-top:30px}.inline-signup strong{font-size:22px}.inline-signup .cta{width:100%}.fit h2{font-size:30px;margin-bottom:32px}.scope{padding-top:25px}.author h2{font-size:41px;line-height:1.65}.author h2 br{display:none}.author-proof{margin-bottom:0}.author-name{margin-top:20px}.author-grid{gap:24px}.author-story .strong-line{font-size:21px;padding-left:17px}.beyond h2{font-size:31px}.support{padding:28px}.beyond-grid{margin-top:33px}.register{border-radius:50px 50px 0 0}.register h2{font-size:44px}.price-plan{border-radius:20px;box-shadow:7px 9px 0 #032e8340}.price-plan>div{padding:23px 10px}.price-period{font-size:13px}.price-amount{font-size:43px}.price-plan>div+div .price-amount{font-size:35px;padding-top:8px}.price-amount span{font-size:16px;margin-left:3px}.register .cta{min-width:0;width:100%;font-size:17px;padding-inline:25px}.prereg-discount{font-size:17px}.prereg-discount strong{font-size:30px}.price-note{font-size:13px}.faq summary{font-size:16px;padding-right:30px}.faq summary:before{font-size:21px;margin-right:8px}.faq details p{padding:18px 0 0 28px}.closing{border-radius:50% 50% 0 0 / 40px 40px 0 0;padding:76px 24px 62px}.closing>p{font-size:15px}.closing h2{font-size:36px}.closing .cta{width:100%;min-width:0;font-size:17px}footer.wrap{display:block;padding:25px 24px}footer p+p{margin-top:10px}}
@media(max-width:400px){.hero-world{height:935px}.hero-world h1{font-size:26px;left:21px;gap:7px}.world-art{top:294px;width:100%;right:-16%}.hero-word{font-size:102px;top:400px;left:15%}.hero-bottom{width:calc(100% - 42px)}.hero-label{font-size:20px!important}.hero-bottom>div:first-child{margin-bottom:17px}.hero-bottom p{font-size:14px}.hero-bottom .micro{font-size:12px}.discount-seal{width:92px;height:92px;right:17px;top:144px}.discount-seal strong{font-size:31px}.discount-seal span{font-size:10px}.brand-symbol{width:32px;height:32px;font-size:16px}.header-cta{padding:10px 13px;font-size:12px}.intro h2{font-size:29px}.work-cover strong{font-size:27px}.work-cover{min-height:355px;padding:26px}.steps{grid-template-columns:1fr}.steps li:nth-child(2n){transform:none}.steps li{display:grid;grid-template-columns:58px 1fr;column-gap:15px;padding:24px}.step-number{grid-row:1/4;font-size:45px}.steps h3{margin-top:2px}.steps p,.steps small{grid-column:2}.section{padding-block:65px}.register h2{font-size:38px}.price-period{font-size:12px}.price-amount{font-size:37px}.price-plan>div+div .price-amount{font-size:31px;padding-top:6px}.cta{gap:18px;padding-inline:24px}.faq summary{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.world-art img{animation:none}.cta,.work-cover{transition:none}}
/* Keep the character's raised hand inside small screens. */
@media(max-width:400px){.world-art{top:310px;width:92%;right:-7%}.discount-seal{width:104px;height:104px;right:14px;top:144px}.discount-seal span{font-size:12px}.discount-seal strong{font-size:32px}.hero-world h1{font-size:26px}.price-period{font-size:13px}}
@media(max-width:400px){.register h2{font-size:clamp(25px,7.8vw,30px)}.price-amount{font-size:clamp(28px,9vw,36px);white-space:nowrap}.price-plan>div+div .price-amount{font-size:clamp(26px,8vw,31px);padding-top:3px}.price-period{font-size:11px;white-space:nowrap}.price-amount span{font-size:13px}.register-inner>p>br{display:none}}
@media(max-width:400px){.closing h2{font-size:clamp(26px,7.5vw,30px)}.closing .cta{font-size:15px;padding-inline:18px;gap:8px}.closing .cta span{font-size:20px}}
/* 2026-09-23 — let the actual lessons do the explaining. */
.works-lead{max-width:660px;margin:-24px 0 54px;color:#e4f7ff;line-height:1.9}
.inside-intro{max-width:680px;font-size:18px;margin-top:16px;margin-bottom:44px}
.lesson-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;align-items:start}
.lesson-sample{min-width:0}.lesson-page{display:block;width:100%;padding:0;border:0;background:white;color:var(--deep);font:inherit;cursor:zoom-in;text-align:left;border-radius:12px;box-shadow:0 14px 26px #0a4b841b;overflow:hidden;transition:transform .2s,box-shadow .2s}.lesson-page:hover{transform:translateY(-6px);box-shadow:0 20px 30px #0a4b8430}.lesson-page img{width:100%;height:auto}.sample-zoom{display:flex;justify-content:space-between;padding:12px 16px;background:var(--deep);color:white;font-size:14px;font-weight:800}.sample-chapter{font-weight:800;color:var(--blue);font-size:14px;margin:24px 0 6px}.lesson-sample h3{font-size:23px;margin-bottom:8px}.lesson-sample>p:last-child{font-size:16px;line-height:1.9;margin:0}
.inside-grid{display:block;margin-top:60px}.inside-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.inside-points article{margin:0}.inside>.wrap>.note{text-align:left;max-width:none}
button:focus-visible{outline:3px solid #d45708;outline-offset:6px}button:active{transform:translateY(1px)}
#lesson-preview{border:0;border-radius:18px;padding:0;width:min(900px,calc(100% - 32px));max-height:90dvh;background:var(--paper);color:var(--ink);box-shadow:0 20px 80px #06265866}#lesson-preview::backdrop{background:#071b40bd}.preview-toolbar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--paper);padding:15px 20px;border-bottom:1px solid var(--line)}.preview-toolbar h3{font-size:18px;margin:0}.preview-close{padding:10px 16px;min-width:90px;border:1px solid var(--line);border-radius:40px;color:var(--ink);background:white;font:700 14px/1.5 Meiryo,sans-serif;cursor:pointer}.preview-close span{margin-left:8px}#lesson-preview-image{width:100%;height:auto}
@media(max-width:1000px){.lesson-gallery{gap:22px}.lesson-sample h3{font-size:21px}.inside-points{gap:24px}}
@media(max-width:720px){.works-lead{margin-top:-20px;font-size:16px}.inside-intro{font-size:16px}.lesson-gallery{grid-template-columns:1fr;gap:34px;max-width:470px;margin-inline:auto}.lesson-sample{display:grid;grid-template-columns:46% 1fr;gap:0 20px;align-items:start}.lesson-page{grid-row:1/4}.sample-chapter{margin-top:8px}.lesson-sample h3{font-size:21px}.lesson-sample>p:last-child{font-size:15px}.sample-zoom{font-size:12px;padding:10px}.inside-points{grid-template-columns:1fr;gap:30px}.inside-grid{margin-top:44px}.preview-toolbar{padding:12px}.preview-toolbar h3{font-size:16px}.preview-close{min-width:80px;padding:10px 12px}}
@media(max-width:400px){.lesson-sample{grid-template-columns:1fr}.lesson-page{grid-row:auto}.sample-chapter{margin-top:20px}.lesson-sample h3{font-size:23px}.lesson-sample>p:last-child{font-size:16px}.preview-toolbar h3{font-size:14px}.sample-zoom{font-size:14px}}
@media(prefers-reduced-motion:reduce){.lesson-page{transition:none}}
/* The illustrations guide each chapter of the page. */
.intro{display:grid;grid-template-columns:.85fr 1.35fr;gap:54px;align-items:center;max-width:1120px;text-align:left}.intro-picture img{width:100%;mix-blend-mode:multiply}.intro-copy h2{font-size:clamp(30px,3.2vw,43px);line-height:1.7}.intro-copy>p:last-child{font-size:17px;line-height:2;margin-bottom:0}
.art-icon{display:block;flex:none;width:108px;height:108px;background-image:url('assets/process-icons.png');background-size:300% 300%;background-repeat:no-repeat}.icon-1{background-position:0 0}.icon-2{background-position:50% 0}.icon-3{background-position:100% 0}.icon-4{background-position:0 50%}.icon-5{background-position:50% 50%}.icon-6{background-position:100% 50%}.icon-7{background-position:0 100%}.icon-8{background-position:50% 100%}.icon-9{background-position:100% 100%}
.steps .art-icon{position:absolute;right:18px;top:18px}.steps .step-number{margin-bottom:48px}.work-cover{gap:20px}.work-cover .art-icon{width:98px;height:98px;background-color:var(--paper);border-radius:20px;align-self:flex-end;margin:-10px 0 -4px}.work-cover strong{font-size:clamp(26px,2.8vw,35px)}
.inside-points article{padding-left:0}.inside-points article>.art-icon{position:static;writing-mode:horizontal-tb;padding:0;border-radius:0;background-color:transparent;width:96px;height:96px;letter-spacing:0}.point-label{font-size:14px!important;font-weight:800;color:var(--blue);margin:12px 0 8px!important}
.illustrated-heading{display:grid;grid-template-columns:1fr 240px;gap:40px;align-items:center;margin-bottom:48px}.illustrated-heading h2{margin-bottom:0}.heading-art,.faq-art{width:100%;height:auto}.author-art{width:280px;max-width:100%;margin:24px auto 12px 0}.author-name{margin-top:22px}.community-art{width:100%;max-height:345px;object-fit:contain;object-position:left center;margin:0 0 32px}.beyond-grid{align-items:start}.support{margin-top:30px}
.register-heading-art{position:absolute;left:-215px;top:48px;width:220px}.mail-art{width:100%;height:auto}.faq{max-width:1000px}.faq .illustrated-heading{grid-template-columns:1fr 190px;margin-bottom:12px}.closing-art{width:180px;max-width:40%;margin:0 auto 20px}.cta:active,.header-cta:active{transform:translateY(1px)}
@media(max-width:1120px){.register-heading-art{position:static;width:180px;margin:0 auto 24px}.intro{gap:32px}}
@media(max-width:1000px){.intro{grid-template-columns:.8fr 1.2fr}.intro-copy h2{font-size:34px}.illustrated-heading{grid-template-columns:1fr 200px;gap:30px}.steps .art-icon{width:88px;height:88px;right:14px}.steps .step-number{margin-bottom:35px}.work-cover .art-icon{width:80px;height:80px}.work-cover strong{font-size:27px}}
@media(max-width:720px){.intro{grid-template-columns:1fr;gap:24px}.intro-picture{width:260px;max-width:74%;margin:auto}.intro-copy h2{font-size:30px}.intro-copy>p:last-child{font-size:16px}.work-cover .art-icon{width:96px;height:96px}.illustrated-heading{grid-template-columns:1fr 140px;gap:16px;margin-bottom:30px}.illustrated-heading h2{font-size:28px}.author-art{width:230px;margin:12px auto 20px}.author-heading{text-align:left}.community-art{max-height:310px;margin-bottom:24px}.support{margin-top:0}.faq .illustrated-heading{grid-template-columns:1fr 120px}.faq .eyebrow{font-size:12px;letter-spacing:.08em}.inside-points article{display:grid;grid-template-columns:86px 1fr;column-gap:16px}.inside-points article>.art-icon{width:86px;height:86px;grid-row:1/4}.inside-points article>.point-label{margin-top:0!important}.inside-points h3,.inside-points p{grid-column:2}.register-heading-art{width:160px}.closing-art{width:160px}}
@media(max-width:400px){.steps li{display:block}.steps .art-icon{position:static;margin:0 auto 16px;width:116px;height:116px}.steps .step-number{position:absolute;top:27px;left:24px;font-size:32px;margin:0}.steps h3{font-size:23px}.steps p{font-size:16px}.illustrated-heading{grid-template-columns:1fr}.heading-art{width:180px;margin:auto}.faq .illustrated-heading{grid-template-columns:1fr 100px}.faq h2{font-size:28px}.inside-points article{grid-template-columns:76px 1fr;gap:0 14px}.inside-points article>.art-icon{width:76px;height:76px}.inside-points h3{font-size:20px}.register-heading-art{width:140px}}

/* Kintsugi 2026-09-23: consistent type roles and readable text blocks. */
:root{--text-small:14px;--text-body:16px;--text-lead:24px;--title-small:24px;--title-large:28px;--heading:clamp(30px,4.4vw,54px);--heading-display:clamp(36px,5.7vw,72px)}
body{font-size:var(--text-body)}
.eyebrow,.micro,.note,.hero-bottom .micro,.scope p,.support-label,.support .note,.price-note,.register .micro,.release-note,.sample-chapter,.point-label,.inline-signup .micro,.closing .micro,footer p{font-size:var(--text-small)!important}
.scope li,.support ul,.fit li,.steps p,.inside-intro,.intro-copy>p:last-child,.section-heading>p,.closing>p{font-size:var(--text-body)}
.steps small{font-size:var(--text-small)}
.steps h3,.work-copy h3,.lesson-sample h3,.inside-points h3,.fit h3,.scope h3,.beyond-grid h3{font-size:var(--title-small)}
.journey h3{font-size:var(--title-large)}
.author-story .strong-line,.inline-signup strong,.hero-label,.prereg-discount,.author-name{font-size:var(--text-lead)}
.author h2{font-size:var(--heading)}
.register h2,.closing h2{font-size:var(--heading-display)}
.work-copy p,.intro-copy p,.author-story p,.beyond-grid p,.faq details p{word-break:auto-phrase;overflow-wrap:anywhere}
.register-inner>p:not(.eyebrow):not(.prereg-discount){max-width:620px;margin-inline:auto}
.register-inner>.micro,.register-inner>.release-note{max-width:540px;text-align:left}
.closing .micro{max-width:620px;margin-inline:auto}
.author-name small{display:block}
.author-name br{display:none}
body:has(#lesson-preview[open]){overflow:hidden}
#lesson-preview{overscroll-behavior:contain}
@media(max-width:720px){
 :root{--title-small:22px;--title-large:26px;--heading:32px;--heading-display:36px}
 .intro-copy h2,.illustrated-heading h2,.author h2,.works h2,.beyond h2{font-size:var(--heading)}
 .steps h3,.inside-points h3,.lesson-sample h3{font-size:var(--title-small)}
 .scope li,.support ul,.fit li,.steps p,.closing>p,.hero-bottom p{font-size:var(--text-body)}
 .faq summary{font-size:16px}.faq .eyebrow{font-size:14px}
}
@media(max-width:400px){
 :root{--heading:28px;--heading-display:clamp(26px,7.5vw,30px)}
 .hero-label{font-size:20px!important}.hero-bottom .micro{font-size:12px!important}
 .inside-points article{grid-template-columns:64px 1fr;column-gap:12px}
 .inside-points article>.art-icon{width:64px;height:64px}
 .register .prereg-discount{font-size:18px}
}
.hero-bottom .micro{background:var(--paper);color:var(--ink);padding:4px 6px;border-radius:0}.register .eyebrow{text-wrap:balance;letter-spacing:.08em}.price-period,.brand small{font-size:12px!important}.hero-bottom .micro{word-break:auto-phrase}
.inside-points article:nth-child(n)>.art-icon{background-color:transparent;background-image:url(assets/process-icons.png);background-size:300% 300%;background-repeat:no-repeat}.inside-points article:nth-child(n)>.icon-7{background-position:0 100%}.inside-points article:nth-child(n)>.icon-8{background-position:50% 100%}.inside-points article:nth-child(n)>.icon-9{background-position:100% 100%}
@media(min-width:721px) and (max-width:1000px){.intro{grid-template-columns:1fr;gap:30px}.intro-picture{width:260px;margin:auto}.intro-copy{max-width:680px;margin:auto}.intro-copy h2{font-size:34px}}

/* 2026-09-23: show the three learning formats before the lesson samples. */
.learning-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}
.learning-method{min-width:0;background:var(--paper);border-top:6px solid var(--blue);border-radius:0 28px 0 0;padding:26px 28px 30px}
.learning-method:nth-child(2){border-color:var(--deep)}
.learning-method:nth-child(3){border-color:var(--yellow)}
.learning-method-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.learning-label{display:flex;align-items:center;gap:8px;color:var(--blue);font-size:16px;font-weight:800;margin:0}
.learning-label span{font-size:28px;line-height:1.3}
.learning-method .art-icon{width:84px;height:84px}
.learning-method h3{font-size:28px;line-height:1.5;margin-bottom:14px}
.learning-method p{font-size:16px;line-height:1.9}
.learning-method .learning-benefit{font-weight:800;margin-bottom:12px}
.learning-method p:last-child{margin-bottom:0}
.lesson-gallery-heading{margin:64px 0 28px}
.lesson-gallery-heading .eyebrow{margin-bottom:12px}
.lesson-gallery-heading h3{font-size:28px;margin-bottom:12px}
.lesson-gallery-heading>p:last-child{font-size:16px;margin-bottom:0}
.learning-roadmap{margin-top:44px;padding:24px 28px;border-left:4px solid var(--blue);background:#fffef980}
.learning-roadmap-title{font-size:22px;font-weight:800;margin-bottom:8px}
.learning-roadmap>p:last-child{font-size:16px;margin-bottom:0}
.inside>.wrap>.note{margin-top:20px}
@media(min-width:721px) and (max-width:1000px){.learning-methods{gap:16px}.learning-method{padding:22px 18px 26px}.learning-method h3{font-size:26px}.learning-method .art-icon{width:64px;height:64px}.learning-label{font-size:14px;gap:5px}.learning-label span{font-size:24px}}
@media(max-width:720px){.learning-methods{grid-template-columns:1fr;gap:22px;margin-top:30px}.learning-method{padding:20px 24px 26px}.learning-method-top{margin-bottom:0}.learning-method h3{font-size:28px}.learning-method .art-icon{width:76px;height:76px}.lesson-gallery-heading{margin-top:44px}.lesson-gallery-heading h3{font-size:24px}.learning-roadmap{padding:20px}.learning-roadmap-title{font-size:20px}}

/* 2026-09-23: the character demonstrates each of the six production steps. */
.steps{grid-template-columns:repeat(3,minmax(0,1fr))}
.steps li{display:flex;flex-direction:column;padding:200px 25px 28px}
.steps .step-number{position:absolute;left:25px;top:30px;margin:0;font-size:56px;line-height:1}
.steps .step-character{position:absolute;right:20px;top:18px;width:160px;height:160px;max-width:none;object-fit:contain}
.steps h3{font-size:24px;line-height:1.5;min-height:1.5em;margin:0 0 14px;letter-spacing:-.035em}
.step-title-prefix,.step-title-action{display:inline-block;white-space:nowrap}
.steps p{margin-bottom:18px}
.steps small{margin-top:auto}
@media(min-width:601px) and (max-width:1000px){
 .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}
 .steps li{padding:190px 24px 28px}
 .steps li:nth-child(3n+2){transform:none}
 .steps li:nth-child(2n){transform:translateY(20px)}
 .steps .step-number{left:24px;top:28px;font-size:52px}
 .steps .step-character{right:20px;top:18px;width:152px;height:152px}
 .steps h3{font-size:22px}
}
@media(max-width:600px){
 .steps{grid-template-columns:1fr;gap:22px}
 .steps li{padding:192px 24px 28px}
 .steps li:nth-child(n){transform:none}
 .steps .step-number{left:24px;top:28px;font-size:52px}
 .steps .step-character{right:20px;top:18px;width:152px;height:152px}
 .steps h3{font-size:22px;min-height:1.5em;margin-top:0}
}