.reference-work-page {overflow-x:clip}
.reference-work-page .page-main {overflow:visible}
.reference-work-page .reference-close {border-radius:0 0 .8rem .8rem}
.portfolio-hero.work-gallery-hero {padding:100px 0 65px;min-height:0;background:#f7f7f2}
.work-gallery-hero h1 {font-size:clamp(48px,6.8vw,100px);line-height:1.02;letter-spacing:-.065em;max-width:1100px}
.marketing-site .work-gallery-hero h1 span {color:#68716c}
.marketing-site .work-gallery-hero .eyebrow {color:#59645e;letter-spacing:.18em}
.work-gallery-hero__bottom {display:flex;align-items:end;justify-content:space-between;gap:28px;margin-top:34px}
.work-gallery-hero__bottom p {max-width:530px;margin:0;font-size:18px;line-height:1.55}
.work-gallery-hero__bottom>a {flex:none;color:#17211c;font-size:14px;text-decoration:none;border-bottom:1px solid #859087;padding-bottom:9px}
.work-gallery-hero__bottom>a span {margin-left:50px;font-size:23px}
.work-contact {position:relative;background:#11191d;color:#f3f2ed;width:100vw;margin-left:calc(50% - 50vw);scroll-margin-top:75px;isolation:isolate}
.work-contact[hidden] {display:none}
.work-contact * {box-sizing:border-box}
.work-contact__stage {height:790px;max-height:105svh;min-height:580px;position:relative;overflow:clip;background:#11191d}
.work-contact__wall {position:absolute;width:2100px;left:50%;top:50%;display:grid;grid-template-columns:repeat(9,1fr);gap:13px;transform:translate(-55%,-46%) rotate(-12deg);animation:contact-drift 42s linear infinite alternate;will-change:transform}
@keyframes contact-drift {to {transform:translate(-43%,-60%) rotate(-12deg)}}
.contact-tile {height:170px;position:relative;border-radius:4px;perspective:900px}
.contact-tile:nth-child(3n+1) {transform:translateY(35px)}
.contact-flipper {position:relative;width:100%;height:100%;transform-style:preserve-3d}
.is-flipping .contact-flipper {will-change:transform}
.contact-face {position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;border-radius:4px;background:#263036}
.contact-front {transform:rotateY(0deg)}
.contact-back {transform:rotateY(180deg)}
.contact-face picture,.contact-face img {display:block;width:100%;height:100%}
.contact-face img {object-fit:cover;filter:saturate(.6) brightness(.8)}
.work-contact__veil {position:absolute;inset:0;background:linear-gradient(90deg,#11191df5 0%,#11191dc9 26%,#11191d36 65%,#11191d33),linear-gradient(0deg,#11191d 0%,transparent 24%,transparent 80%,#11191d66);pointer-events:none}
.work-contact__copy {position:relative;z-index:1;max-width:1220px;margin:auto;padding:180px 40px 0;pointer-events:none}
.marketing-site .work-contact h2 {color:#f2f2ed;font-size:clamp(58px,7vw,104px);font-weight:500;letter-spacing:-.065em;line-height:1.05;margin:0;max-width:650px}
.marketing-site .work-contact__kicker {font:11px/1.5 system-ui;letter-spacing:.2em;text-transform:uppercase;color:#acb9be;margin:0 0 16px}
.marketing-site .work-contact__description {color:#c5ced1;font-size:16px;line-height:1.7;max-width:300px;margin:24px 0}
.work-contact__pause {pointer-events:auto;font:11px system-ui;letter-spacing:.06em;text-transform:uppercase;border:1px solid #59656b;border-radius:30px;color:#e2e8e9;background:transparent;padding:10px 15px;cursor:pointer}
.work-contact__pause:hover {background:#ffffff12}
.work-contact__pause[hidden] {display:none}
.work-contact__foot {position:absolute;bottom:0;left:0;right:0;max-width:1220px;margin:auto;padding:28px 40px 36px;display:flex;justify-content:space-between;gap:20px;align-items:center;font:11px/1.5 system-ui;letter-spacing:.12em;text-transform:uppercase;color:#8d9ba1}
.work-contact__foot a {color:#e6ebed;text-decoration:none;letter-spacing:.03em;text-transform:none;font-size:14px;border-bottom:1px solid #637279;padding-bottom:5px}
.work-contact__preload {position:absolute;width:1px;height:1px;overflow:hidden;visibility:hidden;pointer-events:none}
.work-contact.is-paused .work-contact__wall {animation-play-state:paused}
@media(max-width:760px) {
 .portfolio-hero.work-gallery-hero {padding:70px 0 40px}
 .work-gallery-hero h1 {font-size:clamp(39px,8.8vw,64px);letter-spacing:-.055em}
 .work-gallery-hero__bottom {display:block;margin-top:24px}.work-gallery-hero__bottom p {font-size:15px}.work-gallery-hero__bottom>a {display:inline-block;margin-top:22px}
 .work-contact__stage {height:730px;min-height:650px;max-height:none}
 .work-contact__copy {padding:170px 24px 0}.marketing-site .work-contact h2 {font-size:66px}
 .marketing-site .work-contact__description {font-size:14px;max-width:240px}
 .work-contact__wall {width:1750px;gap:10px}.contact-tile {height:150px}
 .work-contact__veil {background:linear-gradient(90deg,#11191dd9,#11191d77 55%,#11191d22),linear-gradient(0deg,#11191d,transparent 35%,transparent 80%,#11191d55)}
 .work-contact__foot {padding:24px;align-items:start}.work-contact__foot span {max-width:150px;font-size:9px}.work-contact__foot a {font-size:12px;flex:none}
}
@media(prefers-reduced-motion:reduce) {.work-contact__wall{animation:none;transform:translate(-50%,-50%) rotate(-12deg)}}