.page-intro{margin:0 24px;border-radius:32px;background:#edf6fd;padding:70px max(7%,28px);position:relative;overflow:hidden}.page-intro h1{font-size:clamp(34px,4.6vw,64px);font-weight:500;line-height:1.5;letter-spacing:-.05em;margin:25px 0}.page-intro p{font-size:14px;line-height:2.1;color:#576573}.journal-index{max-width:1220px;padding:65px 35px 100px;margin:auto}.journal-controls{display:flex;justify-content:space-between;gap:30px;align-items:center}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid #dce5ed;color:#596978;background:white;padding:12px 18px;border-radius:40px;cursor:pointer;font:inherit;font-size:12px}.filters button[aria-pressed=true]{background:#152333;color:white;border-color:#152333}.search-label{font-size:10px;color:#64707b;display:flex;flex-direction:column;gap:8px}.search-label input{padding:13px 18px;border-radius:12px;border:1px solid #dce5ed;background:#f5f9fc;font:inherit;font-size:13px;min-width:230px}#result-count{font-size:11px;color:#738291;margin:32px 0 22px}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 28px}.article-card{display:block}.article-card[hidden]{display:none}.card-image{height:220px;border-radius:22px;overflow:hidden;position:relative;background:#e4f0fa;display:grid;place-items:center}.card-image>img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.article-card:hover .card-image>img{transform:scale(1.04)}.card-arrow{position:absolute;right:14px;bottom:14px;width:36px;height:36px;border-radius:50%;background:#ffffffed;display:grid;place-items:center}.article-card .meta{margin-top:22px}.article-card h2{font-size:18px;line-height:1.8;margin:13px 0 0;font-weight:500}.article-card:hover h2{color:#167add}.page-breadcrumb{max-width:1150px;margin:25px auto 0;padding:0 30px;display:flex;gap:14px;font-size:10px;color:#768591}.article-heading{max-width:940px;margin:64px auto 45px;padding:0 30px}.article-heading h1{font-size:clamp(28px,3.5vw,45px);line-height:1.6;letter-spacing:-.025em;font-weight:500;margin:24px 0 26px}.article-heading .meta{line-height:1.8}.article-cover{max-width:1100px;height:440px;border-radius:28px;overflow:hidden;margin:0 auto 65px;background:#e7f1f8}.article-cover img{width:100%;height:100%;object-fit:contain}.reading-layout{max-width:1120px;display:grid;grid-template-columns:230px minmax(0,710px);gap:65px;margin:auto;padding:0 30px}.reading-layout aside{align-self:start;position:sticky;top:30px}.reading-layout aside nav{display:block;position:static;padding:0;background:none;box-shadow:none;border-radius:0}.reading-layout aside ol{list-style:none;padding:0;margin:20px 0}.reading-layout aside li{font-size:11px;line-height:1.8;margin-bottom:15px;color:#6b7b88}.reading-layout aside a:hover{color:#167add}.article-body{font-size:15px;line-height:2.15;overflow-wrap:anywhere}.article-body h2,.article-body h3,.article-body h4{font-size:23px;line-height:1.8;font-weight:600;margin:45px 0 18px;letter-spacing:-.02em}.article-body h3{font-size:20px}.article-body h4{font-size:19px}.article-body p{margin:0 0 24px}.article-body img{max-width:100%;height:auto;border-radius:18px;display:block;margin:30px auto}.article-body figure{margin:30px 0}.article-body ul,.article-body ol{padding-left:24px}.article-body a{color:#1673bc;text-decoration:underline;text-underline-offset:4px}.article-body table{max-width:100%;border-collapse:collapse}.article-body td,.article-body th{padding:10px;border:1px solid #dce5eb}.interview-answer{background:#edf6fc;padding:25px 30px;border-radius:0 24px 24px 24px;margin:20px 0}.article-end{margin-top:70px;padding:35px;border-top:1px solid #dce5eb;border-bottom:1px solid #dce5eb}.article-end>span{font-size:9px;letter-spacing:1.5px;color:#7b8b98}.article-end p{font-size:20px;margin:20px 0 0}.related{max-width:1060px;margin:100px auto;padding:0 30px}.related>.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-symbol{position:absolute;font-size:230px;right:10%;top:35px;color:#b7d7ef;line-height:1.4}.about-story,.company-section{max-width:1120px;margin:90px auto;display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:0 30px}.about-story p,.about-creative>p{font-size:14px;line-height:2.2;color:#576573}.company-section dl{margin:0}.company-section dl>div{display:grid;grid-template-columns:110px 1fr;padding:25px 0;border-top:1px solid #dce5eb;gap:20px;font-size:13px;line-height:2}.company-section dd{margin:0;color:#596978}.company-section dt{font-weight:500}.about-creative{max-width:1120px;padding:0 30px;margin:100px auto}.music-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:35px}.music-grid>div{background:#edf3fc;border-radius:24px;padding:35px}.music-grid>div+div{background:#eaf3ef}.music-grid span{font-size:9px;letter-spacing:1.5px;color:#758a99}.music-grid h3{font-size:30px}.music-grid p{font-size:13px;line-height:2;color:#60717e}@media(max-width:850px){.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-layout{grid-template-columns:minmax(0,1fr);gap:20px;max-width:780px}.reading-layout aside{position:static;background:#f1f7fb;padding:24px;border-radius:20px}.reading-layout aside ol{columns:2}.article-cover{margin-left:25px;margin-right:25px;height:340px}.about-symbol{right:0;opacity:.4}.about-intro h1{position:relative;z-index:1}.journal-controls{align-items:start;flex-direction:column}}@media(max-width:600px){.page-intro{margin:0 12px;padding:42px 25px;border-radius:24px}.page-intro h1{font-size:35px}.page-intro p{font-size:12px}.journal-index{padding:35px 25px 65px}.filters button{padding:10px 13px;font-size:11px}.search-label,.search-label input{width:100%}.article-grid{grid-template-columns:minmax(0,1fr);gap:32px}.card-image{height:230px}.article-card h2{font-size:19px}.article-heading{margin:35px auto;padding:0 25px}.article-heading h1{font-size:28px}.page-breadcrumb{padding:0 25px;font-size:9px}.article-cover{margin:0 12px 30px;height:260px;border-radius:20px}.reading-layout{padding:0 25px}.reading-layout aside ol{columns:1}.article-body{font-size:14px;line-height:2.1}.article-body h2{font-size:21px}.article-body h3,.article-body h4{font-size:18px}.interview-answer{padding:20px}.related{margin:65px auto;padding:0 25px}.related>.article-grid{grid-template-columns:1fr}.about-story,.company-section{display:block;margin:60px auto;padding:0 25px}.company-section dl>div{grid-template-columns:80px 1fr;gap:12px;font-size:12px}.about-creative{padding:0 25px;margin:65px auto}.music-grid{grid-template-columns:1fr}.about-symbol{font-size:155px;top:100px;right:-35px}.article-end{padding:28px 0}}
@media(max-width:600px){.about-intro h1{font-size:30px;letter-spacing:-.035em}}

/* Compact speaker identity for the Imai interview. */
.article-body .interview-speaker{display:flex;align-items:center;gap:12px;margin:12px 0 28px;font-size:13px;line-height:1.5;color:#596978}.article-body .interview-speaker img{display:block;width:64px;height:64px;max-width:none;object-fit:cover;border-radius:50%;margin:0}.interview-speaker>div:first-child{flex:0 0 64px}

.article-body .interview-speaker{margin:28px 0 10px}.article-body .interview-speaker+div .interview-answer{margin-top:0}
