.works-detail{margin-block-end:9rem;padding-block-start:3rem;padding-inline:9rem;position:relative}@media screen and (max-width:48rem){.works-detail{padding-inline:2rem}}.works-detail__main-image{object-fit:cover;width:100%;height:auto}.works-detail__head{margin-block:4rem 4.5rem;padding-inline:4rem;line-height:1.5}@media screen and (max-width:64rem){.works-detail__head{margin-block:3rem 4rem;padding-inline:0}}.works-detail__client{font-size:.875rem;font-weight:500}@media screen and (max-width:48rem){.works-detail__client{font-size:.75rem}}.works-detail__title{letter-spacing:.1em;margin-block:1rem .75rem;font-size:1.75rem;font-weight:500}@media screen and (max-width:48rem){.works-detail__title{margin-block:.5rem .75rem;font-size:1.125rem}}.works-detail__category{font-family:var(--font-poppins,sans-serif);opacity:.5;font-size:.75rem}.works-detail__info{grid-template-columns:auto 1fr;gap:2.5rem 3.5rem;padding-inline:4rem;display:grid}@media screen and (max-width:64rem){.works-detail__info{padding-inline:0}}@media screen and (max-width:48rem){.works-detail__info{row-gap:1.75rem}}@media screen and (max-width:40rem){.works-detail__info{grid-template-columns:1fr;row-gap:1.75rem}}.works-detail__info-item{grid-template-columns:subgrid;grid-column:span 2;display:grid}@media screen and (max-width:40rem){.works-detail__info-item{grid-column:span 1;row-gap:.5rem}}.works-detail__info-label{font-family:var(--font-poppins,sans-serif);text-transform:capitalize;opacity:.5;font-size:.8125rem;font-weight:400}@media screen and (max-width:48rem){.works-detail__info-label{font-size:.75rem}}.works-detail__info-value{text-align:justify;font-size:.875rem}@media screen and (max-width:48rem){.works-detail__info-value{font-size:.75rem}}.works-detail__link{position:relative}.works-detail__link:before{content:"";transform-origin:0 0;background-color:#222;width:100%;height:1px;transition:scale .5s cubic-bezier(.33,1,.68,1);position:absolute;bottom:-.125rem;left:0;scale:1}@media (prefers-color-scheme:dark){.works-detail__link:before{background-color:#fff}}@media (any-hover:hover){.works-detail__link:hover:before{transform-origin:100% 0;scale:0 1}}.works-detail__link:focus-visible:before{transform-origin:100% 0;scale:0 1}.works-detail__gallery{row-gap:4rem;margin-block-start:5rem;padding-inline:4rem;display:grid}@media screen and (max-width:64rem){.works-detail__gallery{padding-inline:0}}@media screen and (max-width:48rem){.works-detail__gallery{row-gap:2.5rem}}.works-detail__gallery--2col{grid-template-columns:repeat(2,1fr);column-gap:1.5rem}@media screen and (max-width:48rem){.works-detail__gallery--2col{grid-template-columns:1fr}}.works-detail__gallery iframe{width:100%;height:42rem}@media screen and (max-width:48rem){.works-detail__gallery iframe{height:11rem}}.works-detail__gallery-image{width:100%;height:auto}.works-detail__btn{width:fit-content;font-family:var(--font-poppins,sans-serif);color:#fff;background-color:#222;place-items:center;margin-block-start:4rem;margin-inline:auto;padding:1.5rem 7.5rem;font-size:1.5rem;font-weight:500;display:grid;position:relative;overflow:clip}@media (prefers-color-scheme:dark){.works-detail__btn{color:#222;background-color:#fff}}@media screen and (max-width:48rem){.works-detail__btn{width:100%;margin-block-start:2.5rem;padding:1.5rem;font-size:1.25rem}}.works-detail__btn:before{content:"";transform-origin:0 0;background:#3eb497;transition:scale .3s cubic-bezier(.33,1,.68,1);position:absolute;inset:0;scale:1 0}@media (any-hover:hover){.works-detail__btn:hover:before{transform-origin:0 100%;scale:1}}.works-detail__btn:focus-visible:before{transform-origin:0 100%;scale:1}.works-detail__btn span{position:relative}.works-detail~.el-breadcrumb{margin-block-end:1rem;padding-inline:2rem;position:relative;top:auto;right:auto;rotate:none}.works-detail~.el-breadcrumb .el-breadcrumb__list{flex-wrap:nowrap;justify-content:flex-end}.works-detail~.el-breadcrumb .el-breadcrumb__item:not(:last-of-type){text-wrap:nowrap}.works-detail~.el-breadcrumb .el-breadcrumb__current{text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:clip}