.work-page{background:#fff;overflow:hidden}.work-page-content{width:calc(100% - 2 * var(--page-gutter));margin:0 auto;padding:264px 0 334px}.work-page-heading{white-space:nowrap;justify-content:center;align-items:center;gap:30px;min-height:210px;margin:0;display:flex}.work-page-heading-logo{width:378px;height:210px}.work-page-heading>span{font-family:var(--font-boldonse), sans-serif;color:#0000;background:linear-gradient(#00000052,#0000);-webkit-background-clip:text;background-clip:text;font-size:162px;font-weight:400;line-height:normal}.work-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:100px;display:grid}.work-gallery-card{aspect-ratio:661/794;color:#fff;border-radius:32px;min-width:0;position:relative;overflow:hidden}.work-gallery-pattern-window{pointer-events:none;width:1408px;height:1408px;position:absolute;top:-307px;left:0;overflow:hidden}.work-gallery-pattern-window>picture>img,.work-gallery-pattern-overlay picture>img{max-width:none;position:absolute;top:-2499.16px;left:-1325.84px}.work-gallery-pattern-overlay{width:1408px;height:1408px;position:absolute;top:-307px;left:0;overflow:hidden}.work-gallery-card-content{flex-direction:column;align-items:center;height:100%;padding:30px;display:flex;position:relative}.work-gallery-image{aspect-ratio:600/568;border-radius:24px;flex:none;width:100%;position:relative;overflow:hidden}.work-gallery-image img{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.work-gallery-preview{opacity:0;pointer-events:none;border:0;width:168.3%;height:100%;transition:opacity .3s;position:absolute;top:0;left:50%;transform:translate(-50%)}.work-gallery-preview.is-ready{opacity:1}.work-gallery-caption{text-align:center;width:100%;margin-top:69px}.work-gallery-caption h2{font-family:var(--font-boldonse), sans-serif;margin:0;font-size:36px;font-weight:400;line-height:1.35}.work-gallery-caption p{color:#fffc;margin:8px 0 0;font-size:16px;line-height:20px}.work-gallery-card-long .work-gallery-caption{margin-top:14px}.work-gallery-open{z-index:2;border-radius:inherit;cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.work-gallery-open:focus-visible{outline-offset:-7px;outline:3px solid #fff}.work-detail{z-index:30;color:#fff;background:#1d1c1f;width:100vw;height:100dvh;position:fixed;inset:0;overflow-y:auto}.work-detail:focus{outline:none}.work-detail-header{justify-content:space-between;align-items:flex-start;height:90px;padding:22px 24px 0;display:flex}.work-detail-logo{width:72px;height:40px}.work-detail-close{color:#fff;font-family:var(--font-body);cursor:pointer;border:0;border-radius:4px;flex:none;font-weight:400}.work-detail-close:focus-visible{outline-offset:3px;outline:2px solid #fff}.work-detail-close-desktop{letter-spacing:1.12px;background:#2e2d31;padding:15px 22px;font-size:14px}.work-detail-card{border-radius:32px;justify-content:center;align-items:center;width:calc(100% - 32px);min-height:calc(100dvh - 106px);margin:0 16px 16px;display:flex;position:relative;overflow:hidden}.work-detail-pattern{pointer-events:none;width:1408px;height:1408px;position:absolute;top:-307px;left:0;overflow:hidden}.work-detail-pattern picture>img{max-width:none;position:absolute;top:-2499.16px;left:-1325.84px}.work-detail-mobile-top{display:none}.work-detail-inner{grid-template-columns:304px 600px 230px;gap:74px;width:1282px;min-height:568px;display:grid;position:relative}.work-detail-intro,.work-detail-meta{flex-direction:column;justify-content:space-between;min-width:0;display:flex}.work-detail-description{margin:0;font-size:14px;line-height:20px}.work-detail-name{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.work-detail-count{font-size:14px;line-height:20px}.work-detail-name h2{font-family:var(--font-boldonse), sans-serif;margin:0;font-size:36px;font-weight:400;line-height:normal}.work-detail-name p{color:#fffc;margin:0;font-size:16px;line-height:20px}.work-detail-media{border-radius:24px;width:600px;height:568px;overflow:hidden}.work-detail-media img{object-fit:cover;width:100%;height:100%;display:block}.work-detail-media-video{background:#111;flex-direction:column;justify-content:center;gap:16px;display:flex}.work-detail-player{aspect-ratio:16/9;border:0;flex:none;width:100%;display:block}.work-detail-video-actions{justify-content:space-between;align-items:center;gap:16px;min-height:34px;padding:0 20px;display:flex}.work-detail-video-actions>a{color:#fff;text-underline-offset:3px;margin-left:auto;font-size:13px;text-decoration:underline}.work-detail-video-switcher{gap:8px;display:flex}.work-detail-video-switcher button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff73;border-radius:4px;padding:7px 12px;font-size:12px}.work-detail-video-switcher button.is-active{color:#111;background:#fff}.work-detail-meta-group{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.work-detail-meta-group>span{color:#ffffff80;font-size:12px;line-height:normal}.work-detail-meta-group strong{font-family:var(--font-boldonse), sans-serif;font-size:16px;font-weight:400;line-height:32px}.work-detail-meta-group p{margin:0;font-size:14px;line-height:20px}@media (min-width:901px) and (max-width:1399px){.work-detail-card{padding:48px 40px}.work-detail-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.97fr) minmax(0,.76fr);gap:clamp(24px,4vw,60px);width:100%;min-height:0}.work-detail-media{aspect-ratio:600/568;width:100%;height:auto}.work-detail-name h2{overflow-wrap:anywhere;font-size:clamp(22px,2.57vw,36px)}}@media (max-width:1350px){.work-page-heading-logo{aspect-ratio:378/210;width:clamp(210px,26.25vw,378px);height:auto}.work-page-heading>span{font-size:clamp(90px,11.25vw,162px)}.work-gallery-card-content{padding:clamp(16px,2.08vw,30px)}.work-gallery-caption{margin-top:clamp(16px,4.8vw,69px)}.work-gallery-caption h2{font-size:clamp(20px,2.5vw,36px)}.work-gallery-caption p{font-size:clamp(12px,1.11vw,16px)}.work-gallery-card-long .work-gallery-caption{margin-top:clamp(8px,1vw,14px)}}@media (max-width:900px){.work-page-content{padding:110px 0 72px}.work-page-heading{justify-content:center;gap:clamp(8px,3.2715vw - 1.3086px,11.843px);min-height:0}.work-page-heading-logo{aspect-ratio:149.221/82.901;flex:none;width:clamp(107px,41.2213vw - 16.4885px,149.221px);height:auto}.work-page-heading>span{font-size:clamp(45px,17.6663vw - 7.06652px,63.952px)}.work-gallery{grid-template-columns:1fr;gap:16px;margin-top:32px}.work-gallery-card{aspect-ratio:auto;border-radius:32px}.work-gallery-pattern-window,.work-gallery-pattern-overlay{width:704px;height:704px;top:-153.5px}.work-gallery-pattern-window>picture>img,.work-gallery-pattern-overlay picture>img{top:-1249.58px;left:-662.92px}.work-gallery-card-content{height:auto;padding:20px 20px 24px}.work-gallery-image{border-radius:12.88px}.work-gallery-caption,.work-gallery-card-long .work-gallery-caption{margin-top:16px;padding-top:4px}.work-gallery-caption h2{font-size:clamp(18px,5.97vw,24px);line-height:normal}.work-gallery-caption p{margin-top:4px;font-size:14px;line-height:20px}.work-detail{background:#7d31ff}.work-detail-header,.work-detail-close-desktop{display:none}.work-detail-card{border-radius:0;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:20px;width:100%;min-height:100dvh;margin:0;padding:16px 20px 48px;display:flex}.work-detail-pattern{width:844.8px;height:844.8px;top:-184.2px}.work-detail-pattern picture>img{transform-origin:0 0;top:-1499.52px;left:-795.57px;transform:scale(1.2)}.work-detail-pattern-pocket-last picture>img{transform:none}.work-detail-mobile-top{order:0;justify-content:space-between;align-items:center;font-size:14px;display:flex;position:relative}.work-detail-close-mobile{letter-spacing:1.04px;background:#fff3;padding:13px 20px;font-size:13px}.work-detail-inner,.work-detail-intro{display:contents}.work-detail-name{order:1;gap:6px;padding-top:16px;position:relative}.work-detail-count{display:none}.work-detail-name h2{width:100%;font-size:clamp(23px,7.46vw,30px);line-height:normal}.work-detail-name p{width:100%;font-size:16px}.work-detail-media{aspect-ratio:600/568;border-radius:14.48px;order:2;width:100%;height:auto;position:relative}.work-detail-media-video{aspect-ratio:auto;background:0 0;overflow:visible}.work-detail-video-actions{flex-wrap:wrap;padding:0}.work-detail-description{flex:1 0 auto;order:3;min-height:60px;position:relative}.work-detail-meta{order:4;grid-template-columns:90px minmax(0,1fr);gap:16px;display:grid;position:relative}}
