@import url('https://fonts.googleapis.com/css2?family=Elms+Sans:wght@100;200;300;400&display=swap');
p{font-family:'Elms Sans','Noto Sans JP','Helvetica Neue',sans-serif}
:root{--main:#2b4f74;--paper:#fcfdfe;--aqua:#89c3cf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--main);font-family:'Elms Sans','Helvetica Neue','Noto Sans JP',sans-serif;font-weight:300}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}p,h1,h2,h3,h4{margin:0}.hero{height:clamp(520px,55.49vw,799px);position:relative;overflow:hidden;color:#fff;animation:softIn 1.4s ease both}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}.hero:after{content:"";position:absolute;inset:0;background:rgba(18,45,60,.08);z-index:1}.desktop-nav{position:absolute;z-index:2;top:13px;left:50%;transform:translateX(-50%);display:flex;gap:16px}.desktop-nav a{padding:8px;font-size:16px;line-height:1.86;letter-spacing:1.28px}.hero-copy{position:absolute;z-index:1;left:8.82%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:64px}.hero-intro p:first-child{font-size:48px;font-weight:200;line-height:1.86;letter-spacing:8.64px;white-space:nowrap}.hero-intro p{font-size:20px;line-height:1.86;letter-spacing:1.6px}.hero-name p{font-size:40px;font-weight:200;line-height:1.4;letter-spacing:7.2px}.hero-name h1{display:block;font-size:40px;font-weight:200;line-height:1.4;letter-spacing:7.2px;white-space:nowrap}.fade-text{animation:softIn 1.3s .5s ease both}@keyframes softIn{from{opacity:0}to{opacity:1}}.menu-open,.menu{display:none}.section{background:var(--paper)}.works{padding:80px 24px}.works-inner{max-width:872px;margin:auto}.works h2,.portrait h2,footer h2{font-size:32px;font-weight:300;line-height:1.86;letter-spacing:8.32px}.works-heading{margin-top:16px;font-size:16px;font-weight:500;line-height:1.86;letter-spacing:1.28px}.lead{margin-top:24px;display:flex;flex-direction:column;gap:24px;font-size:14px;line-height:1.86;letter-spacing:1.12px;text-align:justify}.client-grid{display:grid;grid-template-columns:38% 32% 30%;margin-top:80px}.client-list{margin-bottom:32px}.client-list h3,.contact-links h3{font-size:16px;font-weight:400;line-height:1.86;letter-spacing:2.56px}.client-list ul{list-style:none;padding:0;margin:16px 0 0;font-size:12px;line-height:1.6;letter-spacing:.96px}.portrait{height:687px;position:relative;overflow:hidden;background:#ffffff url('assets/profile.jpg') center/auto 687px no-repeat}.portrait-inner{width:800px;margin:auto;padding-top:65px}.credits{min-height:70px;display:flex;align-items:center;justify-content:center;padding:16px}.credits p{font-size:12px;line-height:1.6;letter-spacing:.96px}.mobile-only{display:none}.bio{padding:80px 24px}.bio h3{text-align:center;font-size:28px;font-weight:300;line-height:1.86;letter-spacing:4.48px}.bio-name{margin:46px auto 0;text-align:center}.bio-name-en{font-size:14px;line-height:1.6;letter-spacing:2.8px}.bio-name-ja{margin-top:6px;font-size:16px;font-weight:400;line-height:1.6;letter-spacing:1.28px}.bio-copy{width:804px;max-width:100%;margin:78px auto 0;display:flex;flex-direction:column;gap:32px}.bio-block{display:flex;flex-direction:column;gap:24px}.bio-block h4{margin:0;font-size:18px;font-weight:400;line-height:1.7;letter-spacing:1.44px}.bio-block p{font-size:16px;line-height:1.86;letter-spacing:1.28px;text-align:justify}.bio-block p+p{margin-top:0}footer{background:var(--aqua);color:#fff;padding:80px 24px}.contact-inner{width:802px;max-width:100%;margin:auto;display:grid;grid-template-columns:205px 1fr;gap:128px}.contact-title>p,.contact-links>div>p{font-size:14px;line-height:1.86;letter-spacing:1.12px}.contact-links{display:flex;flex-direction:column;gap:32px;padding-top:8px;min-width:0}.contact-links h4{font-size:15px;font-weight:400;line-height:1.86;letter-spacing:1.2px}.contact-links a{overflow-wrap:anywhere}.thanks p{font-size:12px!important;line-height:1.6!important;letter-spacing:.96px!important;text-align:justify}.thanks p+p{margin-top:12px}.instagram,.podcast{display:block;width:22px;height:22px}.menu{position:fixed;z-index:99;inset:0;background:var(--aqua);color:#fff}.menu nav{height:100%;display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:center}.menu nav a{padding:8px;font-size:16px;line-height:1.86;letter-spacing:1.28px}.menu-close{position:absolute;right:16px;top:16px;width:36px;height:36px;border:0;background:transparent}.menu-close:before,.menu-close:after{content:"";position:absolute;left:4px;top:17px;width:30px;height:1px;background:#fff}.menu-close:before{transform:rotate(45deg)}.menu-close:after{transform:rotate(-45deg)}
@media(max-width:767px){.hero{height:auto;aspect-ratio:9/16}.desktop-nav{display:none}.menu-open{display:block;position:absolute;z-index:3;right:16px;top:20px;width:36px;height:20px;padding:0;border:0;background:transparent}.menu-open span{position:absolute;right:0;width:36px;height:1px;background:#fff}.menu-open span:first-child{top:6px}.menu-open span:last-child{top:13px}.menu.is-open{display:block}.hero-copy{left:50%;top:50%;transform:translate(-50%,-50%);text-align:left;width:fit-content;gap:40px}.hero-intro p:first-child{font-size:32px;letter-spacing:5.76px}.hero-intro p{font-size:14px;letter-spacing:1.12px}.hero-name p{font-size:20px;letter-spacing:3.6px;white-space:nowrap}.hero-name h1{font-size:20px;letter-spacing:4px}.works{padding:80px 24px}.works h2,.portrait h2,footer h2{font-size:24px;letter-spacing:6.24px}.lead{font-size:14px}.client-grid{grid-template-columns:1fr 1fr;gap:32px 16px;margin-top:80px}.client-grid>div{display:contents}.client-list{margin-bottom:0}.client-list h3{font-size:16px}.client-list ul{font-size:10px;letter-spacing:.8px}.portrait{height:699px;background-size:auto 514px;background-position:center 87px;background-repeat:no-repeat}.portrait-inner{width:auto;padding:22px 26px}.credits{position:relative;margin-top:-80px;z-index:2;justify-content:flex-start;padding:0 26px 18px;min-height:113px}.credits p{font-size:10px;line-height:1.8;letter-spacing:.8px}.mobile-only{display:block}.bio{padding:80px 24px}.bio h3{font-size:18px;letter-spacing:2.88px}.bio-name{margin-top:36px}.bio-name-en{font-size:12px;letter-spacing:2.4px}.bio-name-ja{margin-top:4px;font-size:14px;letter-spacing:1.12px}.bio-copy{margin-top:64px;gap:32px}.bio-block{gap:16px}.bio-block h4{font-size:16px;line-height:1.7;letter-spacing:1.28px}.bio-block p{font-size:14px;letter-spacing:1.12px}footer{padding:80px 24px}.contact-inner{display:flex;flex-direction:column;gap:48px}.contact-links{gap:32px;padding:0}.contact-links h3{font-size:16px}.contact-links h4{font-size:14px}.contact-title>p,.contact-links>div>p{font-size:14px}.thanks p{font-size:12px!important}}
.motion{background:var(--paper);padding:56px 24px 0}#suna-motion{max-width:872px;margin:auto;color:#78818a}#suna-motion .suna-stage{position:relative}#suna-motion canvas{display:block;width:100%;height:clamp(270px,42vw,390px)}#suna-motion .suna-caption{margin:4px 0 0;text-align:center;font-size:14px;font-weight:300;line-height:1.86;letter-spacing:.12em;color:var(--main);min-height:1.86em}#suna-motion .suna-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}#suna-motion .suna-phase{font-size:11px;letter-spacing:.19em;color:#78818a}#suna-motion .suna-controls{display:flex;align-items:center;gap:4px}#suna-motion button{appearance:none;background:transparent;border:0;padding:8px 10px;min-height:44px;font:inherit;font-size:12px;letter-spacing:.04em;color:#69737d;cursor:pointer}#suna-motion button:hover{color:var(--main)}#suna-motion button:focus-visible{outline:1px solid #69737d;outline-offset:2px}
@media(max-width:767px){.motion{padding:40px 24px 0}#suna-motion canvas{height:clamp(240px,64vw,320px)}#suna-motion .suna-caption{font-size:13px;letter-spacing:.08em}#suna-motion .suna-footer{margin-top:8px}}
html[lang="en"] #suna-motion .suna-stage{padding:20px 0 34px;overflow:hidden}html[lang="en"] #suna-motion canvas{height:clamp(270px,48vw,390px)}html[lang="en"] #suna-motion .suna-caption{margin:16px 12px 0;min-height:54px;font-size:14px;line-height:1.9;color:#526477}@media(max-width:380px){html[lang="en"] #suna-motion .suna-caption{font-size:12px;letter-spacing:.08em}}
.hero-tools{position:absolute;z-index:3;top:20px;right:28px;display:flex;align-items:center;gap:16px}
.lang-switch{display:flex;align-items:center;color:#fff;font-size:13px;font-weight:300;line-height:1;letter-spacing:.08em}
.lang-switch a{display:inline-flex;align-items:center;justify-content:center;min-height:28px;border-radius:999px;color:#fff}
.lang-switch a:hover{text-decoration:none;opacity:.72}
.lang-switch a:focus-visible{outline:1px solid #fff;outline-offset:3px}
.lang-switch a[aria-current="page"]{min-width:46px;padding:7px 12px;background:#fff;color:#4d6f8a}
.lang-switch a[aria-current="page"]:hover{opacity:1}
.lang-sep{margin:0 7px;color:#fff}
@media(max-width:767px){
  .hero-tools{top:18px;right:16px;gap:12px}
  .menu-open{position:relative;top:auto;right:auto;flex:none}
  .lang-switch{font-size:14px;letter-spacing:.06em}
  .lang-switch a[aria-current="page"]{min-width:52px;padding:8px 14px}
}
html[lang="en"] .works h2,html[lang="en"] .works-heading,html[lang="en"] .bio-block h4{font-family:"Elms Sans","Helvetica Neue","Noto Sans JP",sans-serif}
html[lang="en"] .works-heading{font-weight:400}
html[lang="en"] .hero-intro p+p,html[lang="en"] .lead,html[lang="en"] .lead p,html[lang="en"] .bio-block p,html[lang="en"] .thanks p{font-family:"Instrument Sans","Helvetica Neue",sans-serif;font-weight:400}
html[lang="en"] .lead,html[lang="en"] .bio-block p{letter-spacing:0;line-height:1.9;text-align:left}
@media(min-width:768px){
  html[lang="en"] .works h2{font-size:38px;line-height:1.3;letter-spacing:8.32px}
  html[lang="en"] .works-heading{font-size:22px;font-weight:400;line-height:1.5;letter-spacing:2px}
  html[lang="en"] .lead{font-size:16px}
  html[lang="en"] .bio-block h4{font-size:20px;line-height:1.55;letter-spacing:1.6px}
}
@media(max-width:767px){
  html[lang="en"] .works-heading{letter-spacing:.04em}
  html[lang="en"] .bio-block h4{letter-spacing:.04em}
}
.works-cases{margin-top:96px;display:flex;flex-direction:column;gap:80px}
.works-case{display:flex;flex-direction:column;gap:28px}
.works-case-copy{display:flex;flex-direction:column;gap:12px}
.works-case-year{font-size:12px;font-weight:400;line-height:1.6;letter-spacing:.16em;color:#7e98ad}
.works-case h3{font-size:16px;font-weight:500;line-height:1.7;letter-spacing:.04em}
.works-case-copy p:last-child{font-size:13px;font-weight:300;line-height:1.9;letter-spacing:.04em;color:#6a89a3}
.works-case-feed{min-height:120px}
@media(max-width:767px){
  .works-cases{margin-top:64px;gap:56px}
  .works-case{gap:20px}
  .works-case h3{font-size:15px}
  .works-case-copy p:last-child{font-size:13px}
}
.client-grid>div:last-child{min-width:0}
.client-list-event{min-width:0}
.client-list-event ul{container-type:inline-size}
.client-list-event li{white-space:nowrap;font-size:clamp(9px,3.6cqi,12px);letter-spacing:.04em}
@media(max-width:767px){
  .client-list-event{grid-column:1 / -1}
  .client-list-event li{font-size:10px;letter-spacing:.8px}
}