.page-title{font-family:Playfair Display,sans-serif;font-size:2.25rem;line-height:2.5rem;font-weight:400;--tw-text-opacity: 1;color:rgb(182 132 65 / var(--tw-text-opacity, 1))}@media (min-width: 1280px){.page-title{font-size:3rem;line-height:1}}.field-label{width:3.5rem}@media (min-width: 1280px){.field-label{width:2.5rem}}.category-btn-container .category-btn{position:relative;width:25%}.category-btn-container .category-btn:before{position:absolute;left:0;top:50%;height:1rem;width:1px;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity: 1;background-color:rgb(131 22 12 / var(--tw-bg-opacity, 1));transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);--tw-content: "";content:var(--tw-content)}@media (min-width: 768px){.category-btn-container .category-btn:before{height:1.5rem}}.category-btn-container .category-btn:hover,.category-btn-container .category-btn.active{--tw-bg-opacity: 1;background-color:rgb(230 230 230 / var(--tw-bg-opacity, 1))}.category-btn-container .category-btn.active .text .tc{order:1;--tw-text-opacity: 1;color:rgb(26 26 26 / var(--tw-text-opacity, 1))}@media (min-width: 1280px){.category-btn-container .category-btn.active .text .tc{font-size:.875rem;line-height:1.25rem}}.category-btn-container .category-btn.active .text .en{order:2;font-size:.75rem;line-height:1rem}@media (min-width: 1280px){.category-btn-container .category-btn.active .text .en{font-size:.75rem;line-height:1rem}}.category-btn-container .category-btn.active:before{position:absolute;left:0;top:50%;height:100%;width:2px;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity: 1;background-color:rgb(131 22 12 / var(--tw-bg-opacity, 1));--tw-content: "";content:var(--tw-content)}.category-btn-container .category-btn .text{margin-left:1rem;display:flex;width:-moz-fit-content;width:fit-content;flex-direction:column;align-items:flex-start;text-align:start;font-size:.75rem;line-height:1rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width: 640px){.category-btn-container .category-btn .text{font-size:.875rem;line-height:1.25rem}}.category-btn-container .category-btn .text .tc{--tw-text-opacity: 1;color:rgb(179 179 179 / var(--tw-text-opacity, 1))}@media (min-width: 1280px){.category-btn-container .category-btn .text .tc{font-size:.75rem;line-height:1rem}}.category-btn-container .category-btn .text .en{font-family:Playfair Display,sans-serif;font-weight:500}@media (min-width: 1280px){.category-btn-container .category-btn .text .en{font-size:.875rem;line-height:1.25rem}}.category-btn{display:flex;flex-direction:column;align-items:flex-start;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.category-btn:before{--tw-bg-opacity: 1;background-color:rgb(131 22 12 / var(--tw-bg-opacity, 1));--tw-content: "";content:var(--tw-content)}.project-block:before{pointer-events:none;position:absolute;left:-100%;right:-100%;bottom:0;height:50%;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-content: "";content:var(--tw-content)}@media ((min-width: 768px)){.project-block:before{left:0;right:0}.project-block:nth-of-type(odd):before{left:-100%;right:-100vw}}@media ((min-width: 1280px)){.project-block:nth-of-type(odd):before{left:0}.project-block:nth-of-type(4n+1):before{left:-50vw}}.project-block:hover .overlay{opacity:1}.project-block:hover .project-name:after{left:0;width:.5rem;transition:width .6s cubic-bezier(.25,.1,.25,1)}.project-block:hover:hover .paint-out-btn .text1{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.project-block:hover:hover .paint-out-btn .text2{--tw-text-opacity: 1;color:rgb(153 153 153 / var(--tw-text-opacity, 1))}.project-block:hover:hover .paint-out-btn .arrow{stroke:#fff}.project-block:hover:hover .paint-out-btn:before{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition:transform .5s cubic-bezier(.306,.968,.632,1) 0s}.project-block .paint-out-btn{margin-bottom:0}@media (min-width: 1280px){.project-block .paint-out-btn{margin-bottom:0;gap:.375rem}.project-block .paint-out-btn .text1,.project-block .paint-out-btn .text2{font-size:.625rem}}.project-block .project-name{position:relative;display:block;width:-moz-fit-content;width:fit-content}@media (min-width: 1280px){.project-block .project-name{font-size:.75rem;line-height:1rem}}.project-block .project-name:after{position:absolute;bottom:-.25rem;left:100%;height:1px;width:0px;--tw-bg-opacity: 1;background-color:rgb(131 22 12 / var(--tw-bg-opacity, 1));--tw-content: "";content:var(--tw-content);transition:left .6s cubic-bezier(.25,.1,.25,1),width .6s cubic-bezier(.25,.1,.25,1) .1s}.paint-out-btn .back{position:relative;width:.5rem;height:.5rem}@media (min-width: 768px){.paint-out-btn .back{width:.75rem;height:.75rem}}.paint-out-btn:hover .back{stroke:#fff}