.portfolio-works{width:100%}.portfolio-works__header{padding:0 2rem;margin-bottom:32px;display:flex;align-items:center;justify-content:space-between}.portfolio-works__nav{display:flex;gap:8px}.portfolio-works__arrow{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #d8d2c8;border-radius:4px;background:#e8e3dc;color:inherit;cursor:pointer;transition:opacity .2s ease}.portfolio-works__arrow:hover:not(:disabled){opacity:.7}.portfolio-works__arrow:disabled{opacity:.3;cursor:default}.portfolio-works__heading{font-family:var(--font-heading);font-size:clamp(1.875rem,3vw,2.625rem);font-weight:400;line-height:1.15;letter-spacing:-.01em;color:var(--color-text);margin:0}.portfolio-works__carousel{width:100%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;scroll-padding-left:2rem}.portfolio-works__carousel::-webkit-scrollbar{display:none}.portfolio-works__track{display:inline-flex;padding-left:2rem;padding-right:2rem}.portfolio-works__slide{flex:0 0 85%;scroll-snap-align:start;display:flex;flex-direction:column;gap:20px;padding:16px;background:#e8e3dc;border:1px solid #d8d2c8;border-radius:0;margin-right:12px}@media screen and (max-width:749px){.portfolio-works__header{padding:0 20px}.portfolio-works__carousel{scroll-padding-left:20px}.portfolio-works__track{padding-left:20px;padding-right:20px}.portfolio-works__slide{aspect-ratio:1 / 1;flex:0 0 calc(100vw - 40px);margin-right:12px}.portfolio-works__slide:last-child{margin-right:0}}@media screen and (min-width:750px){.portfolio-works__slide{display:grid;flex:0 0 calc(45% - 12px);grid-template-columns:1fr 1fr;gap:40px;padding:20px;margin-right:16px;align-items:center}}.portfolio-works__slide-left{display:flex;flex-direction:column;justify-content:space-between}.portfolio-works__left-top,.portfolio-works__left-bottom{display:flex;flex-direction:column;gap:12px}.portfolio-works__titles{display:flex;flex-wrap:wrap;gap:8px}.portfolio-works__title-box{display:inline-block;font-size:.75rem;padding:3px 12px;border:1px solid rgba(0,0,0,.5);border-radius:20px;color:var(--color-text)}.portfolio-works__subtitle{font-family:Assistant,sans-serif;font-weight:400;font-size:clamp(1.36rem,2.04vw,1.785rem);line-height:1.05;letter-spacing:-.015em;color:#68563e;margin:2px 0 12px}.portfolio-works__subtitle em{font-family:Merriweather,serif;font-style:italic;font-weight:500}.portfolio-works__btn-group{display:inline-flex;align-self:flex-start;align-items:center;gap:10px;border-bottom:1px solid currentColor;padding-bottom:3px;color:var(--color-text)}.portfolio-works__btn{display:inline-flex;align-items:center;font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:inherit;background:transparent;border:0;border-radius:0;padding:0;text-decoration:none;transition:none}.portfolio-works__btn:hover{background:transparent}.portfolio-works__btn-circle{display:inline-flex;align-items:center;justify-content:center;color:inherit;text-decoration:none;transition:transform .25s}.portfolio-works__btn-group:hover .portfolio-works__btn-circle{transform:translate(4px)}.portfolio-works__slide-right{display:flex;flex-direction:column;gap:12px}.portfolio-works__image{position:relative;width:100%;aspect-ratio:16 / 10;border-radius:8px;overflow:hidden;background-color:#e0e0e0}@media screen and (min-width:750px){.portfolio-works__image{width:75%;aspect-ratio:1 / 1;margin-left:auto}}.portfolio-works__image img,.portfolio-works__image svg,.portfolio-works__video{width:100%;height:100%;object-fit:cover;display:block}.portfolio-works__controls{position:absolute;top:12px;right:12px;z-index:4;display:flex;gap:6px}.portfolio-works__control-btn{width:32px;height:32px;border-radius:10px;background:#ffffff40;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.portfolio-works__control-btn:hover{background:#fff6}.portfolio-works__icon-pause{display:none}.portfolio-works__icon-play,.is-playing .portfolio-works__icon-pause{display:block}.is-playing .portfolio-works__icon-play,.portfolio-works__icon-unmuted{display:none}.portfolio-works__icon-muted,.is-unmuted .portfolio-works__icon-unmuted{display:block}.is-unmuted .portfolio-works__icon-muted{display:none}.portfolio-works__desc{font-size:.95rem;line-height:1.5;color:var(--color-text);margin:0}@media screen and (min-width:990px)and (max-width:1699.98px){.portfolio-works__heading{font-size:clamp(1.875rem,2.6vw,2.375rem);letter-spacing:-.01em}.portfolio-works__subtitle{font-size:clamp(1.18rem,1.5vw,1.58rem);line-height:1.3}.portfolio-works__title-box{font-size:.7rem}.portfolio-works__desc{font-size:.78rem;max-width:65ch}.portfolio-works__btn{font-size:.7rem;padding:10px 24px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-custom-portfolio-works.css.map */