/* Profile facts, reading order and mobile layout. */
.about-person .about-story{min-width:0}.about-person .about-story>.eyebrow{font:400 .75rem/1.7 var(--mono);letter-spacing:.06em;margin:0 0 26px}
.portfolio-home>.about.about-person{grid-template-columns:1fr 1.1fr;gap:8%;padding-top:72px;padding-bottom:80px}
.about-person .about-heading{font:400 clamp(32px,3.5vw,44px)/1.3 'Cormorant Garamond',Georgia,serif;margin:0 0 24px;letter-spacing:-.02em}
html[lang=ja] .about-person .about-heading{font-family:'Shippori Mincho',serif;font-size:30px}
.about-person .about-introduction{font-size:1rem;line-height:1.95;margin:0 0 34px;max-width:44ch;color:#3e4940}
.about-facts{display:block;width:100%;margin:0;border-top:1px solid #dbe2dc}
.about-person .about-facts>div{display:grid;grid-template-columns:9.3rem minmax(0,1fr);gap:14px;padding:13px 0;border-top:0;border-bottom:1px solid #e4e8e0;line-height:1.65;font-size:.9375rem}
.about-facts dt{color:#636e62}.about-person .about-facts dd{margin:0;font-weight:400;overflow-wrap:break-word;text-align:left;max-width:none}
.about-notes{display:flex;gap:28px;margin-top:26px;font-size:.875rem}.about-notes a{padding:8px 0;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#b0bdad}
.portfolio-home>.about.about-person .recognition{grid-column:auto;grid-row:auto;padding-top:4px;margin:0}
.about-person .recognition h3{letter-spacing:.015em;font-weight:500;margin-bottom:26px}
.portfolio-home .about-person .recognition-list{gap:0}
.about-person .recognition-list li{border-top:1px solid #e2e7de;padding:17px 0}
@media(max-width:800px){.portfolio-home>.about.about-person{column-gap:6%}.about-person .about-facts>div{grid-template-columns:1fr;gap:3px}}
@media(max-width:600px){.intro-description{max-width:32ch}.portfolio-home>.about.about-person{padding-top:42px;padding-bottom:48px}.about-person .about-story{margin-bottom:48px}.about-person .about-introduction{margin-bottom:27px}.about-person .about-facts>div{grid-template-columns:7.3rem minmax(0,1fr);gap:14px}.about-person .recognition-list li{padding-block:20px}}
@media(max-width:360px){.about-person .about-facts>div{grid-template-columns:1fr;gap:3px}}

/* The question leads; the drawings remain ways to explore it. */
.portfolio-home section.intro{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:8%;align-items:center}
.intro-orientation{min-width:0}
.portfolio-home .intro-question{font-size:clamp(27px,2.55vw,36px);line-height:1.55;letter-spacing:-.025em;margin:0 0 26px;max-width:650px;color:#243b2b}
.intro-orientation .catalog-jumps{max-width:none;gap:3px}
.intro-orientation .catalog-jumps a{font-size:20px;padding:10px 0}
.portfolio-home>.about.about-person{display:block;width:calc(100% - 2 * var(--gutter,24px));max-width:1112px;padding:65px 0 72px}
.about-person .about-story{display:grid;grid-template-columns:180px minmax(0,1fr);column-gap:65px;align-items:start}
.about-person .about-heading{grid-column:1;grid-row:1;margin:0;font-size:29px}
.portfolio-home .about-person .about-introduction{grid-column:2;grid-row:1;max-width:760px;margin:0;font-size:19px;line-height:1.95}
html[lang=ja] .portfolio-home .about-person .about-introduction{font-size:18px;line-height:2.05}
.about-person .about-notes{grid-column:2;margin-top:23px;font-size:16px}
.recognition-records{width:calc(100% - 2 * var(--gutter,24px));max-width:1112px;margin:0 auto;padding:50px 0 64px;border-top:1px solid var(--line)}
.recognition-records .recognition{display:grid;grid-template-columns:180px minmax(0,1fr);column-gap:65px;margin:0;padding:0}
.portfolio-home .recognition-records .recognition h3{font-size:25px;line-height:1.4;margin:0}
.portfolio-home .recognition-records .recognition-list{gap:0;margin:0}
.recognition-records .recognition-list li{padding:16px 0;border-bottom:1px solid #e0e6da}
.recognition-records .recognition-list li:first-child{padding-top:0}
.portfolio-home .catalog-heading h2{font-size:38px;line-height:1.4}
@media(min-width:1100px){html[lang=ja] .intro-question{word-break:keep-all}}
@media(max-width:800px){.portfolio-home section.intro{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:6%}.portfolio-home .intro-question{font-size:27px}.intro-orientation .catalog-jumps a{font-size:18px}.about-person .about-story,.recognition-records .recognition{grid-template-columns:150px minmax(0,1fr);column-gap:35px}}
@media(max-width:600px){.portfolio-home section.intro{grid-template-columns:1fr;gap:25px;padding-bottom:32px}.portfolio-home .intro-question{font-size:26px;line-height:1.65;margin-bottom:20px}.intro-orientation .catalog-jumps{gap:5px 24px}.intro-orientation .catalog-jumps a{font-size:18px;padding:7px 0}.portfolio-home>.about.about-person{padding:40px 0 45px}.about-person .about-story{display:block;margin:0}.about-person .about-heading{margin:0 0 22px}.portfolio-home .about-person .about-introduction{font-size:18px;line-height:1.9}html[lang=ja] .portfolio-home .about-person .about-introduction{font-size:17px;line-height:2}.about-person .about-notes{margin-top:20px}.recognition-records{padding:35px 0 42px}.recognition-records .recognition{display:block}.portfolio-home .recognition-records .recognition h3{margin-bottom:25px}.recognition-records .recognition-list li{padding:16px 0}.portfolio-home .recognition-records .recognition-list li{gap:10px}}
@media(max-width:600px){.portfolio-home .catalog-heading h2{font-size:31px}}
@media(min-width:361px) and (max-width:600px){html[lang=ja] .portfolio-home .intro-question{font-size:24px;word-break:keep-all;overflow-wrap:break-word}}

.portfolio-home .recognition-copy .recognition-description{margin:10px 0 0;color:#4b5b50;font-size:14px;line-height:1.85;max-width:66ch}