/* Sticky navigation and the reusable illustrated title layout. */
html{scroll-padding-top:calc(128px + var(--wp-admin--admin-bar--height,0px))}
.ulu-site .ulu-header{position:sticky;top:22px;z-index:60}
.ulu-site.admin-bar .ulu-header{top:54px}
.ulu-site.ulu-subpage-illustrated .ulu-breadcrumb{max-width:1260px;width:calc(100% - 256px);padding:0;margin:34px auto 0}
.ulu-site .ulu-content .ulu-subpage-title.ulu-subpage-title{width:calc(100% - 256px);max-width:1260px;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,36%);align-items:center;gap:54px;padding:60px 0 80px;margin:0 auto}
.ulu-site .ulu-content .ulu-subpage-title .ulu-subpage-copy{min-width:0}
.ulu-site .ulu-content .ulu-subpage-title .ulu-label{font-size:18px;font-weight:600;line-height:1.6;margin:0 0 14px}
.ulu-site .ulu-content .ulu-subpage-title h1{font-size:clamp(38px,4.4vw,64px);font-weight:600;line-height:1.45;letter-spacing:0;padding:0;margin:0 0 34px}
.ulu-site .ulu-content .ulu-subpage-title h1::after{display:none}
.ulu-site .ulu-content .ulu-subpage-title .ulu-lead,.ulu-site .ulu-content .ulu-subpage-title .ulu-works-lead{font-size:16px;font-weight:600;line-height:1.9;margin:0}
.ulu-site .ulu-content .ulu-subpage-art{position:relative;width:100%;max-width:440px;justify-self:end;margin:0;pointer-events:none;isolation:isolate}
.ulu-site .ulu-content .ulu-subpage-art figure{position:absolute;margin:0}
.ulu-site .ulu-content .ulu-subpage-art img{display:block;width:100%;height:auto;max-width:100%;border-radius:0}
.ulu-site .ulu-content .ulu-subpage-art .ulu-number{z-index:0}
.ulu-site .ulu-content .ulu-subpage-art .ulu-subpage-mascot{z-index:1;transform-origin:50% 90%;animation:ulu-subpage-bear 7.6s -1.6s ease-in-out infinite}
.ulu-subpage-art--services{aspect-ratio:440/374}
.ulu-site .ulu-content .ulu-subpage-art--services .ulu-number-7{width:29.55%;left:51.14%;top:0}
.ulu-site .ulu-content .ulu-subpage-art--services .ulu-number-3{width:36.82%;left:19.09%;top:56.68%}
.ulu-site .ulu-content .ulu-subpage-art--services .ulu-subpage-mascot{width:47.5%;left:28.18%;top:9.89%}
.ulu-subpage-art--works{aspect-ratio:544/368}
.ulu-site .ulu-content .ulu-subpage-art--works .ulu-number-4{width:46.14%;left:0;top:0}
.ulu-site .ulu-content .ulu-subpage-art--works .ulu-number-6{width:24.63%;left:75.37%;top:63.59%}
.ulu-site .ulu-content .ulu-subpage-art--works .ulu-subpage-mascot{width:48.9%;left:34.19%;top:8.7%}
.ulu-subpage-art--voices{aspect-ratio:428/396}
.ulu-site .ulu-content .ulu-subpage-art--voices .ulu-number-2{width:40.65%;left:0;top:0}
.ulu-site .ulu-content .ulu-subpage-art--voices .ulu-number-8{width:50.7%;left:49.3%;top:45.2%}
.ulu-site .ulu-content .ulu-subpage-art--voices .ulu-subpage-mascot{width:80.14%;left:11.68%;top:1.52%}
.ulu-subpage-art--about{aspect-ratio:400/367}
.ulu-site .ulu-content .ulu-subpage-art--about{max-width:400px}
.ulu-site .ulu-content .ulu-subpage-art--about .ulu-number-1{width:33.5%;left:66.5%;top:0}
.ulu-site .ulu-content .ulu-subpage-art--about .ulu-number-9{width:41.25%;left:0;top:52.32%}
.ulu-site .ulu-content .ulu-subpage-art--about .ulu-subpage-mascot{width:70.25%;left:25.75%;top:1.91%}
@keyframes ulu-subpage-bear{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1.5deg)}}
@media(max-width:1100px){
 .ulu-site.ulu-subpage-illustrated .ulu-breadcrumb,.ulu-site .ulu-content .ulu-subpage-title.ulu-subpage-title{width:calc(100% - 112px)}
 .ulu-site .ulu-content .ulu-subpage-title.ulu-subpage-title{gap:30px;grid-template-columns:minmax(0,1fr) 34%}
}
@media(max-width:782px){.ulu-site.admin-bar .ulu-header{top:68px}}
@media(max-width:760px){
 html{scroll-padding-top:calc(102px + var(--wp-admin--admin-bar--height,0px))}
 .ulu-site .ulu-header{top:12px}
 .ulu-site.admin-bar .ulu-header{top:58px}
 .ulu-site .ulu-menu{max-height:calc(100vh - 130px);max-height:calc(100dvh - 130px);overflow-y:auto;overscroll-behavior:contain}
 .ulu-site.admin-bar .ulu-menu{max-height:calc(100vh - 176px);max-height:calc(100dvh - 176px)}
 .ulu-site.ulu-subpage-illustrated .ulu-breadcrumb{width:calc(100% - 48px);margin-top:25px}
 .ulu-site .ulu-content .ulu-subpage-title.ulu-subpage-title{width:calc(100% - 48px);grid-template-columns:minmax(0,1fr) 32%;gap:12px;padding:42px 0 46px}
 .ulu-site .ulu-content .ulu-subpage-title .ulu-subpage-copy{display:contents}
 .ulu-site .ulu-content .ulu-subpage-title .ulu-label{grid-column:1;grid-row:1;align-self:end;margin:0;font-size:13px}
 .ulu-site .ulu-content .ulu-subpage-title h1{grid-column:1;grid-row:2;align-self:start;font-size:clamp(24px,6.5vw,36px);margin:0;white-space:nowrap}
 .ulu-site .ulu-content .ulu-subpage-title .ulu-lead,.ulu-site .ulu-content .ulu-subpage-title .ulu-works-lead{grid-column:1/-1;grid-row:3;font-size:14px;line-height:1.9;margin-top:12px}
 .ulu-site .ulu-content .ulu-subpage-title .ulu-subpage-art{grid-column:2;grid-row:1/3;align-self:center;width:100%;max-width:180px}
 .ulu-site .ulu-content .ulu-subpage-title .ulu-subpage-art--works{width:150%;max-width:190px}
 .ulu-site .ulu-content .ulu-subpage-title .ulu-subpage-art--voices{width:120%;max-width:180px}
 .ulu-site .ulu-content .ulu-subpage-art--services{aspect-ratio:310/374}
 .ulu-site .ulu-content .ulu-subpage-art--services .ulu-number-7{width:41.94%;left:54.19%}
 .ulu-site .ulu-content .ulu-subpage-art--services .ulu-number-3{width:52.26%;left:9.35%}
 .ulu-site .ulu-content .ulu-subpage-art--services .ulu-subpage-mascot{width:67.42%;left:22.26%}
}
@media(max-width:600px){.ulu-site.admin-bar .ulu-header{top:12px}}
@media(prefers-reduced-motion:reduce){.ulu-site .ulu-content .ulu-subpage-art *{animation:none!important}}

