/* souzoucity: quiet typography, clear space, floating frames. */
:root{--font:'Helvetica Neue','Arial','Hiragino Sans','Yu Gothic',Meiryo,sans-serif;--pixel:var(--font);--mono:var(--font)}body{font-family:var(--font);line-height:1.75;letter-spacing:.025em}h1,h2,h3,h4,p,a,button,span{overflow-wrap:break-word}h1,h2,h3{letter-spacing:.02em;line-height:1.3}.wordmark{font-size:28px;line-height:1.1;font-weight:500;letter-spacing:.035em}.wordmark span{font-size:12px;letter-spacing:.07em;line-height:1.5}.header{height:auto;min-height:108px;gap:28px;padding-top:18px;padding-bottom:18px}.header nav{flex-wrap:wrap;gap:26px}.header nav a{font-size:14px;letter-spacing:.04em}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:6%;row-gap:48px;align-items:center;height:auto;min-height:0;max-height:none;padding-top:30px;padding-bottom:32px;overflow:visible}.hero-meta{grid-column:1/-1;font-size:12px;line-height:1.7;flex-wrap:wrap}.hero-content{max-width:none;min-width:0;margin:0;padding:35px 0;pointer-events:auto}.hero h1{font-size:clamp(46px,6.7vw,112px);font-weight:400;letter-spacing:.015em;line-height:1.15;text-shadow:0 2px 28px #180b1abb;white-space:nowrap}.hero h1 .brand-subtitle{font-size:12px;line-height:1.8;letter-spacing:.12em;margin-top:24px;white-space:normal;font-weight:500;color:#f7d4e9}.hero-content .intro{font-size:16px;line-height:1.9;letter-spacing:.08em;margin-bottom:26px}.hero-bottom{display:block;margin-top:44px}.hero-bottom .japanese-name{font-size:23px;letter-spacing:.1em;line-height:1.6}.composer-roman{display:block;font-size:14px;letter-spacing:.06em;color:#f2d9e7;margin:6px 0 12px}.hero-bottom .roles{font-size:14px;line-height:1.8;letter-spacing:.025em}.hero-bottom .round-link{font-size:14px;margin-top:28px}.desktop-windows{position:static;inset:auto;width:100%;height:auto;min-width:0;display:grid;gap:24px;padding:15px 0}.mini-window,.feature-window,.note-window,.cm-window{position:relative;inset:auto;top:auto;left:auto;right:auto;width:100%;height:auto;transform:none;margin:0;min-width:0}.mini-window:hover{transform:translateY(-3px);box-shadow:6px 8px 0 #240b2a8c}.window-bar{font-size:12px;line-height:1.6;letter-spacing:.035em;padding:10px 14px;align-items:center}.window-bar>span{flex-shrink:0;line-height:1.3}.window-caption{font-size:16px;letter-spacing:.06em;padding:16px 20px}.mini-window small{font-size:12px;line-height:1.7;letter-spacing:.04em}.note-content{font-family:var(--font);font-size:20px;line-height:1.8;letter-spacing:.06em;padding:20px 24px}.note-content br{display:none}.note-content small{font-size:12px;letter-spacing:.06em}.cm-content{font-size:18px;line-height:1.7;letter-spacing:.035em;padding:18px 24px}.cm-content small{font-size:12px}.hero-footer{position:static;grid-column:1/-1;margin:0;padding-top:22px;flex-wrap:wrap;line-height:1.8}.hero-footer span{font-size:12px;letter-spacing:.045em;white-space:normal}.hero-ticker{display:none}.screen-corners:after{content:none}.eyebrow:not(.intro),.hero-meta,.filter-label,.artist-filter label span,.gallery-hint,.gallery-nav>span,.catalog-caption,.window-bar,.service .index,.practice-number{font-size:12px;line-height:1.8;letter-spacing:.06em}.group-controls button,.role-controls button,.artist-filter select,.artist-filter label,.artist-filter button,.filter-label span{font-size:14px;line-height:1.6}.artist-filter select{padding:12px}.group-controls button{gap:10px;padding:12px 16px}.catalog-card-meta{font-size:14px;line-height:1.8;gap:14px}.catalog-card-meta>a,.card-roles{font-size:12px;line-height:1.8}.catalog-card h3{font-size:16px;line-height:1.8;letter-spacing:.025em;min-height:3.6em}.catalog-card:before{font-size:12px}.about-english{font-size:clamp(30px,3.5vw,54px);line-height:1.5;letter-spacing:.025em}.about-body>p:not(.profile-name),.section-head>p,.service>p,.practice-grid p,.bio-prose p{font-size:16px;line-height:2}.bio-link{font-size:14px;line-height:1.8}.bio-title{font-size:clamp(42px,8.2vw,122px);line-height:1.2;letter-spacing:.02em}.bio-symbol{display:none}.bio-roman,.practice-grid h3{letter-spacing:.035em}.practice-grid h3{font-size:clamp(20px,2.2vw,30px)}.bio-heading-foot>span{font-size:14px;line-height:1.8}.contact h2{font-size:clamp(34px,4.2vw,64px);line-height:1.3;letter-spacing:.02em;overflow-wrap:anywhere}.footer-name{font-size:clamp(36px,8vw,112px);line-height:1.3;font-weight:400;letter-spacing:.035em}.social-icons{display:flex;align-items:center;gap:12px;margin-top:22px}.social-icons a{display:grid;place-items:center;width:44px;height:44px;border:1px solid #bb83a6;border-radius:50%;color:#ffd1e9;background:#30152980;transition:background .2s,color .2s}.social-icons svg{width:20px;height:20px;flex-shrink:0}.social-icons a:hover{background:#ffadd4;color:#2c1024}.bio-id .social-icons{margin-bottom:25px}footer>.social-icons{display:flex;justify-content:flex-start;gap:12px;font-size:14px}.mv-console{font-size:12px;line-height:1.5;gap:10px;max-width:calc(100% - 56px)}.mv-console button{font-size:12px;min-height:32px;padding:5px 10px}.mv-console a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mv-console .mv-led{margin-left:3px}
@media(max-width:1000px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.hero h1{font-size:6.7vw}.header nav{gap:18px}.hero-content{padding:0}.hero-bottom{margin-top:32px}.hero-bottom .round-link{font-size:14px}.hero-bottom .roles{font-size:14px}.note-content{font-size:18px}.window-bar{font-size:12px}.section{padding-top:65px}.works{padding-top:75px}}
@media(max-width:700px){.header{margin:0 5%;min-height:0;align-items:flex-start;flex-direction:column;gap:22px;padding:22px 0}.wordmark{font-size:28px}.wordmark span{font-size:12px;letter-spacing:.045em}.header nav{gap:16px;width:100%;justify-content:space-between}.header nav a{font-size:14px;letter-spacing:0}.nav-contact{padding:8px 10px}.nav-contact span{margin-left:5px}.hero{grid-template-columns:minmax(0,1fr);gap:32px;padding:25px 6% 30px;min-height:0}.hero-meta{font-size:12px}.hero-content{margin:0;padding:20px 0 0}.hero-content .intro{font-size:16px;letter-spacing:.06em}.hero h1{font-size:11.6vw;line-height:1.2;letter-spacing:.02em}.hero h1 .brand-subtitle{font-size:12px;letter-spacing:.09em;margin-top:18px}.hero-bottom{display:block;margin-top:30px}.hero-bottom .japanese-name{font-size:23px}.hero-bottom .roles{font-size:14px}.hero-bottom .round-link{font-size:14px;margin-top:24px}.hero-bottom .circle{width:44px;height:44px}.desktop-windows{gap:22px;padding:4px 0 12px}.feature-window,.note-window,.cm-window{width:100%;inset:auto;transform:none}.window-bar{font-size:12px;padding:10px 14px}.window-caption{font-size:16px}.note-content{font-size:20px;padding:20px}.note-content small,.cm-content small{font-size:12px}.cm-content{font-size:18px;padding:20px}.hero-footer{gap:12px}.hero-footer span,.hero-footer span:first-child{font-size:12px;max-width:none;line-height:1.8}.hero-footer span:last-child{white-space:normal}.group-controls button{font-size:14px;padding:10px 12px;gap:8px}.group-controls button span{font-size:12px}.role-controls button,.artist-filter select,.artist-filter button{font-size:14px}.catalog-card h3{font-size:16px}.catalog-card-meta{font-size:14px;flex-wrap:wrap;gap:6px}.catalog-card-meta>a{font-size:12px}.catalog-grid{grid-auto-columns:94%}.gallery-hint{font-size:12px}.catalog-caption{font-size:12px;flex-wrap:wrap}.about-english{font-size:36px}.bio-title{font-size:11vw;line-height:1.25;letter-spacing:.02em}.contact h2{font-size:9vw;line-height:1.35;letter-spacing:.015em}.footer-name{font-size:10vw;letter-spacing:.035em}.mv-console{left:12px;bottom:12px;max-width:calc(100% - 24px);gap:4px;padding:6px;font-size:12px}.mv-console button{font-size:12px;padding:5px 7px}.mv-console a{max-width:40vw}footer{padding-bottom:110px}}
