/* Home 125:719 / 172:491: centred horizontal project gallery. */
@supports (overflow:clip) { body { overflow-x:clip; } }
body .work-slider-section { overflow:visible; }
.work-scroll { margin-top:clamp(64px,8.333333vw,120px); }
.work-deck { display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin; }
.work-slide { flex:0 0 100%;min-width:0;scroll-snap-align:center; }
.work-slide-image { aspect-ratio:5/3;border-radius:16px;overflow:hidden;background:#201E1C;border:0;outline:0; }
.work-slide-image img { display:block;width:100%;height:100%;object-fit:cover; }
.work-slide-image { display:block; }
.work-slide-caption h3 a { text-decoration:none;transition:color 200ms ease; }
.work-slide-caption h3 a:is(:hover,:focus-visible) { color:#999; }
.work-edge { display:none; }
.work-slider-toolbar { display:flex;align-items:flex-start;gap:24px;margin-top:24px; }
.work-caption-layer { position:relative;flex:1;min-width:0;min-height:110px; }
.work-slide-caption { position:relative;padding:0; }
.has-work-slider .work-slide-caption { position:absolute;inset:0;opacity:0; }
.has-work-slider .work-slide-caption:first-child { opacity:1; }
.work-slide-caption .eyebrow { margin:0 0 12px;text-transform:uppercase; }
.work-slide-caption h3 { margin:0;font:500 clamp(22px,2.5vw,36px)/1.222222 Arturm,sans-serif;letter-spacing:.02em;color:#fff; }
.work-scroll-mouse { position:relative;display:block;width:16px;height:24px;border:1.2px solid #a5968c;border-radius:100px;flex:none; }
.work-scroll-mouse > span { position:absolute;left:5px;top:5px;width:4px;height:6px;border-radius:100px;background:#a5968c; }
.work-deck:focus-visible { outline:2px solid var(--beige);outline-offset:6px; }
@media(max-width:760px) {
 .work-slide-image { aspect-ratio:4/3; }
 .work-caption-layer { min-height:130px; }
 .work-scroll-mouse { display:none; }
}

/* Free horizontal dragging; the section stays in normal page flow. */
.work-heading {display:flex;justify-content:space-between;align-items:flex-start;gap:32px;}
body #work .work-heading h2 {margin:0;text-align:left;font:700 clamp(52px,6.6667vw,96px)/1 Arturm,sans-serif;letter-spacing:.04em;background:linear-gradient(115deg,#E9C79E 0%,#fff 30%);background-clip:text;-webkit-background-clip:text;color:transparent;}
.work-scroll {margin-top:80px;}
.work-deck {--project-width:calc(100vw - 2 * var(--section-gutter,8.333333vw));width:100vw;margin-inline:calc((100% - 100vw)/2);padding-inline:calc((100vw - var(--project-width))/2);scroll-padding-inline:calc((100vw - var(--project-width))/2);box-sizing:border-box;cursor:grab;scrollbar-width:none;scroll-snap-type:x proximity;}
.work-deck::-webkit-scrollbar {display:none;}
.work-slide {flex:0 0 var(--project-width);transition:opacity 650ms cubic-bezier(.22,1,.36,1);opacity:.5;}
.work-slide.is-active {opacity:1;}

.work-deck.is-dragging {cursor:grabbing;user-select:none;}
.work-slide-image img {pointer-events:none;}
.work-slide-caption {transition:opacity 220ms ease;}
@media(max-width:760px){
 .work-scroll{margin-top:48px;}
 .work-deck{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;}
 .work-slide{scroll-snap-align:center;scroll-snap-stop:always;}
}
@media(prefers-reduced-motion:reduce){.work-slide,.work-slide-caption{transition:none;}}

.work-cursor {position:fixed;left:0;top:0;z-index:70;width:80px;height:80px;margin:-40px 0 0 -40px;border-radius:50%;background:#E9C79E;display:grid;place-items:center;pointer-events:none;opacity:0;scale:.96;transition:opacity 240ms ease,scale 420ms cubic-bezier(.22,1,.36,1);will-change:transform;}
.work-cursor.is-visible {opacity:1;scale:var(--balloon-scale,1);transition:opacity 240ms ease;}
body .work-cursor {background:#201e1c;}
@supports ((backdrop-filter:blur(16px)) or (-webkit-backdrop-filter:blur(16px))) {
 body .work-cursor {background:rgb(32 30 28 / 80%);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);}
}
body .work-cursor img {filter:brightness(0) invert(1);}
body .work-cursor span {color:#fff;}
.work-cursor img {width:24px;height:24px;grid-area:1/1;transition:transform 360ms cubic-bezier(.22,1,.36,1),opacity 240ms ease;}
.work-cursor.is-left img {transform:rotate(180deg);}
.work-cursor span {grid-area:1/1;font:700 11px/1 sans-serif;letter-spacing:.08em;color:#201E1C;opacity:0;}
.work-cursor:is(.is-neutral,.is-pressed) img {opacity:1;}
.work-cursor:is(.is-neutral,.is-pressed) span {opacity:0;}
.work-cursor:not(.stories-cursor).is-neutral img {opacity:0;}
.work-cursor:not(.stories-cursor).is-neutral span {opacity:1;font:900 16px/1 Helixa,sans-serif;letter-spacing:1.28px;}
.work-cursor:not(.stories-cursor).is-neutral {width:96px;height:96px;margin:-48px 0 0 -48px;}
.work-cursor:not(.stories-cursor) {transition:opacity 240ms ease,scale 420ms cubic-bezier(.22,1,.36,1),width 360ms ease,height 360ms ease,margin 360ms ease;}
.work-cursor:not(.stories-cursor).is-visible {transition:opacity 240ms ease,width 360ms ease,height 360ms ease,margin 360ms ease;}
@media(hover:hover) and (pointer:fine){.work-deck.has-arrow-cursor,.work-deck.has-arrow-cursor *{cursor:none!important;}}
@media(prefers-reduced-motion:reduce){.work-cursor,.work-cursor img{transition:none;}}