.work-hero{position:relative;min-height:100svh;background:#18241f;color:#eee6da;overflow:hidden}
.work-hero-background{position:absolute;inset:0}
.work-hero-image{position:absolute;overflow:hidden}
.work-hero-image img{width:100%;height:100%;display:block;object-fit:cover}
.work-hero-image-main{inset:0 0 0 22%;z-index:1}
.work-hero-image-main img{object-position:center center}
.work-hero-image-secondary{width:22%;height:42%;left:4%;top:19%;z-index:3;border:1px solid rgba(238,230,218,.2);padding:7px;background:#18241f;transform:rotate(-4deg)}
.work-hero-image-secondary img{object-position:center center}
.work-hero-image-detail{width:18%;height:25%;right:6%;bottom:13%;z-index:4;border:6px solid #eee6da;transform:rotate(4deg);box-shadow:0 25px 70px rgba(0,0,0,.28)}
.work-hero-image-detail img{object-position:center center}
.work-hero-circle{position:absolute;width:210px;height:210px;right:17%;top:11%;z-index:4;border:1px solid rgba(238,230,218,.45);border-radius:50%;padding:9px;background:rgba(24,36,31,.3)}
.work-hero-circle img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}
.work-hero-overlay{position:absolute;inset:0;z-index:5;background:linear-gradient(90deg,rgba(24,36,31,.92) 0%,rgba(24,36,31,.7) 24%,rgba(24,36,31,.12) 65%,rgba(24,36,31,.3) 100%),linear-gradient(0deg,rgba(24,36,31,.75),transparent 35%)}
.work-hero-content{position:relative;z-index:10;min-height:100svh;padding:42px 7vw 45px;display:flex;flex-direction:column;justify-content:space-between}
.work-hero-top{display:flex;justify-content:space-between;align-items:center;font-size:7px;font-weight:700;letter-spacing:.27em;color:rgba(238,230,218,.5)}
.work-hero-top span:first-child{color:#d17a60}
.work-hero-title{margin-top:auto;margin-bottom:auto;width:55%;padding-top:8vh}
.work-hero-kicker{display:block;margin-bottom:30px;font-size:7px;font-weight:700;letter-spacing:.3em;color:#d17a60}
.work-hero-title h1{font-family:var(--font-display);font-size:clamp(80px,10vw,155px);font-weight:500;line-height:.73;letter-spacing:-.075em}
.work-hero-title h1 em{font-style:italic;color:#d17a60}
.work-hero-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end}
.work-hero-description p{max-width:270px;color:rgba(238,230,218,.55);font-size:9px;line-height:1.9}
.work-hero-scroll{display:flex;flex-direction:column;align-items:center;gap:15px;color:rgba(238,230,218,.5);font-size:6px;font-weight:700;letter-spacing:.25em}
.work-hero-scroll i{display:block;width:1px;height:65px;background:linear-gradient(rgba(238,230,218,.7),transparent)}
.work-hero-index{display:flex;flex-direction:column;align-items:flex-end;gap:5px;color:rgba(238,230,218,.35);font-size:6px;font-weight:700;letter-spacing:.2em}
.work-hero-index strong{font-family:var(--font-display);font-size:45px;font-weight:400;color:rgba(238,230,218,.7);letter-spacing:-.04em}
@media(max-width:1000px){.work-hero-image-main{left:15%}.work-hero-image-secondary{width:25%;left:3%}.work-hero-circle{right:8%;width:170px;height:170px}.work-hero-image-detail{right:4%;width:20%}.work-hero-title{width:65%}}
@media(max-width:700px){.work-hero{min-height:820px}.work-hero-image-main{inset:0;width:100%}.work-hero-image-secondary{width:32%;height:28%;left:5%;top:21%;padding:5px}.work-hero-image-detail{width:27%;height:20%;right:5%;bottom:22%;border-width:4px}.work-hero-circle{width:115px;height:115px;right:8%;top:17%;padding:5px}.work-hero-overlay{background:linear-gradient(90deg,rgba(24,36,31,.88),rgba(24,36,31,.25) 100%),linear-gradient(0deg,rgba(24,36,31,.9),transparent 55%)}.work-hero-content{min-height:820px;padding:25px 20px 30px}.work-hero-top{font-size:5px}.work-hero-top span:last-child{display:none}.work-hero-title{width:100%;padding-top:0;margin-top:auto;margin-bottom:80px}.work-hero-kicker{margin-bottom:20px;font-size:6px}.work-hero-title h1{font-size:67px;line-height:.76}.work-hero-bottom{display:grid;grid-template-columns:1fr auto}.work-hero-description{display:none}.work-hero-scroll{align-items:flex-start}.work-hero-scroll i{height:40px}.work-hero-index{display:none}}