*,:before,:after{box-sizing:inherit;-webkit-user-drag:inherit;-webkit-tap-highlight-color:inherit}*{margin:0;padding:0}html{box-sizing:border-box;-webkit-user-drag:none;-webkit-tap-highlight-color:#0000;line-height:1}img,svg,video{user-select:none;width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font:inherit}a{color:inherit;text-decoration:none}ol,ul{list-style:none}input,button,select,textarea{appearance:none;color:inherit;font:inherit;background:0 0;border:none;border-radius:0;outline:none}:root{--g-columns:24;--g-margin:8px;--g-gutter:8px;--g-column:calc((100vw - var(--g-margin) * 2 - var(--g-gutter) * (var(--g-columns) - 1)) / var(--g-columns))}@font-face{font-family:SuisseIntl;font-weight:400;src:url(/asset/font/SuisseIntl-Regular.woff2)format("woff2")}html,body{overscroll-behavior:none;height:100%}body{color:#000;font-feature-settings:"palt";font-synthesis:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:SuisseIntl,sans-serif;font-size:10px}button{cursor:pointer}.f-mix{font-optical-sizing:auto;font-family:SuisseIntl,Noto Sans JP,sans-serif;font-style:normal;font-weight:400}.f-serif{font-family:Lusitana,serif;font-style:normal;font-weight:400}.layoutGrid{z-index:9999;grid-template-columns:repeat(var(--g-columns), var(--g-column));column-gap:var(--g-gutter);box-sizing:border-box;padding-inline:var(--g-margin);pointer-events:none;display:none;position:fixed;inset:0}.is-layout-grid-visible .layoutGrid{display:grid}.layoutGrid__column{color:#ff0000a6;text-align:center;background-color:#ff000024;min-width:0;padding-top:4px;font-size:10px;line-height:1}.siteHeader{z-index:10;grid-template-columns:auto 1fr auto;align-items:flex-start;width:100%;font-size:12px;display:grid;position:fixed;top:0;left:0}@media (width>=960px){.siteHeader{grid-template-columns:calc(var(--g-margin) + var(--g-column) * 2 + var(--g-gutter) * 2) 1fr auto;font-size:15px}}.siteHeader.is-hidden{opacity:0;pointer-events:none}.siteHeader_title{justify-content:center;align-items:center;width:90px;height:40px;display:flex}.siteHeader_title svg{width:74px}.siteHeader_pages{justify-self:end}@media (width>=960px){.siteHeader_pages{justify-self:start}}.siteHeader_pages ol{align-items:center;gap:20px;display:flex}.siteHeader_pages ol li{line-height:34px}@media (width>=960px){.siteHeader_pages ol li{line-height:40px}}.siteHeader_pages ol li a{padding-top:1px;display:block;position:relative}.siteHeader_pages ol li a:after{content:"";pointer-events:none;transform-origin:100% 0;background-color:currentColor;width:100%;height:1px;transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.3,.1,.1,1);display:block;position:absolute;bottom:10px;left:0;transform:scaleX(0)}@media (hover:hover){.siteHeader_pages ol li a:hover:after{transform-origin:0 0;transform:scaleX(1)}}.siteHeader_contact{text-align:right;margin-right:var(--g-margin);justify-self:end;line-height:34px;display:grid;position:relative}@media not all and (width>=960px){.siteHeader_contact{margin-left:20px}}@media (width>=960px){.siteHeader_contact{line-height:40px}}@media (hover:hover){.siteHeader_contact:hover .hover:after{transform-origin:0 0;transform:scaleX(1)}}.siteHeader_contact>*{padding-top:1px}.siteHeader_contact .hover,.siteHeader_contact .complete{pointer-events:none;position:absolute;top:0;right:0}.siteHeader_contact .hover:after{content:"";pointer-events:none;transform-origin:100% 0;background-color:currentColor;width:100%;height:1px;transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.3,.1,.1,1);display:block;position:absolute;bottom:10px;left:0;transform:scaleX(0)}.siteFooter{justify-content:center;align-items:center;min-height:100svh;display:flex}.siteFooter_contact{text-align:center;flex-direction:column;justify-content:center;align-items:center;row-gap:8px;display:flex}.siteFooter_contactLabel{font-size:10px;line-height:1.5}@media (width>=960px){.siteFooter_contactLabel{font-size:12px}}.siteFooter_contactLinks{flex-direction:column;row-gap:8px;font-size:16px;line-height:1.2;display:flex}@media (width>=960px){.siteFooter_contactLinks{row-gap:0;font-size:23px}}.siteFooter_copyright{text-align:center;width:100%;padding:8px;font-size:12px;line-height:1.5;position:absolute;bottom:0;left:0}@media (width>=960px){.siteFooter_copyright{padding:20px;font-size:15px;line-height:1}}#PageWrapper{z-index:1;width:100%;height:100%;position:fixed;top:0;left:0}.top{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.top_bg{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.top_bgItem{opacity:0;width:100%;height:100%;transition-property:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.3,.1,.1,1);position:absolute;top:0;left:0}.top_bgItem.is-selected{opacity:1}.top_bgItem img,.top_bgItem video{object-fit:cover;width:100%;height:100%;display:block}.top_content{z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.top_projectList{left:var(--g-margin);position:absolute;top:50%;transform:translateY(-50%)}.top_projectItem{opacity:.4;font-size:10px;line-height:1.5}@media (width>=960px){.top_projectItem{font-size:15px}}.top_projectItem.is-selected{opacity:1}.top_projectItem.is-selected .title div:after{transform-origin:0 0;transform:scaleX(1)}@media (hover:hover){.top_projectItem:hover .title div:after{transform-origin:0 0;transform:scaleX(1)}}@media not all and (width>=960px){.top_projectItem+.top_projectItem{margin-top:8px}}.top_projectItem a{column-gap:var(--g-gutter);display:flex}.top_projectItem .year{display:none}@media (width>=960px){.top_projectItem .year{flex:0 0 calc(var(--g-column) * 2 + var(--g-gutter) * 1);display:block}}.top_projectItem .title{width:calc(var(--g-column) * 9 + var(--g-gutter) * 8);flex:none}@media (width>=960px){.top_projectItem .title{width:calc(var(--g-column) * 6 + var(--g-gutter) * 5)}}.top_projectItem .title>div{vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%;display:inline-block;position:relative;overflow:hidden}.top_projectItem .title>div:after{content:"";pointer-events:none;transform-origin:100% 0;background-color:currentColor;width:100%;height:1px;transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.3,.1,.1,1);display:block;position:absolute;bottom:0;left:0;transform:scaleX(0)}.top_projectItem .node{flex:0 0 calc(var(--g-column) * 1 + var(--g-gutter) * 1)}@media (width>=960px){.top_projectItem .node{flex:0 0 var(--g-column)}}.top_circleWrap{--thumbWidth:20px;transform:translate(calc(100% - var(--g-column) * 9 - var(--g-gutter) * 8 - var(--g-margin)), -50%);aspect-ratio:1;pointer-events:none;height:56%;position:absolute;top:50%;right:0}@media (width>=640px){.top_circleWrap{--thumbWidth:28px;height:72%}}@media (width>=960px){.top_circleWrap{--thumbWidth:36px;transform:translate(calc(100% - var(--g-column) * 8 - var(--g-gutter) * 7 - var(--g-margin)), -50%);height:calc(100% - 160px)}}.top_circle{left:calc(var(--thumbWidth) * .5);width:100%;height:100%;position:absolute;top:0}.top_circle .thumbnail{aspect-ratio:.666667;width:var(--thumbWidth);will-change:transform;position:absolute;top:50%;left:50%}.top_circle .thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.top_nodeRight{left:calc(var(--g-margin) + var(--g-column) * 14 + var(--g-gutter) * 13);aspect-ratio:1;width:calc(var(--g-column) * 1 + var(--g-gutter) * 1);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}@media (width>=960px){.top_nodeRight{left:calc(var(--g-margin) + var(--g-column) * 15 + var(--g-gutter) * 15);width:var(--g-column)}}.top_line{pointer-events:none;opacity:0;width:100%;height:100%;transition-property:opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(.3,.1,.1,1);position:absolute;top:0;left:0}.top_line.is-visible{opacity:1}.top_linePath{stroke:currentColor;stroke-width:1px;vector-effect:non-scaling-stroke}.top_linePoint{fill:currentColor}.about{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.about_content{z-index:1;background-color:#fff;width:100%;position:absolute;top:0;left:0}.about_profileActions{z-index:2;color:#fff;mix-blend-mode:difference;pointer-events:none;justify-content:flex-end;align-items:center;font-size:12px;line-height:1.5;display:flex;position:absolute}@media not all and (width>=960px){.about_profileActions{bottom:0;right:0}}@media (width>=960px){.about_profileActions{justify-content:space-between;width:100%;font-size:15px;top:50%;left:0;transform:translateY(-50%)}}.about_profileActions>p{display:none}@media (width>=960px){.about_profileActions>p{padding:8px;display:block}}.about_pdfDownload{pointer-events:auto;align-items:center;column-gap:2px;padding:8px;display:flex}.about_pdfDownload .icon{justify-content:center;align-items:center;width:18px;height:18px;display:flex}@media (width>=960px){.about_pdfDownload .icon{width:23px;height:23px}}.about_pdfDownload .icon svg{width:11px}@media (width>=960px){.about_pdfDownload .icon svg{width:14px}}.about_pdfDownload .text{display:block;position:relative}.about_pdfDownload .text:after{content:"";pointer-events:none;transform-origin:100% 0;background-color:currentColor;width:100%;height:1px;transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.3,.1,.1,1);display:block;position:absolute;bottom:0;left:0;transform:scaleX(0)}@media (hover:hover){.about_pdfDownload .text:hover:after{transform-origin:0 0;transform:scaleX(1)}}.about_intro{z-index:1;min-height:100svh;padding:0 var(--g-margin);flex-direction:column;justify-content:center;row-gap:24px;display:flex;position:relative}@media (width>=960px){.about_intro{width:calc(var(--g-column) * 16 + var(--g-gutter) * 15);row-gap:32px;margin:0 auto;padding:0}}.about_introEn{font-size:16px;line-height:1.5}@media (width>=960px){.about_introEn{font-size:26px}}.about_introJa{text-align:justify;font-size:12px;line-height:1.75}@media (width>=960px){.about_introJa{font-size:16px}}.about_logo{--ar:4.53333;--width:calc(100% - var(--g-margin) * 2);z-index:2;width:var(--width);margin:calc(-1 * var(--width) / var(--ar) * .5) auto 0;position:relative;overflow:hidden}@media (width>=960px){.about_logo{--width:calc(var(--g-column) * 14 + var(--g-gutter) * 13)}}.about_logo svg{width:100%;height:auto;display:block}.about_services{height:177.866vw;margin-top:96px;position:relative;overflow:hidden}@media (width>=960px){.about_services{--service-size-2:calc(var(--g-column) * 20 + var(--g-gutter) * 19);--service-size-3:calc(var(--g-column) * 16 + var(--g-gutter) * 15);--service-size-4:calc(var(--g-column) * 12 + var(--g-gutter) * 11);--service-size-5:calc(var(--g-column) * 8 + var(--g-gutter) * 7);width:100vw;height:100vw;margin-top:140px}}.about_serviceCircles{width:177.866vw;height:177.866vw;position:absolute;bottom:0;right:0}@media (width>=960px){.about_serviceCircles{width:100%;height:100%}}.about_serviceCircle{aspect-ratio:1;border:1px solid;border-radius:50%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.about_serviceCircle.is-1{width:100%}.about_serviceCircle.is-2{width:83.333%}@media (width>=960px){.about_serviceCircle.is-2{width:var(--service-size-2)}}.about_serviceCircle.is-3{width:66.667%}@media (width>=960px){.about_serviceCircle.is-3{width:var(--service-size-3)}}.about_serviceCircle.is-4{width:50%}@media (width>=960px){.about_serviceCircle.is-4{width:var(--service-size-4)}}.about_serviceCircle.is-5{width:33.333%}@media (width>=960px){.about_serviceCircle.is-5{width:var(--service-size-5)}}.about_serviceCore{left:var(--g-margin);flex-direction:column;height:118.459vw;display:flex;position:absolute;top:0}@media (width>=960px){.about_serviceCore{align-items:center;width:250px;height:100%;top:0;left:50%;transform:translate(-50%)}}.about_serviceTitle{white-space:nowrap;font-size:12px;line-height:1.2}@media (width>=960px){.about_serviceTitle{text-align:center;font-size:18px}.about_serviceTitle br{display:none}}@media not all and (width>=960px){.about_serviceCore .about_serviceTitle{align-items:center;height:29.615vw;display:flex;transform:translateY(.2em)}}@media (width>=960px){.about_serviceCore .about_serviceTitle{width:100%;position:absolute;left:50%;transform:translate(-50%)}.about_serviceCore .about_serviceTitle:first-child{top:calc((100% - var(--service-size-2)) * .5)}.about_serviceCore .about_serviceTitle:nth-child(2){top:calc(100% - (var(--service-size-2) + var(--service-size-3)) * .5)}.about_serviceCore .about_serviceTitle:nth-child(3){top:calc(100% - (var(--service-size-3) + var(--service-size-4)) * .5)}.about_serviceCore .about_serviceTitle:nth-child(4){top:calc(100% - (var(--service-size-4) + var(--service-size-5)) * .5)}}.about_serviceProduction{left:var(--g-margin);align-items:center;width:33.333%;height:33.333%;display:flex;position:absolute;bottom:0}@media (width>=960px){.about_serviceProduction{width:var(--service-size-5);height:var(--service-size-5);justify-content:center;left:50%;transform:translate(-50%)}}.about_serviceProduction .inner{width:100%}.about_serviceProduction ul{white-space:nowrap;margin-top:12px;font-size:10px;line-height:1.5}@media (width>=960px){.about_serviceProduction ul{padding-left:calc(var(--g-column) * 4 + var(--g-gutter) * 4);margin-top:14px;font-size:15px}}.about_clients{gap:calc(var(--g-column) + var(--g-gutter));width:calc(var(--g-column) * 23 + var(--g-gutter) * 22);grid-template-columns:repeat(3,1fr);margin:84px auto 0;display:grid}@media (width>=960px){.about_clients{width:calc(var(--g-column) * 16 + var(--g-gutter) * 15);grid-template-columns:repeat(4,1fr);margin:180px auto 0}}.about_client{aspect-ratio:1}.about_client img{object-fit:contain;width:100%;height:100%;display:block}.about_notice{width:calc(var(--g-column) * 20 + var(--g-gutter) * 19);margin:84px auto 0;font-size:11px;line-height:1.5}@media (width>=960px){.about_notice{width:calc(var(--g-column) * 8 + var(--g-gutter) * 7);margin:180px auto 0;font-size:14px}}.about_notice p:last-child{text-align:justify;margin-top:20px;line-height:1.75}.projects{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.projects_content{width:100%;min-height:100%;position:absolute;top:0;left:0}.projects [hidden]{display:none}.projects_viewSwitch{z-index:2;column-gap:8px;display:flex;position:absolute;top:120px;left:50%;transform:translate(-50%)}.projects_viewButton{justify-content:center;align-items:center;height:18px;padding:4px 6px 2px;font-size:12px;line-height:1;display:flex;position:relative}@media (width>=960px){.projects_viewButton{height:21px;font-size:15px}}.projects_viewMarker{pointer-events:none;border:1px solid;border-radius:100px;width:0;height:18px;position:absolute;top:0;left:0}@media (width>=960px){.projects_viewMarker{height:21px}}.projects_grid{z-index:1;gap:var(--g-gutter);width:100%;padding:258px var(--g-margin) 0;grid-template-columns:repeat(2,1fr);display:grid;position:relative}@media (width>=960px){.projects_grid{grid-template-columns:repeat(4,1fr);gap:32px;padding-top:261px}}.projects_gridItem{padding-bottom:24px}.projects_gridItem a{display:block}.projects_thumb{aspect-ratio:var(--project-thumb-ar);width:100%}.projects_thumb img{object-fit:cover;width:100%;height:100%;display:block}.projects_meta{grid-template-columns:calc(var(--g-column) * 2 + var(--g-gutter)) minmax(0, 1fr);column-gap:var(--g-gutter);white-space:nowrap;margin-top:8px;font-size:10px;line-height:1.5;display:grid}@media (width>=960px){.projects_meta{grid-template-columns:50px minmax(0,1fr);font-size:12px}}.projects_index{grid-area:1/1}.projects_title,.projects_roles{text-overflow:ellipsis;min-width:0;overflow:hidden}.projects_title{grid-area:1/2}.projects_roles{grid-area:2/2}.projects_list{z-index:1;width:100%;padding:258px var(--g-margin) 0;position:relative}@media (width>=960px){.projects_list{padding-top:261px}}.projects_listHead,.projects_listItem{grid-template-columns:calc(var(--g-column) * 2 + var(--g-gutter)) minmax(0, 1fr) calc(var(--g-column) * 3 + var(--g-gutter) * 2);column-gap:var(--g-gutter);white-space:nowrap;width:100%;display:grid}@media (width>=960px){.projects_listHead,.projects_listItem{grid-template-columns:calc(var(--g-column) * 2 + var(--g-gutter)) calc(var(--g-column) * 14 + var(--g-gutter) * 13) calc(var(--g-column) * 6 + var(--g-gutter) * 5) calc(var(--g-column) * 2 + var(--g-gutter))}}.projects_listHead{font-size:10px;line-height:1.5}@media (width>=960px){.projects_listHead{font-size:12px}}.projects_listBody{flex-direction:column;row-gap:2px;margin-top:12px;font-size:12px;line-height:1.5;display:flex}@media (width>=960px){.projects_listBody{row-gap:0;margin-top:16px;font-size:15px}}.projects_listItem{position:relative}@media (width>=960px){.projects_listItem{opacity:.4}}@media (hover:hover){.projects_listItem:hover{opacity:1}.projects_listItem:hover .projects_listTitle>div:after{transform-origin:0 0;transform:scaleX(1)}}.projects_listIndex{grid-column:1}.projects_listTitle{grid-column:2}.projects_listTitle>div{vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;min-width:0;max-width:100%;display:inline-block;position:relative;overflow:hidden}.projects_listTitle>div:after{content:"";pointer-events:none;transform-origin:100% 0;background-color:currentColor;width:100%;height:1px;transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.3,.1,.1,1);display:block;position:absolute;bottom:0;left:0;transform:scaleX(0)}.projects_listRoles{text-overflow:ellipsis;min-width:0;display:none;overflow:hidden}@media (width>=960px){.projects_listRoles{grid-column:3;display:block}}.projects_listYear{text-align:right;grid-column:3}@media (width>=960px){.projects_listYear{grid-column:4}}.projects_listThumbs{pointer-events:none;position:absolute;inset:0}.projects_listThumb{opacity:0;position:absolute;top:0;left:0}.projects_listThumbInner{aspect-ratio:1/1.24554;width:calc(var(--g-column) * 4 + var(--g-gutter) * 3);overflow:hidden;transform:translate(-50%,-50%)}.projects_listThumbInner img{object-fit:cover;width:100%;height:100%}.project{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.project_content{z-index:1;width:100%;min-height:100%;position:absolute;top:0;left:0}.project.is-gallery-single .project_content{align-items:center;height:100%;display:flex}.project.is-gallery-single .project_gallery{padding:0 var(--g-margin)}@media (width>=960px){.project.is-gallery-single .project_gallery{padding:0}}.project_logo{z-index:2;left:var(--g-margin);top:var(--g-margin);width:74px;position:absolute}@media not all and (width>=960px){.project_logo{display:none}}.project_logo svg{width:100%;display:block}.project_gallery{width:100%;padding:58px var(--g-margin) var(--g-margin);position:relative}@media (width>=960px){.project_gallery{width:calc(var(--g-column) * 13 + var(--g-gutter) * 12);margin-left:calc(var(--g-column) * 2 + var(--g-gutter) * 2 + var(--g-margin));padding:var(--g-margin) 0}}.project_galleryGroup{column-gap:var(--g-gutter);row-gap:var(--g-gutter);display:grid}.project_galleryGroup+.project_galleryGroup{margin-top:var(--g-gutter)}.project_galleryGroup.is-column-1{grid-template-columns:1fr}.project_galleryGroup.is-column-2{grid-template-columns:repeat(2,minmax(0,1fr))}.project_galleryGroup.is-column-3{grid-template-columns:repeat(3,minmax(0,1fr))}.project_galleryGroup.is-column-4{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=960px){.project_galleryGroup.is-column-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.project_galleryItem{aspect-ratio:var(--project-media-ar,16/9)}.project_galleryItem picture,.project_galleryItem .project_video,.project_galleryItem iframe,.project_galleryItem img,.project_galleryItem video{width:100%;height:100%;display:block}.project_galleryItem iframe{border:0}.project_galleryItem img,.project_galleryItem video{object-fit:cover}.project_videoWrap{width:100%;position:relative}.project_video{z-index:1;width:100%;position:relative}.project_video iframe{pointer-events:none}.project_videoUi{z-index:2;color:#fff;background-image:linear-gradient(#0000 0%,#000c 100%);align-items:center;column-gap:12px;width:100%;height:64px;font-size:16px;transition-property:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.3,.1,.1,1);display:flex;position:absolute;bottom:0;left:0;overflow:hidden}@media not all and (width>=960px){.project_videoUi{height:56px;padding:0 12px}}@media (width>=960px){.project_videoUi{height:64px;padding:0 20px}}.project_videoUi.is-hidden{opacity:0;pointer-events:none}.project_videoUi .playStateBtn{flex:none}.project_videoUi .playStateBtn>*{pointer-events:none}.project_videoUi .playStateBtn.is-paused .playBtn{display:flex}.project_videoUi .playStateBtn.is-paused .pauseBtn,.project_videoUi .playStateBtn.is-playing .playBtn{display:none}.project_videoUi .playStateBtn.is-playing .pauseBtn{display:flex}.project_videoUi .playStateBtn .icon{width:24px;height:24px}.project_videoUi .playStateBtn .icon svg{width:100%;height:auto}.project_videoUi .playStateBtn .text{justify-content:center;align-items:center;width:48px;height:24px;padding-top:1px;display:flex}.project_videoUi .progressBar{--progress:0;--seekBarWidth:0px;cursor:pointer;touch-action:none;flex:auto;height:30px;position:relative}.project_videoUi .progressBar>*{pointer-events:none}.project_videoUi .progressBar .bar{background-color:#fff6;width:100%;height:1px;position:absolute;top:calc(50% - 1px);left:0}.project_videoUi .progressBar .current{transform-origin:0;width:100%;height:3px;transform:scaleX(var(--progress));background-color:#fff;position:absolute;top:calc(50% - 2px);left:0}.project_videoUi .progressBar .knob{width:8px;height:8px;transform:translateX(calc(var(--seekBarWidth) * var(--progress)));background-color:#fff;border-radius:50%;position:absolute;top:-4px;left:-4px}.project_videoUi .btnWrap{flex:none;align-items:center;column-gap:6px;display:flex;overflow:hidden}.project_videoUi .btnWrap .time{text-align:center;width:48px;padding-top:1px}@media not all and (width>=960px){.project_videoUi .btnWrap .time{display:none}}.project_videoUi .btnWrap .soundStateBtn{width:24px;height:24px}.project_videoUi .btnWrap .soundStateBtn>*{pointer-events:none}.project_videoUi .btnWrap .soundStateBtn.is-paused .onBtn{display:none}.project_videoUi .btnWrap .soundStateBtn.is-paused .offBtn,.project_videoUi .btnWrap .soundStateBtn .onBtn{display:block}.project_videoUi .btnWrap .soundStateBtn .offBtn{display:none}.project_videoUi .btnWrap .fullScreenBtn{width:24px;height:24px}.project_info{z-index:2;grid-template-columns:calc(var(--g-column) * 3 + var(--g-gutter) * 2) minmax(0, 1fr);column-gap:var(--g-gutter);width:100%;padding:var(--g-margin);pointer-events:none;background-color:#fff;font-size:11px;line-height:1.5;display:grid;position:absolute;top:0;left:0}@media (width>=960px){.project_info{left:auto;right:calc(var(--g-margin) + var(--g-column) + var(--g-gutter));grid-template-columns:var(--g-column) minmax(0, 1fr);width:calc(var(--g-column) * 7 + var(--g-gutter) * 6);padding:var(--g-margin) 0 0;will-change:transform;font-size:15px}}.project_year{grid-area:1/1/span 2}.project_title{text-transform:uppercase;grid-area:1/2}.project_roles{grid-area:2/2}.project_close{z-index:3;right:var(--g-margin);top:var(--g-margin);justify-content:center;align-items:center;width:17px;height:17px;display:flex;position:absolute}@media (width>=960px){.project_close{width:23px;height:23px}}.project_close svg{width:12px;height:12px}