:root{color-scheme:light;--ink: #17202b;--muted: #667085;--soft: #8a94a5;--paper: #fffaf3;--panel: #ffffff;--line: rgba(23, 32, 43, .13);--rose: #ef6f8f;--sun: #ffc857;--aqua: #45b8c8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.8}img{display:block;max-width:100%;height:auto}a{color:inherit}h1,h2,h3,p{overflow-wrap:anywhere}.site-header{position:fixed;z-index:20;top:18px;right:clamp(16px,4vw,48px);left:clamp(16px,4vw,48px);display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#17202b47;box-shadow:0 16px 46px #17202b2e;color:#fffdf9;padding:0 16px 0 22px;backdrop-filter:blur(18px)}.site-header a{text-decoration:none}.site-header__brand{flex:0 0 auto;font-size:1.08rem;font-weight:1000;letter-spacing:0}.site-header__nav{display:flex;min-width:0;align-items:center;justify-content:center;gap:clamp(14px,2vw,26px);color:#fffdf9e0;font-size:.9rem;font-weight:900}.site-header__follow{display:inline-flex;min-height:38px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:999px;background:#fffdf9;color:var(--ink);padding:0 16px;font-size:.82rem;font-weight:950}.hero{position:relative;min-height:min(860px,100svh);overflow:clip;background:#17202b}.hero__media,.hero__media img{width:100%;height:min(860px,100svh)}.hero__media img{object-fit:cover;object-position:78% 42%}.hero:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,#17202bd1,#17202b47 48%,#17202b14),linear-gradient(0deg,#17202b80,#17202b0f 46%);pointer-events:none}.hero__copy{position:absolute;z-index:1;bottom:clamp(32px,6vw,72px);left:clamp(20px,7vw,104px);width:min(720px,calc(100% - 40px));color:#fffdf9;text-shadow:0 2px 22px rgba(0,0,0,.38)}.eyebrow{margin:0 0 12px;color:var(--rose);font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.hero .eyebrow,.follow .eyebrow{color:var(--sun)}h1{margin:0;font-size:clamp(3rem,8vw,7.5rem);line-height:.9;letter-spacing:0;overflow-wrap:normal;white-space:nowrap}h2{margin:0;font-size:clamp(2rem,4.6vw,4rem);line-height:1.16;letter-spacing:0}.jp-heading{overflow-wrap:normal;word-break:keep-all;line-break:strict}.jp-heading span{display:inline-block}h3{margin:0;letter-spacing:0}.hero__main-copy{margin:20px 0 8px;max-width:16em;font-size:clamp(1.45rem,2.55vw,2.2rem);font-weight:900;line-height:1.38;overflow-wrap:normal;word-break:keep-all}.hero__main-copy span{display:block;white-space:nowrap}.english-copy,.english-title{color:var(--soft);font-size:clamp(.92rem,1.3vw,1.06rem);line-height:1.65}.hero .english-copy,.follow .english-title{color:#fffdf9ad}.hero__body{max-width:680px;margin-top:22px}.hero__body p,.follow__body p,.text-block p{margin:0 0 16px;font-size:clamp(1rem,1.55vw,1.15rem);line-height:1.95}.hero__actions,.follow__links{display:flex;flex-wrap:wrap;gap:12px}.hero__actions{margin-top:24px}.button,.follow__links a{display:inline-flex;min-height:46px;align-items:center;justify-content:center;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:#fff;font-weight:900;line-height:1.2;text-decoration:none}.button{padding:0 22px}.button--light{border-color:#fffdf9;background:#fffdf9;color:var(--ink);text-shadow:none}.button--ghost{border-color:#ffffffb8;background:#ffffff1f;backdrop-filter:blur(10px)}.section{padding:clamp(64px,9vw,120px) clamp(20px,6vw,72px)}.section__header{width:min(1120px,100%);margin:0 auto 30px}.section__header--narrow,.text-block{width:min(880px,100%)}.section__header--narrow,.concept .text-block{margin-right:auto;margin-left:auto}.english-title{margin:12px 0 0}.concept{background:radial-gradient(circle at 84% 20%,rgba(69,184,200,.18),transparent 32%),linear-gradient(180deg,#fffaf3,#fff)}.concept .text-block{color:#344054}.single{background:radial-gradient(circle at 16% 16%,rgba(255,200,87,.28),transparent 30%),linear-gradient(180deg,#fffaf3,#fff)}.single__layout{display:grid;grid-template-columns:minmax(220px,430px) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center;width:min(1120px,100%);margin:0 auto}.single__cover{width:100%;aspect-ratio:1;border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 60px #17202b24;object-fit:cover}.single__body{max-width:660px}.single__body .english-copy{margin-top:22px}.members{background:#eef8f7}.members__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;width:min(1180px,100%);margin:0 auto}.member-card{overflow:hidden;border:1px solid rgba(69,184,200,.22);border-radius:8px;background:var(--panel);box-shadow:0 18px 42px #17202b14}.member-card img{width:100%;aspect-ratio:1;object-fit:cover;object-position:center 16%}.member-card div{padding:18px}.member-card h3{margin-bottom:8px;font-size:1.35rem;line-height:1.2}.member-card p{margin:0}.member-card__copy{color:var(--ink);font-size:1.08rem;font-weight:950;line-height:1.55}.member-card__role{margin-top:10px;color:var(--muted);font-size:.9rem;line-height:1.65}.member-card__english{margin-top:8px;color:var(--soft);font-size:.78rem;line-height:1.55}.world{background:#fff}.world__layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:clamp(28px,5vw,64px);align-items:center;width:min(1180px,100%);margin:0 auto}.world__figure{margin:0;overflow:hidden;border-radius:8px;box-shadow:0 24px 70px #17202b24}.world__figure img{width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:center center}.world__body{color:#344054}.follow{position:relative;min-height:640px;display:grid;align-items:center;overflow:clip;background-image:linear-gradient(90deg,#17202bd1,#17202b61),url(/images/world/afterbell-social-links-bg.png);background-position:center center;background-size:cover;color:#fffdf9}.follow__content{width:min(820px,100%);margin-left:max(0px,calc((100vw - 1120px)/2))}.follow__content h2{margin-bottom:10px}.follow__body{max-width:760px;margin-top:24px}.follow__body p{color:#fffdf9e6}.follow__cta{display:inline-flex;margin:18px 0 16px;align-items:center;flex-wrap:wrap;gap:.35em;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:#ffffff1f;color:#fffdf9eb;padding:10px 14px;font-size:1.02rem;font-weight:850;line-height:1.6;backdrop-filter:blur(10px)}.follow__cta span{color:#fffdf9;font-weight:1000}.follow__links a{min-width:126px;border-color:#ffffffa3;background:#ffffff29;backdrop-filter:blur(10px)}.site-footer{background:#101827;color:#fffdf9;padding:clamp(46px,7vw,76px) clamp(20px,6vw,72px)}.site-footer__inner{display:grid;gap:16px;width:min(1120px,100%);margin:0 auto}.site-footer__brand{width:fit-content;color:#fffdf9;font-size:clamp(1.6rem,4vw,2.7rem);font-weight:1000;line-height:1;text-decoration:none}.site-footer p{margin:0;color:#fffdf9d1;font-weight:800;line-height:1.8}.site-footer__links{display:flex;flex-wrap:wrap;gap:10px 18px;color:#fffdf9e6;font-size:.95rem;font-weight:900}.site-footer__links a{text-decoration:none}.site-footer__copyright{margin-top:10px;color:#fffdf994!important;font-size:.88rem}@media(max-width:980px){.site-header__nav{display:none}.single__layout,.world__layout{grid-template-columns:1fr}.single__cover{max-width:460px}.world__body{width:min(880px,100%)}.members__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.hero{min-height:auto;background:#17202b}.hero__media,.hero__media img{height:min(76svh,680px)}.hero__media img{object-fit:cover;object-position:center top}.hero:after{background:linear-gradient(180deg,#17202b0d,#17202bb8),linear-gradient(90deg,#17202b47,#17202b14)}.hero__copy{position:relative;bottom:auto;left:auto;width:100%;padding:28px 18px 42px;background:linear-gradient(180deg,#17202bf5,#17202b)}h1{font-size:clamp(2.75rem,14vw,4rem)}.hero__main-copy{max-width:none;font-size:clamp(1.32rem,5.7vw,1.72rem);line-height:1.48}.section{padding:58px 18px}.members__grid{grid-template-columns:1fr}.member-card img{aspect-ratio:4 / 5;object-position:center top}.world__figure img{min-height:280px;object-position:center center}.follow{min-height:700px;background-position:center top}.follow__links a,.hero__actions .button{width:100%}}@media(max-width:430px){.site-header{top:12px;right:12px;left:12px;min-height:52px;padding:0 10px 0 16px}.site-header__brand{font-size:.94rem}.site-header__follow{min-height:34px;padding:0 13px}h1{font-size:clamp(2.6rem,13.5vw,3.45rem)}h2{font-size:clamp(1.8rem,9.8vw,2.45rem)}.hero__main-copy{font-size:clamp(1.22rem,5.45vw,1.48rem)}.hero__body p,.follow__body p,.text-block p{font-size:.98rem}}