/* Header labels reserve both languages' widths to prevent hover layout shifts. */
.ulu-site .ulu-nav-list{font-size:16px}
.ulu-site .ulu-nav-list a{position:relative;display:inline-flex;align-items:center;min-height:44px;line-height:1.5}
.ulu-site .ulu-nav-label{display:grid;overflow:hidden;text-align:center}
.ulu-site .ulu-nav-label>span{grid-area:1/1;white-space:nowrap;transition:opacity .22s ease,transform .22s ease}
.ulu-site .ulu-nav-en{font-size:15px;font-weight:600;letter-spacing:.035em;opacity:0;transform:translateY(8px)}
.ulu-site .ulu-nav-list a::after{content:'';position:absolute;left:0;right:0;bottom:4px;height:2px;background:#387acb;border-radius:2px;transform:scaleX(0);transform-origin:center;transition:transform .22s ease}
@media(hover:hover) and (pointer:fine) and (min-width:1025px){
 .ulu-site .ulu-nav-list a:hover{color:#387acb}
 .ulu-site .ulu-nav-list a:hover .ulu-nav-ja{opacity:0;transform:translateY(-8px)}
 .ulu-site .ulu-nav-list a:hover .ulu-nav-en{opacity:1;transform:translateY(0)}
 .ulu-site .ulu-nav-list a:hover::after{transform:scaleX(1)}
}
@media(min-width:1025px){
 .ulu-site .ulu-nav-list a:focus-visible{color:#387acb}
 .ulu-site .ulu-nav-list a:focus-visible .ulu-nav-ja{opacity:0;transform:translateY(-8px)}
 .ulu-site .ulu-nav-list a:focus-visible .ulu-nav-en{opacity:1;transform:translateY(0)}
 .ulu-site .ulu-nav-list a:focus-visible::after{transform:scaleX(1)}
}
@media(max-width:1200px){.ulu-site .ulu-location{display:none}}
/* Open the existing hamburger earlier so larger labels do not crowd tablet headers. */
@media(min-width:761px) and (max-width:1024px){
 .ulu-site .ulu-header{justify-content:space-between}
 .ulu-site .ulu-menu-toggle{display:grid;place-items:center;width:44px;height:44px;flex:none;padding:10px;border:0;border-radius:50%;background:none;color:#24292b;cursor:pointer}
 .ulu-site .ulu-menu-toggle span{margin:0}
 .ulu-site .ulu-menu-icon{display:flex;flex-direction:column;gap:6px;width:24px;height:18px}
 .ulu-site .ulu-menu-icon span{display:block;flex:none;width:24px;height:2px;border-radius:2px;background:currentColor;transform-origin:center;transition:transform .25s ease,opacity .2s ease}
 .ulu-site .ulu-menu-toggle[aria-expanded=true] .ulu-menu-icon span:nth-child(1){transform:translateY(8px) rotate(45deg)}
 .ulu-site .ulu-menu-toggle[aria-expanded=true] .ulu-menu-icon span:nth-child(2){opacity:0}
 .ulu-site .ulu-menu-toggle[aria-expanded=true] .ulu-menu-icon span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
 .ulu-site .ulu-menu{display:none;position:absolute;top:calc(100% + 12px);left:0;right:0;border-radius:28px;background:#fff;box-shadow:0 12px 35px #20334420;padding:25px;align-items:stretch;margin:0;max-height:calc(100dvh - 160px);overflow-y:auto;overscroll-behavior:contain}
 .ulu-site.admin-bar .ulu-menu{max-height:calc(100dvh - 192px)}
 .ulu-site .ulu-menu.is-open{display:flex;flex-direction:column}
 .ulu-site .ulu-nav-list{display:block;white-space:normal}
 .ulu-site .ulu-header-cta{text-align:center}
}
@media(max-width:1024px){
 .ulu-site .ulu-nav-list a{display:flex;padding:13px 8px;min-height:50px}
 .ulu-site .ulu-nav-label{text-align:left}
 .ulu-site .ulu-nav-en{display:none}
 .ulu-site .ulu-nav-list a:active{color:#387acb;background:#eff5fc;border-radius:8px}
}
@media(prefers-reduced-motion:reduce){.ulu-site .ulu-nav-label>span,.ulu-site .ulu-nav-list a::after{transition:none}}