main.page-project{background-color:var(--beige-pale)}main.page-project .mv{padding-top:14rem;padding-bottom:5rem;position:relative;overflow-x:clip}@media screen and (max-width:768px){main.page-project .mv{padding-top:9rem;padding-bottom:2.5rem}}main.page-project .mv .inner{z-index:1;width:110rem;margin-inline:auto;position:relative}@media screen and (max-width:768px){main.page-project .mv .inner{width:92vw}}main.page-project .mv .title{align-items:center;display:flex}@media screen and (max-width:768px){main.page-project .mv .title{display:block}}main.page-project .mv .title-wrap{color:var(--main)}main.page-project .mv .title-wrap .title-sub{align-items:center;gap:.5rem;display:flex}main.page-project .mv .title-wrap .title-sub span{font-size:1.8rem;font-weight:500;font-family:var(--font-outfit);margin-top:1rem;display:inline-block}@media screen and (max-width:768px){main.page-project .mv .title-wrap .title-sub span{margin-top:.5rem;font-size:1.2rem}}main.page-project .mv .title-wrap .title-sub .icon-sugarcane{transform-origin:bottom;width:2.7rem;transform:scaleY(0)scaleX(.7)}main.page-project .mv .title-wrap .title-sub .icon-sugarcane.shown{animation:1.2s forwards nyoki}@media screen and (max-width:768px){main.page-project .mv .title-wrap .title-sub .icon-sugarcane{width:1.6rem}}main.page-project .mv .title-wrap .title-main{font-family:var(--font-outfit);white-space:pre-line;margin-top:.6rem;font-size:3.8rem;font-weight:600}main.page-project .mv .title-wrap .title-main span{font-family:var(--font-roboto)}@media screen and (max-width:768px){main.page-project .mv .title-wrap .title-main{margin-top:.3rem;font-size:2.4rem}}main.page-project .mv h1{border-left:2px solid var(--beige-dark);margin-left:3rem;padding-left:3rem;font-size:7.2rem;font-weight:700;line-height:1}@media screen and (max-width:768px){main.page-project .mv h1{border-left:none;margin-top:.5rem;margin-left:0;padding-left:0;font-size:3.6rem}}main.page-project .mv h1.column{flex-direction:column;row-gap:.8rem;display:flex}main.page-project .mv h1.column>span{display:inline-block}main.page-project .mv h1 .small{font-size:5.8rem}@media screen and (max-width:768px){main.page-project .mv h1 .small{margin-top:.8rem;font-size:3.6rem}}main.page-project .mv h1 .sub{font-size:.25em}main.page-project .mv h1 .sub>span{font-family:var(--font-noto-sans-jp);font-feature-settings:"palt";font-weight:400}main.page-project .mv img{margin-top:3rem}@media screen and (max-width:768px){main.page-project .mv img{margin-top:2rem}}main.page-project .mv .copy{color:#fff;margin-top:2rem;font-size:4rem;font-weight:700;line-height:1.4}@media screen and (max-width:768px){main.page-project .mv .copy{margin-top:1.5rem;font-size:2rem}}main.page-project .mv .mv-bg{z-index:0;position:absolute;inset:0}main.page-project .mv .mv-bg.shown .mv-bg-hill{animation:1s forwards project-mv-hill-open}main.page-project .mv .mv-bg.shown .mv-bg-sugarcane .sugarcane{animation:nyoki 1.2s ease calc(var(--nyoki-delay) + .4s)forwards}main.page-project .mv .mv-bg .mv-bg-hill{z-index:1;background-color:var(--main);width:100%;height:54rem;scale:1 var(--hill-height);transform-origin:bottom;clip-path:ellipse(var(--hill-clip)100% at bottom);position:absolute;bottom:0}@media screen and (max-width:768px){main.page-project .mv .mv-bg .mv-bg-hill{height:20rem}}main.page-project .mv .mv-bg .mv-bg-sugarcane{z-index:0;width:100%;position:absolute;bottom:0}@media screen and (max-width:768px){main.page-project .mv .mv-bg .mv-bg-sugarcane{transform-origin:0 100%;scale:.234375}}main.page-project .mv .mv-bg .mv-bg-sugarcane .sugarcane{transform-origin:bottom;--nyoki-delay:.4s;--sp-rate:1;width:calc(var(--sp-rate)*var(--width));position:absolute;bottom:43rem;transform:scaleY(0)scaleX(.7)}@media screen and (max-width:768px){main.page-project .mv .mv-bg .mv-bg-sugarcane .sugarcane{--sp-rate:2;bottom:60rem}}main.page-project .mv .mv-bg .mv-bg-sugarcane .sugarcane.obj01{--width:12rem;left:2.8rem}@media screen and (max-width:768px){main.page-project .mv .mv-bg .mv-bg-sugarcane .sugarcane.obj01{left:-2rem}}main.page-project .mv .mv-bg .mv-bg-sugarcane .sugarcane.obj02{--width:7.8rem;left:12.6rem}main.page-project .mv .mv-bg .mv-bg-sugarcane .sugarcane.obj03{--width:7.6rem;left:135rem}main.page-project .mv .mv-bg .mv-bg-sugarcane .sugarcane.obj04{--width:7.8rem;left:140rem}main.page-project .mv .mv-bg .mv-bg-sugarcane .sugarcane.obj05{--width:12rem;left:145rem}.project-outline{padding-top:7rem}@media screen and (max-width:768px){.project-outline{padding-top:4rem}}.project-outline:has(.member-wrap){padding-bottom:7rem;position:relative}.project-outline:has(.member-wrap) .rough-horizon{z-index:2;width:100%;position:absolute;bottom:0;left:0}@media screen and (max-width:768px){.project-outline:has(.member-wrap){padding-bottom:4rem}}.project-outline .inner{width:110rem;margin-inline:auto}@media screen and (max-width:768px){.project-outline .inner{width:92vw}}.project-outline .outline-wrap{display:flex;position:relative}@media screen and (max-width:768px){.project-outline .outline-wrap{display:block}}.project-outline .outline-wrap .title{font-family:var(--font-outfit);background-color:#fff;flex-shrink:0;place-content:center;width:15.4rem;font-size:2.1rem;font-weight:500;display:grid}@media screen and (max-width:768px){.project-outline .outline-wrap .title{width:100%;height:5rem;font-size:1.6rem;position:relative}}.project-outline .outline-wrap .readText{padding-block:2rem;padding-inline:3.5rem;font-weight:500}@media screen and (max-width:768px){.project-outline .outline-wrap .readText{padding-block:1.2rem 0;padding-inline:0}}.project-outline .outline-wrap .readText span{font-size:.75em}.project-outline .outline-wrap .rough-horizon{position:absolute}.project-outline .outline-wrap .rough-horizon.top{top:0}.project-outline .outline-wrap .rough-horizon.bottom{bottom:0}.project-outline .member-wrap{margin-top:4.5rem}@media screen and (max-width:768px){.project-outline .member-wrap{margin-top:3rem}}.project-outline .member-wrap .member-title{font-size:2.1rem;font-family:var(--font-outfit);align-items:center;font-weight:500;display:flex}.project-outline .member-wrap .member-title:before{content:"⚫︎";color:var(--main)}.project-outline .member-wrap .profile-container{justify-content:space-between;margin-top:1.6rem;display:flex;position:relative}@media screen and (max-width:768px){.project-outline .member-wrap .profile-container{flex-direction:column}}.project-outline .member-wrap .profile-container.shown .cross:before{opacity:1;transform:translateY(0)rotate(45deg)}.project-outline .member-wrap .profile-container.shown .cross:after{opacity:1;transform:translateY(0)rotate(-45deg)}.project-outline .member-wrap .profile-container .cross{width:17rem;height:4px;position:absolute;top:calc(50% - 2px);left:calc(50% - 8.5rem)}@media screen and (max-width:768px){.project-outline .member-wrap .profile-container .cross{width:8rem;margin-block:1.5rem;margin-inline:auto;position:relative;inset:0}}.project-outline .member-wrap .profile-container .cross:after,.project-outline .member-wrap .profile-container .cross:before{content:"";z-index:2;background-color:var(--beige-dark);opacity:0;width:100%;height:100%;transition:transform 1s var(--ease-out-expo).5s,opacity .2s ease .5s;border-radius:2px;display:block;position:absolute}.project-outline .member-wrap .profile-container .cross:before,.project-outline .member-wrap .profile-container .cross:after{transform:translateY(2rem)rotate(0)}.project-outline .member-wrap .profile-container .profile{background-color:#fff;border-radius:1rem;width:51rem;padding:3rem 4rem 3.5rem}@media screen and (max-width:768px){.project-outline .member-wrap .profile-container .profile{width:100%;padding:2.5rem 2rem}}.project-outline .member-wrap .profile-container .profile .profile-wrap{column-gap:2rem;margin-bottom:2rem;padding-bottom:2.5rem;display:flex;position:relative}@media screen and (max-width:768px){.project-outline .member-wrap .profile-container .profile .profile-wrap{grid-template-rows:auto auto;grid-template-columns:8rem 1fr;column-gap:1rem;margin-bottom:1.2rem;padding-bottom:1.5rem;display:grid}}.project-outline .member-wrap .profile-container .profile .profile-wrap:after{content:"";background-image:linear-gradient(to right,var(--beige-dark)0px 10px,transparent 10px 15px);background-position:0;background-repeat:repeat-x;background-size:15px 2px;width:100%;height:2px;display:block;position:absolute;bottom:0}.project-outline .member-wrap .profile-container .profile .profile-wrap .icon{flex-shrink:0;width:11rem}@media screen and (max-width:768px){.project-outline .member-wrap .profile-container .profile .profile-wrap .icon{width:8rem}}.project-outline .member-wrap .profile-container .profile .profile-wrap .text-wrap .name-wrap{padding-top:.5rem}@media screen and (max-width:768px){.project-outline .member-wrap .profile-container .profile .profile-wrap .text-wrap .name-wrap{padding-top:0}}.project-outline .member-wrap .profile-container .profile .profile-wrap .text-wrap .name-wrap .name{font-family:var(--font-outfit);color:var(--main);font-size:2.4rem;font-weight:500}@media screen and (max-width:768px){.project-outline .member-wrap .profile-container .profile .profile-wrap .text-wrap .name-wrap .name{margin-top:.2rem;font-size:2rem}}.project-outline .member-wrap .profile-container .profile .profile-wrap .text-wrap .dept{margin-top:.8rem;font-size:1.6rem;font-weight:500;line-height:1.5}@media screen and (max-width:768px){.project-outline .member-wrap .profile-container .profile .profile-wrap .text-wrap .dept{grid-column:span 2;margin-top:1rem;font-size:1.4rem}}.project-outline .member-wrap .profile-container .profile .profile-wrap .text-wrap .dept>span{font-size:.8em}@media screen and (max-width:768px){.project-outline .member-wrap .profile-container .profile .profile-wrap .text-wrap .dept>span{font-size:.7em}}.project-outline .member-wrap .profile-container .profile .profile-wrap .text-wrap .dept>span>span{font-family:var(--font-noto-sans-jp);font-feature-settings:"palt";font-weight:400}.project-outline .member-wrap .profile-container .profile .readText{font-size:1.4rem;font-weight:500}.project-container{padding-top:8rem;padding-bottom:14rem;position:relative}@media screen and (max-width:768px){.project-container{padding-top:5rem;padding-bottom:5rem}}.project-container .inner{z-index:1;width:110rem;margin-inline:auto;position:relative}@media screen and (max-width:768px){.project-container .inner{width:92vw}}:is(.project-container .casestudy,.project-container .crosstalk):has(.serif:nth-of-type(odd).active) .sticky-wrap .sticky-item .profile-text .text-wrap:nth-of-type(odd){opacity:1}:is(.project-container .casestudy,.project-container .crosstalk):has(.serif:nth-of-type(2n).active) .sticky-wrap .sticky-item .profile-text .text-wrap:nth-of-type(2n){opacity:1}:is(.project-container .casestudy,.project-container .crosstalk):not(:has(.serif.active)) .sticky-wrap .sticky-item .profile-text .text-wrap:nth-of-type(odd){opacity:1}:is(.project-container .casestudy,.project-container .crosstalk):not(:has(.serif.active)) .casestudy-item .text .serif:first-of-type:before,:is(.project-container .casestudy,.project-container .crosstalk):not(:has(.serif.active)) .casestudy-item .text .serif:first-of-type:after{transform:translate(0)}:is(.project-container .casestudy,.project-container .crosstalk):not(:has(.serif.active)) .sticky-wrap .casestudy-item .text .serif:first-of-type{filter:none;opacity:1}:is(.project-container .casestudy,.project-container .crosstalk):has(.serif:nth-of-type(6n+1).active) .sticky-wrap .sticky-item .profile-image img:nth-of-type(6n+1){opacity:1}:is(.project-container .casestudy,.project-container .crosstalk):has(.serif:nth-of-type(6n+2).active) .sticky-wrap .sticky-item .profile-image img:nth-of-type(6n+2){opacity:1}:is(.project-container .casestudy,.project-container .crosstalk):has(.serif:nth-of-type(6n+3).active) .sticky-wrap .sticky-item .profile-image img:nth-of-type(6n+3){opacity:1}:is(.project-container .casestudy,.project-container .crosstalk):has(.serif:nth-of-type(6n+4).active) .sticky-wrap .sticky-item .profile-image img:nth-of-type(6n+4){opacity:1}:is(.project-container .casestudy,.project-container .crosstalk):has(.serif:nth-of-type(6n+5).active) .sticky-wrap .sticky-item .profile-image img:nth-of-type(6n+5){opacity:1}:is(.project-container .casestudy,.project-container .crosstalk):has(.serif:nth-of-type(6n+6).active) .sticky-wrap .sticky-item .profile-image img:nth-of-type(6n+6){opacity:1}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap{grid-template-columns:49rem 55rem;column-gap:6rem;padding-bottom:14rem;display:grid;position:relative}@media screen and (max-width:768px){:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap{grid-template-columns:9rem 1fr;column-gap:4vw;padding-bottom:6rem}}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .sticky-item{height:fit-content;position:sticky;top:8rem}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .sticky-item .profile-image{position:relative}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .sticky-item .profile-image img{opacity:0;transition:opacity .1s;position:absolute;top:0}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .sticky-item .profile-image img:first-of-type{opacity:1;position:relative}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .sticky-item .profile-text{margin-top:2rem;position:relative}@media screen and (max-width:768px){:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .sticky-item .profile-text{margin-top:.8rem}}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .sticky-item .profile-text .text-wrap{opacity:0;transition:opacity .1s;display:flex;position:absolute;top:0}@media screen and (max-width:768px){:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .sticky-item .profile-text .text-wrap{display:block}}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .sticky-item .profile-text .text-wrap:first-of-type{position:relative}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .sticky-item .profile-text .text-wrap .name{font-family:var(--font-outfit);color:var(--main);width:7rem;font-size:2.4rem;font-weight:500}@media screen and (max-width:768px){:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .sticky-item .profile-text .text-wrap .name{font-size:1.8rem}}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .sticky-item .profile-text .text-wrap .dept{margin-top:.2rem;font-size:1.6rem;font-weight:500;line-height:1.5}@media screen and (max-width:768px){:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .sticky-item .profile-text .text-wrap .dept{font-size:1rem}}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .number{background-color:var(--black);border-radius:100vmax;align-items:center;width:fit-content;padding:1rem 1.5rem .8rem;display:flex}@media screen and (max-width:768px){:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .number{padding:.6rem 1rem .5rem}}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .number:has(span){padding:.8rem 1.6rem .6rem 1.5rem}@media screen and (max-width:768px){:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .number:has(span){padding:.6rem 1rem .5rem}}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .number p{font-family:var(--font-outfit);color:#fff;font-size:1.8rem;font-weight:500}@media screen and (max-width:768px){:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .number p{font-size:1.4rem}}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .number p:has(span){align-items:center;display:flex}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .number p:has(span):after{content:"";background-color:#fff;width:3.5rem;height:1px;margin-inline:.8rem;display:block}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .number p.num{font-family:var(--font-roboto)}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .casestudy-title{color:var(--main);margin-top:2rem;font-size:5rem;font-weight:700;line-height:1.4}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .casestudy-title span{font-weight:500}@media screen and (max-width:768px){:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .casestudy-title{margin-top:1rem;font-size:2.4rem;line-height:1.25}}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .profile{background-color:var(--beige-subpage);border-radius:1rem;margin-top:3.5rem;padding:3rem 4rem 3.5rem}@media screen and (max-width:768px){:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .profile{margin-top:2rem;padding:2rem}}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .profile .profile-wrap{align-items:center;column-gap:2rem;margin-bottom:2rem;padding-bottom:2.5rem;display:flex;position:relative}@media screen and (max-width:768px){:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .profile .profile-wrap{grid-template-rows:auto auto;grid-template-columns:8rem 1fr;column-gap:1rem;margin-bottom:1.2rem;padding-bottom:1.5rem;display:grid}}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .profile .profile-wrap:after{content:"";background-image:linear-gradient(to right,var(--beige-dark)0px 10px,transparent 10px 15px);background-position:0;background-repeat:repeat-x;background-size:15px 2px;width:100%;height:2px;display:block;position:absolute;bottom:0}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .profile .profile-wrap .icon{flex-shrink:0;width:11rem}@media screen and (max-width:768px){:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .profile .profile-wrap .icon{width:8rem}}@media screen and (max-width:768px){:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .profile .profile-wrap .text-wrap{display:contents}}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .profile .profile-wrap .text-wrap .name-wrap{align-items:center;column-gap:1rem;display:flex}@media screen and (max-width:768px){:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .profile .profile-wrap .text-wrap .name-wrap{display:block}}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .profile .profile-wrap .text-wrap .name-wrap .job{color:#fff;background-color:var(--black);border-radius:100vmax;width:fit-content;padding:.6rem 1.2rem .8rem;font-size:1.4rem;font-weight:500}@media screen and (max-width:768px){:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .profile .profile-wrap .text-wrap .name-wrap .job{padding:.5rem .8rem;font-size:1.2rem}}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .profile .profile-wrap .text-wrap .name-wrap .name{font-family:var(--font-outfit);color:var(--main);font-size:2.4rem;font-weight:500}@media screen and (max-width:768px){:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .profile .profile-wrap .text-wrap .name-wrap .name{margin-top:.2rem;font-size:2rem}}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .profile .profile-wrap .text-wrap .dept{margin-top:.8rem;font-size:1.6rem;font-weight:500;line-height:1.5}@media screen and (max-width:768px){:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .profile .profile-wrap .text-wrap .dept{grid-column:span 2;margin-top:1rem;font-size:1.4rem}}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .profile .readText{font-size:1.4rem;font-weight:500}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .text{margin-top:6rem}@media screen and (max-width:768px){:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .text{margin-top:3rem}}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .text h3{font-size:2.8rem;font-weight:700;line-height:1.4}@media screen and (max-width:768px){:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .text h3{font-size:1.8rem}}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .text .rough-horizon{margin-top:2rem}@media screen and (max-width:768px){:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .text .rough-horizon{margin-top:1.5rem}}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .text .rough-horizon+.serif{margin-top:3.5rem}@media screen and (max-width:768px){:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .text .rough-horizon+.serif{margin-top:2rem}}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .text>.readText{margin-top:2.5rem;font-weight:500}@media screen and (max-width:768px){:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .text>.readText{margin-top:1.5rem}}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .text:has(.serif){padding-bottom:19rem}@media screen and (max-width:768px){:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .text:has(.serif){padding-bottom:0}}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .text .serif{filter:grayscale();opacity:.4;position:relative}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .text .serif.shown{transition:opacity .1s}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .text .serif .serif-wrap{z-index:1;border:2px solid var(--beige-dark);background-color:#fff;border-radius:3rem;padding:3rem 4rem;position:relative}@media screen and (max-width:768px){:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .text .serif .serif-wrap{padding:2rem}}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .text .serif .name{font-family:var(--font-outfit);color:var(--main);padding-bottom:1.5rem;font-size:2.4rem;font-weight:500;position:relative}@media screen and (max-width:768px){:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .text .serif .name{padding-bottom:1rem;font-size:2rem}}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .text .serif .name:after{content:"";background-image:linear-gradient(to right,var(--beige-dark)0px 10px,transparent 10px 15px);background-position:0;background-repeat:repeat-x;background-size:15px 2px;width:100%;height:2px;display:block;position:absolute;bottom:0}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .text .serif .readText{margin-top:1.2rem}@media screen and (max-width:768px){:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .text .serif .readText{margin-top:.8rem}}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .text .serif+.serif{padding-top:2rem}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .text .serif:before,:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .text .serif:after{content:"";transition:transform .1s;display:block;position:absolute;transform:translate(2rem)}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .text .serif:before{z-index:0;background:url(/project-story/serif_before.svg) top/contain no-repeat;width:calc(2.5rem + 4px);height:4rem;top:4.5rem;left:-2rem}@media screen and (max-width:768px){:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .text .serif:before{width:calc(1.2rem + 4px);left:-1rem}}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .text .serif:after{z-index:2;background:url(/project-story/serif_after.svg) top/contain no-repeat;width:2.5rem;height:4rem;top:calc(4.5rem + 2px);left:calc(2px - 2rem)}@media screen and (max-width:768px){:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .text .serif:after{width:1.2rem;left:calc(2px - 1rem)}}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .text .serif.active{filter:none;opacity:1}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .text .serif.active:before,:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .text .serif.active:after{transition:transform .2s cubic-bezier(.17,.67,.5,1.25);transform:translate(0)}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .comment{margin-top:4rem}@media screen and (max-width:768px){:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .comment{margin-top:3rem}}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .comment .name{font-family:var(--font-outfit);color:var(--main);font-size:2.4rem;font-weight:500}@media screen and (max-width:768px){:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .comment .name{font-size:2rem}}:is(.project-container .casestudy,.project-container .crosstalk) .sticky-wrap .casestudy-item .comment .readText{margin-top:.5rem;font-weight:500}.project-container #projectBg{opacity:1;transition:opacity .6s}.project-container #projectBg.hidden{opacity:0!important}.project-container .bg{z-index:0;position:absolute;inset:0}.project-container .bg.shown .bg-hill{animation:1s forwards project-bg-hill-open}.project-container .bg.shown .bg-sugarcane .sugarcane{animation:nyoki 1.2s ease calc(var(--nyoki-delay) + .4s)forwards}.project-container .bg .bg-container{width:100%;height:100dvh;position:sticky;top:0;overflow-x:clip}.project-container .bg .bg-hill{z-index:1;width:100%;height:15rem;scale:1 var(--hill-height);transform-origin:bottom;clip-path:ellipse(var(--hill-clip)100% at bottom);background-color:#f2ebd1;position:absolute;bottom:0}@media screen and (max-width:768px){.project-container .bg .bg-hill{height:4rem}}.project-container .bg .bg-sugarcane{z-index:0;width:100%;position:absolute;bottom:0}@media screen and (max-width:768px){.project-container .bg .bg-sugarcane{transform-origin:0 100%;scale:.234375}}.project-container .bg .bg-sugarcane .sugarcane{transform-origin:bottom;--nyoki-delay:.4s;--sp-rate:1;width:calc(var(--sp-rate)*var(--width));position:absolute;transform:scaleY(0)scaleX(.7)}@media screen and (max-width:768px){.project-container .bg .bg-sugarcane .sugarcane{--sp-rate:2;bottom:0!important}}.project-container .bg .bg-sugarcane .sugarcane.obj01{--width:12.8rem;bottom:2.5rem;left:2rem}@media screen and (max-width:768px){.project-container .bg .bg-sugarcane .sugarcane.obj01{left:-5rem}}.project-container .bg .bg-sugarcane .sugarcane.obj02{--width:13.7rem;bottom:4.8rem;left:8.7rem}@media screen and (max-width:768px){.project-container .bg .bg-sugarcane .sugarcane.obj02{left:5rem}}.project-container .bg .bg-sugarcane .sugarcane.obj03{--width:7.8rem;bottom:7.8rem;left:17rem}@media screen and (max-width:768px){.project-container .bg .bg-sugarcane .sugarcane.obj03{left:20rem}}.project-container .bg .bg-sugarcane .sugarcane.obj04{--width:10.7rem;bottom:9rem;left:52.7rem}.project-container .bg .bg-sugarcane .sugarcane.obj05{--width:12rem;bottom:11rem;left:58.8rem}@media screen and (max-width:768px){.project-container .bg .bg-sugarcane .sugarcane.obj05{left:63rem}}.project-container .bg .bg-sugarcane .sugarcane.obj06{--width:12rem;bottom:6.8rem;left:137.6rem}@media screen and (max-width:768px){.project-container .bg .bg-sugarcane .sugarcane.obj06{left:130rem}}.project-container .bg .bg-sugarcane .sugarcane.obj07{--width:7.6rem;bottom:5rem;left:147.5rem}.project-container .episode+.episode{margin-top:14rem}@media screen and (max-width:768px){.project-container .episode+.episode{margin-top:5rem}}.project-container .episode .episode-wrap{grid-template-columns:55rem 49rem;column-gap:6rem;display:grid}@media screen and (max-width:768px){.project-container .episode .episode-wrap{display:block}}.project-container .episode .episode-wrap .text .number{background-color:var(--main);border-radius:100vmax;align-items:center;width:fit-content;padding:.8rem 1.6rem .6rem 1.5rem;display:flex}@media screen and (max-width:768px){.project-container .episode .episode-wrap .text .number{padding:.6rem 1rem .5rem}}.project-container .episode .episode-wrap .text .number p{font-family:var(--font-outfit);color:#fff;font-size:1.8rem;font-weight:500}@media screen and (max-width:768px){.project-container .episode .episode-wrap .text .number p{font-size:1.4rem}}.project-container .episode .episode-wrap .text .number p:has(span){align-items:center;display:flex}.project-container .episode .episode-wrap .text .number p:has(span):after{content:"";background-color:#fff;width:3.5rem;height:1px;margin-inline:.8rem;display:block}.project-container .episode .episode-wrap .text .number p.num{font-family:var(--font-roboto)}.project-container .episode .episode-wrap .text h2{white-space:nowrap;margin-top:1.5rem;font-size:3.6rem;font-weight:700;line-height:1.4}@media screen and (max-width:768px){.project-container .episode .episode-wrap .text h2{margin-top:1rem;font-size:2.4rem}}.project-container .episode .episode-wrap .text .rough-horizon{margin-top:2rem}@media screen and (max-width:768px){.project-container .episode .episode-wrap .text .rough-horizon{margin-top:1.5rem}}.project-container .episode .episode-wrap .text .readText{margin-top:2.5rem;font-weight:500}@media screen and (max-width:768px){.project-container .episode .episode-wrap .text .readText{margin-top:1.5rem}}.project-container .episode .episode-wrap .text .readText:has(span){margin-top:1.5rem;line-height:1.6}.project-container .episode .episode-wrap .text .readText:has(span) span{font-size:.75em}@media screen and (max-width:768px){.project-container .episode .episode-wrap>img{margin-top:2.5rem}}.project-container .episode .comment{margin-top:8rem}@media screen and (max-width:768px){.project-container .episode .comment{margin-top:3rem}}.project-container .episode .comment .comment-wrap{justify-content:space-between;align-items:center;display:flex}@media screen and (max-width:768px){.project-container .episode .comment .comment-wrap{align-items:flex-start;column-gap:4vw}}.project-container .episode .comment .comment-wrap+.comment-wrap{margin-top:3rem}@media screen and (max-width:768px){.project-container .episode .comment .comment-wrap+.comment-wrap{margin-top:2rem}}.project-container .episode .comment .comment-wrap .icon-wrap{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.project-container .episode .comment .comment-wrap .icon-wrap img{width:13.8rem}@media screen and (max-width:768px){.project-container .episode .comment .comment-wrap .icon-wrap img{width:9rem}}.project-container .episode .comment .comment-wrap .icon-wrap p{text-align:center;font-family:var(--font-outfit);margin-top:.25em;font-size:2.6rem;font-weight:500}@media screen and (max-width:768px){.project-container .episode .comment .comment-wrap .icon-wrap p{font-size:1.6rem}}.project-container .episode .comment .comment-wrap .serif{position:relative}.project-container .episode .comment .comment-wrap .serif .readText{z-index:1;border:2px solid var(--beige-dark);background-color:#fff;border-radius:3rem;width:91rem;padding:3.5rem 5rem 4rem;font-weight:500;position:relative}@media screen and (max-width:768px){.project-container .episode .comment .comment-wrap .serif .readText{width:100%;padding:2rem}}.project-container .episode .comment .comment-wrap .serif:before,.project-container .episode .comment .comment-wrap .serif:after{content:"";display:block;position:absolute}.project-container .episode .comment .comment-wrap .serif:before{z-index:0;background-color:var(--beige-dark);border-radius:calc(1rem + 2px) 0 0;width:calc(3.6rem + 4px);height:calc(3.6rem + 4px);top:calc(50% - 1.8rem - 2px);left:-1.5rem;transform:rotate(-45deg)skew(20deg,20deg)}@media screen and (max-width:768px){.project-container .episode .comment .comment-wrap .serif:before{border-radius:calc(.5rem + 2px) 0 0;width:calc(2rem + 4px);height:calc(2rem + 4px);top:calc(3.5rem - 2px);left:-.5rem}}.project-container .episode .comment .comment-wrap .serif:after{z-index:2;background-color:#fff;border-radius:.6rem 0 0;width:3.6rem;height:3.6rem;top:calc(50% - 1.8rem);left:calc(3px - 1.5rem);transform:rotate(-45deg)skew(20deg,20deg)}@media screen and (max-width:768px){.project-container .episode .comment .comment-wrap .serif:after{border-radius:.2rem 0 0;width:2rem;height:2rem;top:3.5rem;left:calc(3px - .5rem)}}.project-container .episode>img{margin-top:7rem}@media screen and (max-width:768px){.project-container .episode>img{margin-top:3rem}}@keyframes project-mv-hill-open{0%{--hill-clip:0%;--hill-height:0}to{--hill-clip:86%;--hill-height:1}}@keyframes project-bg-hill-open{0%{--hill-clip:0%;--hill-height:0}to{--hill-clip:52%;--hill-height:1}}@property --hill-clip{syntax:"<percentage>";inherits:false;initial-value:0%}@property --hill-height{syntax:"<number>";inherits:false;initial-value:0}