/* A's layout, photographs and motion are shared. Only palette and type change. */
.theme-a2{--ink:#102a43;--paper:#f5f9fc;--yellow:#a6def3;--accent:#a6def3;--line:#ccdce7;--muted:#526d81;font-family:Meiryo,"Yu Gothic",sans-serif}
.theme-a3{--ink:#183d35;--paper:#f7f5ed;--yellow:#e8ddba;--accent:#e8ddba;--line:#d1d8cb;--muted:#5c7063}
.theme-a2 .works{background:#e5eef5}.theme-a3 .works{background:#e7ebdf}
.theme-a2 .wide-word{color:#c5d7e5}.theme-a3 .wide-word{color:#ccd4c3}
.theme-a2 .work-area{color:#526d81}.theme-a3 .work-area{color:#526b5e}
.theme-a2 .work-no{background:#102a43ed}.theme-a3 .work-no{background:#183d35ed}
.theme-a2 .rough-site-footer{background:#102a43}.theme-a3 .rough-site-footer{background:#183d35}
.theme-a2 .yellow:hover,.theme-a3 .yellow:hover{background:var(--yellow);filter:brightness(1.07)}
.theme-a2 .hero-shade{background:linear-gradient(90deg,#081f39d4,#102a4355 52%,transparent 82%),linear-gradient(0deg,#081f3999,transparent 30%)}
.theme-a3 .hero-shade{background:linear-gradient(90deg,#102f29d4,#183d3555 52%,transparent 82%),linear-gradient(0deg,#102f2999,transparent 30%)}
.theme-a2 h1,.theme-a2 .brand-name,.theme-a2 .about h2,.theme-a2 .work-card h3{font-family:Meiryo,"Yu Gothic",sans-serif;font-weight:700}
.theme-a2 h1{font-size:clamp(52px,4.8vw,87px);letter-spacing:-.065em;line-height:1.5}
.theme-a2 .about h2{font-size:clamp(30px,2.9vw,49px);letter-spacing:-.055em}
.theme-a2 .display-en,.theme-a2 .wide-word,.theme-a2 .since,.theme-a2 .brand-en{font-family:Bahnschrift,"Arial",sans-serif;font-weight:600;letter-spacing:-.015em}
.theme-a2 .brand-en{letter-spacing:.2em;font-weight:500}
.theme-a3 h1,.theme-a3 .brand-name,.theme-a3 .about h2,.theme-a3 .work-card h3{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:600;letter-spacing:.025em}
.theme-a3 h1{font-size:clamp(52px,5.1vw,92px);line-height:1.5}
.theme-a3 .about h2{font-size:clamp(30px,3vw,51px)}
.theme-a3 .display-en,.theme-a3 .wide-word,.theme-a3 .since,.theme-a3 .brand-en{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.035em}
.theme-a3 .brand-en{letter-spacing:.2em}
.theme-a3 .wide-word{font-size:clamp(40px,6.5vw,120px)}
.theme-a2 .proposal-end{background:#edf3f7}.theme-a3 .proposal-end{background:#eeeee5}
@media(max-width:700px){
 .study-brand{font-size:8px;letter-spacing:0}.study-links a{padding-left:9px;padding-right:9px}
 .theme-a2 h1{font-size:clamp(32px,9.1vw,43px);letter-spacing:-.065em;line-height:1.65}
 .theme-a3 h1{font-size:clamp(32px,9vw,43px);letter-spacing:.01em;line-height:1.65}
 .theme-a2 .about h2,.theme-a3 .about h2{font-size:30px}
 .theme-a2 .brand-name,.theme-a3 .brand-name{font-size:23px}
 .theme-a2 .wide-word{font-size:clamp(24px,7.3vw,34px);letter-spacing:-.045em}
 .theme-a3 .wide-word{font-size:clamp(25px,7.4vw,35px);letter-spacing:-.035em}
 .theme-a2 .hero-shade{background:linear-gradient(180deg,#081f3999,#102a4322 44%,#081f39b3),linear-gradient(90deg,#081f3933,transparent)}
 .theme-a3 .hero-shade{background:linear-gradient(180deg,#102f2999,#183d3522 44%,#102f29b3),linear-gradient(90deg,#102f2933,transparent)}
}