.work-categories{position:relative;background:#eee6da;color:#243831;padding:120px 7vw 130px;overflow:hidden}
.categories-heading{display:grid;grid-template-columns:17% 83%;align-items:end;margin-bottom:80px}
.categories-heading-index{display:flex;flex-direction:column;gap:12px;color:rgba(36,56,49,.4);font-size:7px;font-weight:700;letter-spacing:.25em}
.categories-heading-index span:first-child{font-family:var(--font-display);font-size:70px;font-weight:400;line-height:.7;color:#bd674f;letter-spacing:-.05em}
.categories-heading-title h2{font-family:var(--font-display);font-size:clamp(70px,8vw,125px);font-weight:500;line-height:.77;letter-spacing:-.07em}
.categories-heading-title h2 em{font-style:italic;color:#bd674f}
.categories-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}
.category-card{position:relative;display:block;overflow:hidden;text-decoration:none;color:#eee6da;background:#243831}
.category-card-wedding{height:760px;grid-row:span 2;clip-path:polygon(0 0,96% 2%,100% 98%,4% 100%)}
.category-card-film{height:450px;clip-path:polygon(3% 0,100% 5%,97% 100%,0 94%)}
.category-card-events{height:470px;clip-path:polygon(0 5%,97% 0,100% 96%,3% 100%)}
.category-card-portrait{height:560px;grid-column:2;clip-path:polygon(4% 0,100% 3%,96% 100%,0 96%)}
.category-card-image,.category-card-image-main{position:absolute;inset:0;overflow:hidden}
.category-card-image img,.category-card-image-main img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.category-card:hover .category-card-image img,.category-card:hover .category-card-image-main img{transform:scale(1.06)}
.category-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.7))}
.category-card-detail-image{position:absolute;width:34%;height:32%;right:7%;bottom:8%;z-index:4;border:7px solid #eee6da;box-shadow:0 20px 50px rgba(0,0,0,.25);transform:rotate(5deg);overflow:hidden}
.category-card-detail-image img{width:100%;height:100%;display:block;object-fit:cover}
.category-card-circle{position:absolute;width:190px;height:190px;right:9%;bottom:9%;z-index:4;border:1px solid rgba(238,230,218,.55);border-radius:50%;padding:8px;background:#243831}
.category-card-circle img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}
.category-card-image-small{position:absolute;width:32%;height:38%;right:7%;top:10%;z-index:4;border:7px solid #243831;overflow:hidden;transform:rotate(-5deg);box-shadow:0 20px 45px rgba(0,0,0,.3)}
.category-card-image-small img{width:100%;height:100%;display:block;object-fit:cover}
.category-card-frame{position:absolute;inset:9% 10%;z-index:3;border:1px solid rgba(36,56,49,.55);transform:rotate(2deg)}
.category-card-portrait .category-card-image{left:16%;right:16%;top:7%;bottom:7%;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}
.category-card-portrait .category-card-overlay{background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.65))}
.category-card-content{position:absolute;inset:0;padding:35px 40px;display:flex;flex-direction:column;justify-content:space-between;z-index:6}
.category-card-top{display:flex;justify-content:space-between;font-size:6px;font-weight:700;letter-spacing:.25em;color:rgba(238,230,218,.6)}
.category-card-title{margin-top:auto}
.category-card-title>span{display:block;margin-bottom:18px;color:#d17a60;font-size:6px;font-weight:700;letter-spacing:.25em}
.category-card-title h3{font-family:var(--font-display);font-size:clamp(48px,5vw,82px);font-weight:500;line-height:.8;letter-spacing:-.065em}
.category-card-title h3 em{font-style:italic;color:#e0947b}
.category-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:30px;font-size:6px;font-weight:700;letter-spacing:.2em;color:rgba(238,230,218,.5)}
.category-card-bottom strong{font-size:20px;font-weight:400;color:#eee6da}
.category-card-film .category-card-content{color:#eee6da}
.category-card-events .category-card-content{padding-bottom:40px}
.category-card-portrait{background:#c8b6a4;color:#243831}
.category-card-portrait .category-card-top{color:rgba(36,56,49,.45)}
.category-card-portrait .category-card-title h3{color:#eee6da}
.category-card-portrait .category-card-bottom{color:rgba(238,230,218,.55)}
.category-card-portrait .category-card-bottom strong{color:#eee6da}
@media(max-width:900px){.work-categories{padding:90px 5vw 100px}.categories-heading{grid-template-columns:15% 85%;margin-bottom:60px}.categories-heading-index span:first-child{font-size:55px}.categories-grid{grid-template-columns:1fr}.category-card-wedding{height:620px;grid-row:auto}.category-card-film,.category-card-events,.category-card-portrait{grid-column:auto;height:500px}.category-card-content{padding:28px}.category-card-circle{width:150px;height:150px}}
@media(max-width:600px){.work-categories{padding:70px 15px 80px}.categories-heading{display:block;margin-bottom:45px}.categories-heading-index{flex-direction:row;align-items:center;margin-bottom:45px}.categories-heading-index span:first-child{font-size:48px}.categories-heading-title h2{font-size:56px}.categories-grid{gap:9px}.category-card-wedding{height:570px;clip-path:none}.category-card-film,.category-card-events,.category-card-portrait{height:450px;clip-path:none}.category-card-content{padding:22px}.category-card-top{font-size:5px}.category-card-title>span{font-size:5px;margin-bottom:12px}.category-card-title h3{font-size:46px}.category-card-bottom{font-size:5px;margin-top:20px}.category-card-detail-image{width:32%;height:27%;border-width:4px}.category-card-circle{width:120px;height:120px;padding:5px}.category-card-image-small{width:29%;height:31%;border-width:4px}.category-card-frame{inset:7% 9%}}