.masses-about{--about-copy-width: 720px;--about-side-pad: max(var(--masses-page-pad, 60px), calc((100vw - 1600px)/2 + 60px) );width:100%;overflow-x:clip;color:#000;background:#fff;font-family:Helvetica Neue,Helvetica,Arial,Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic Medium,Yu Gothic,sans-serif;-webkit-font-smoothing:antialiased}.masses-about *,.masses-about *:before,.masses-about *:after{box-sizing:border-box}.masses-about__title-scene{position:relative;height:126svh;background:#fff}.masses-about__title-scene--first{height:138svh}.masses-about__title-sticky{position:sticky;top:0;display:grid;height:100svh;padding:120px var(--about-side-pad);place-items:center;background:#fff}.masses-about__title-scene--first .masses-about__title-sticky{padding-top:calc(var(--masses-header-h, 100px) + 60px)}.masses-about__type-title{max-width:100%;margin:0;color:#000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(24px,2.25vw,34px);font-style:normal;font-weight:700;line-height:.98;letter-spacing:-.035em;text-align:center;text-transform:none}.masses-about__type-output{display:inline}.masses-about__type-title.is-typing .masses-about__type-output:after,.masses-about__type-title.is-complete .masses-about__type-output:after{content:"";display:inline-block;width:.075em;height:.78em;margin-left:.09em;background:currentColor;vertical-align:-.02em}.masses-about__type-title.is-complete .masses-about__type-output:after{animation:masses-about-cursor .85s steps(1,end) infinite}@keyframes masses-about-cursor{0%,46%{opacity:1}47%,to{opacity:0}}.masses-about__copy-panel{position:relative;height:170svh;min-height:100svh;padding:0 var(--about-side-pad);isolation:isolate}.masses-about__copy-panel:before{content:"";position:sticky;top:0;z-index:0;display:block;width:calc(100% + (var(--about-side-pad) * 2));height:100svh;margin-right:calc(var(--about-side-pad) * -1);margin-bottom:-100svh;margin-left:calc(var(--about-side-pad) * -1)}.masses-about__copy-panel--light{color:#000}.masses-about__copy-panel--light:before{background:#fff}.masses-about__copy-panel--dark{color:#fff}.masses-about__copy-panel--dark:before{background:#000}.masses-about__copy{position:sticky;top:0;z-index:1;display:flex;width:min(100%,var(--about-copy-width));height:100svh;margin:0 auto;padding:clamp(88px,13svh,128px) 0;flex-direction:column;justify-content:center}.masses-about__copy p{margin:0;font-size:14px;font-weight:400;line-height:2;letter-spacing:.04em;text-wrap:pretty}.masses-about__copy p+p{margin-top:32px}.masses-about [data-masses-reveal]{opacity:0;transform:translate3d(0,46px,0);transition:opacity 1.15s cubic-bezier(.22,.61,.36,1),transform 1.35s cubic-bezier(.22,.61,.36,1);transition-delay:var(--masses-reveal-delay, 0ms);will-change:opacity,transform}.masses-about [data-masses-reveal].is-revealed{opacity:1;transform:translateZ(0)}.masses-about__director{position:relative;height:200svh;background:#000}.masses-about__director-sticky{position:sticky;top:0;display:grid;height:100svh;padding-block:clamp(96px,16svh,176px);padding-right:var(--about-side-pad);padding-left:var(--about-side-pad);overflow:hidden;background:#000;grid-template-columns:minmax(0,7fr) minmax(0,3fr);column-gap:clamp(36px,5vw,100px);align-items:center}.masses-about__director-image{display:block;width:100%;height:auto;max-height:calc(100svh - clamp(192px,32svh,352px));object-fit:contain;object-position:center center;filter:grayscale(1);grid-column:1;grid-row:1;justify-self:center}.masses-about__director-shade{display:none}.masses-about__director-name{position:relative;z-index:1;display:flex;width:100%;color:#fff;grid-column:2;grid-row:1;align-items:flex-start;flex-direction:column;gap:16px;justify-content:center;transform:translateZ(0);will-change:transform,opacity}.masses-about__director--image-right .masses-about__director-image{grid-column:2}.masses-about__director--image-right .masses-about__director-sticky{grid-template-columns:minmax(0,3fr) minmax(0,7fr)}.masses-about__director--image-right .masses-about__director-name{grid-column:1;align-items:flex-end;text-align:right}.masses-about__director-ja,.masses-about__director-en{display:block;line-height:1}.masses-about__director-ja{font-size:clamp(24px,2.1vw,32px);font-weight:600;letter-spacing:.08em}.masses-about__director-en{font-size:14px;font-weight:700;letter-spacing:.04em}.masses-about__copy-panel--info{height:170svh;min-height:100svh}.masses-about__copy--info{padding-top:clamp(88px,13svh,128px);padding-bottom:clamp(88px,13svh,128px)}.masses-about__copy--info p{font-family:Helvetica Neue,Helvetica,Arial,Noto Sans JP,sans-serif}.masses-about__copy--info a{position:relative;display:inline-block;margin-left:.35em;color:inherit;text-decoration:none}.masses-about__copy--info a:after{content:"";position:absolute;right:0;bottom:.18em;left:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .38s ease}.masses-about__copy--info a:hover:after,.masses-about__copy--info a:focus-visible:after{transform:scaleX(1)}@media(max-width:989px){.masses-about{--about-side-pad: 20px}.masses-about__title-scene{height:120svh}.masses-about__title-scene--first{height:132svh}.masses-about__title-sticky{padding:96px var(--about-side-pad)}.masses-about__title-scene--first .masses-about__title-sticky{padding-top:calc(var(--masses-header-h, 72px) + 42px)}.masses-about__type-title{font-size:clamp(20px,6.4vw,26px);line-height:1.04;letter-spacing:-.04em}.masses-about__copy-panel{height:165svh;padding-right:var(--about-side-pad);padding-left:var(--about-side-pad)}.masses-about__copy p{font-size:13px;line-height:1.95;letter-spacing:.035em}.masses-about__copy p+p{margin-top:28px}.masses-about__copy{padding-top:clamp(72px,11svh,104px);padding-bottom:clamp(72px,11svh,104px)}.masses-about__director{height:190svh}.masses-about__director-sticky{padding-block:clamp(72px,12svh,110px);grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:32px;align-content:center}.masses-about__director--image-right .masses-about__director-sticky{grid-template-columns:minmax(0,1fr)}.masses-about__director-image{width:78%;max-height:calc(100svh - clamp(144px,24svh,220px));grid-column:1;grid-row:1}.masses-about__director-name{width:78%;grid-column:1;grid-row:2;justify-self:center;align-items:flex-start;flex-direction:column;gap:13px}.masses-about__director--image-right .masses-about__director-image{grid-column:1;grid-row:2}.masses-about__director--image-right .masses-about__director-name{grid-column:1;grid-row:1}.masses-about__director-ja{font-size:clamp(20px,6.2vw,25px);letter-spacing:.07em}.masses-about__director-en{font-size:12px}.masses-about__copy-panel--info{height:165svh;min-height:100svh}.masses-about__copy--info{padding-top:clamp(72px,11svh,104px);padding-bottom:clamp(72px,11svh,104px)}.masses-about__copy--info p{line-height:1.8}.masses-about__copy--info p span,.masses-about__copy--info p a{display:block;margin-left:0}}@media(prefers-reduced-motion:reduce){.masses-about__type-title.is-complete .masses-about__type-output:after{animation:none;opacity:1}.masses-about [data-masses-reveal]{opacity:1;transform:none;transition:none}.masses-about__director{height:100svh}.masses-about__copy-panel{height:auto}.masses-about__copy{position:relative}.masses-about__title-scene{height:100svh}.masses-about__title-sticky{position:relative}.masses-about__director-name{transform:none!important;opacity:1!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/masses-about.css.map */