.work-gallery{position:relative;background:#e7ded1;color:#243831;overflow:hidden;padding:105px 7vw 120px}
.gallery-header{display:grid;grid-template-columns:15% 55% 30%;align-items:end;padding-bottom:75px;border-bottom:1px solid rgba(36,56,49,.16)}
.gallery-header-index{align-self:start;display:flex;flex-direction:column;gap:10px;color:rgba(36,56,49,.4);font-size:7px;font-weight:700;letter-spacing:.25em}
.gallery-header-index span:first-child{font-family:var(--font-display);font-size:62px;font-weight:400;line-height:.7;color:#bd674f;letter-spacing:-.05em}
.gallery-header-title h2{font-family:var(--font-display);font-size:clamp(68px,7.5vw,115px);font-weight:500;line-height:.77;letter-spacing:-.075em}
.gallery-header-title h2 em{font-style:italic;color:#bd674f}
.gallery-header-copy{padding-left:25px;padding-bottom:4px}
.gallery-header-copy p{max-width:270px;color:rgba(36,56,49,.55);font-size:9px;line-height:1.9}
.gallery-canvas{display:grid;grid-template-columns:1.05fr .68fr 1.35fr .75fr;grid-template-rows:260px 180px 330px 210px;gap:10px;padding:65px 0 90px}
.gallery-item{position:relative;margin:0;overflow:hidden;background:#243831}
.gallery-item img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.gallery-item:hover img{transform:scale(1.055)}
.gallery-item::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(15,24,21,.55));pointer-events:none}
.gallery-item figcaption{position:absolute;left:17px;right:17px;bottom:15px;z-index:2;display:flex;justify-content:space-between;color:rgba(238,230,218,.78);font-size:5px;font-weight:700;letter-spacing:.2em}
.gallery-item-one{grid-column:1;grid-row:1 / span 2}
.gallery-item-two{grid-column:2;grid-row:1}
.gallery-item-three{grid-column:3;grid-row:1 / span 2}
.gallery-item-four{grid-column:4;grid-row:1 / span 2}
.gallery-item-five{grid-column:2;grid-row:2 / span 2;border:7px solid #eee6da;transform:rotate(-2deg);z-index:2}
.gallery-item-five::before{content:"";position:absolute;inset:-14px;border:1px solid rgba(36,56,49,.25);z-index:-1}
.gallery-item-six{grid-column:1;grid-row:3}
.gallery-item-seven{grid-column:3;grid-row:3}
.gallery-item-eight{grid-column:4;grid-row:3;border-radius:50%;padding:8px;background:#243831}
.gallery-item-eight img{border-radius:50%}
.gallery-item-nine{grid-column:1 / span 2;grid-row:4}
.gallery-item-ten{grid-column:3 / span 2;grid-row:4}
.gallery-midpoint{display:grid;grid-template-columns:30% 70%;align-items:center;border-top:1px solid rgba(36,56,49,.16);border-bottom:1px solid rgba(36,56,49,.16);padding:55px 0;margin-bottom:85px}
.gallery-midpoint-circle{width:120px;height:120px;border:1px solid rgba(36,56,49,.38);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;justify-self:center}
.gallery-midpoint-circle span{font-size:6px;font-weight:700;letter-spacing:.25em}
.gallery-midpoint-circle strong{font-family:var(--font-display);font-size:25px;font-weight:400}
.gallery-midpoint p{font-family:var(--font-display);font-size:clamp(32px,3.4vw,52px);line-height:.88;letter-spacing:-.05em}
.gallery-secondary-grid{display:grid;grid-template-columns:1.25fr .8fr 1fr;gap:10px;align-items:start}
.gallery-secondary-grid figure{position:relative;margin:0;overflow:hidden;background:#243831}
.gallery-secondary-grid figure:nth-child(1){height:430px}
.gallery-secondary-grid figure:nth-child(2){height:310px;margin-top:65px}
.gallery-secondary-grid figure:nth-child(3){height:390px;margin-top:20px}
.gallery-secondary-grid figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(15,24,21,.55));pointer-events:none}
.gallery-secondary-grid img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.gallery-secondary-grid figure:hover img{transform:scale(1.05)}
.gallery-secondary-grid figcaption{position:absolute;left:17px;bottom:15px;z-index:2;color:rgba(238,230,218,.72);font-size:5px;font-weight:700;letter-spacing:.22em}
@media(max-width:1050px){.work-gallery{padding-left:5vw;padding-right:5vw}.gallery-header{grid-template-columns:15% 55% 30%}.gallery-canvas{grid-template-columns:1fr .7fr 1.2fr .75fr;grid-template-rows:230px 160px 290px 190px;padding-top:50px}.gallery-item-five{border-width:5px}.gallery-midpoint{grid-template-columns:25% 75%}.gallery-secondary-grid figure:nth-child(1){height:380px}.gallery-secondary-grid figure:nth-child(2){height:275px}.gallery-secondary-grid figure:nth-child(3){height:345px}}
@media(max-width:700px){.work-gallery{padding:75px 18px 90px}.gallery-header{display:block;padding-bottom:50px}.gallery-header-index{flex-direction:row;align-items:center;margin-bottom:45px}.gallery-header-index span:first-child{font-size:48px}.gallery-header-title h2{font-size:56px}.gallery-header-copy{padding:23px 0 0}.gallery-header-copy p{font-size:8px;max-width:300px}.gallery-canvas{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:7px;padding:45px 0 65px}.gallery-item{grid-column:auto!important;grid-row:auto!important;transform:none!important}.gallery-item-one{height:330px}.gallery-item-two{height:205px}.gallery-item-three{grid-column:1 / -1!important;height:390px}.gallery-item-four{height:245px}.gallery-item-five{height:315px;border-width:4px}.gallery-item-six{height:225px}.gallery-item-seven{height:250px}.gallery-item-eight{height:190px;align-self:center;border-radius:50%;padding:6px}.gallery-item-nine{grid-column:1 / -1!important;height:205px}.gallery-item-ten{grid-column:1 / -1!important;height:260px}.gallery-item figcaption{opacity:1;font-size:4px;left:10px;right:10px;bottom:10px}.gallery-midpoint{display:flex;flex-direction:column;gap:30px;padding:45px 0;margin-bottom:60px;text-align:center}.gallery-midpoint-circle{width:100px;height:100px}.gallery-midpoint-circle span{font-size:5px}.gallery-midpoint-circle strong{font-size:20px}.gallery-midpoint p{font-size:32px}.gallery-secondary-grid{grid-template-columns:1fr;gap:7px}.gallery-secondary-grid figure:nth-child(1),.gallery-secondary-grid figure:nth-child(2),.gallery-secondary-grid figure:nth-child(3){height:330px;margin:0}}
@media(max-width:430px){.work-gallery{padding-left:15px;padding-right:15px}.gallery-header-title h2{font-size:50px}.gallery-canvas{gap:6px}.gallery-item-one{height:285px}.gallery-item-two{height:175px}.gallery-item-three{height:330px}.gallery-item-four{height:215px}.gallery-item-five{height:275px}.gallery-item-six{height:195px}.gallery-item-seven{height:215px}.gallery-item-eight{height:165px}.gallery-item-nine{height:175px}.gallery-item-ten{height:220px}.gallery-midpoint p{font-size:28px}}