.jewellery-carousel{background:#282722;height:clamp(460px,49vw,720px);touch-action:pan-y;cursor:grab}.jewellery-carousel:active{cursor:grabbing}.hero-track{display:flex;width:100%;height:100%;transition:transform .55s cubic-bezier(.22,.61,.36,1);will-change:transform}.hero-slide{flex:0 0 100%;min-width:0;height:100%}.jewellery-carousel .hero-slide img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:none;user-select:none}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:1px solid #ffffff70;border-radius:50%;color:#fff;background:#26251fa6;font-size:24px;cursor:pointer;transition:background .2s}.carousel-arrow:hover{background:#5a564a}.carousel-arrow.previous{left:25px}.carousel-arrow.next{right:25px}.carousel-pagination{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);display:flex;align-items:center;background:#282722bf;color:#d0cbbf;padding:2px 10px;font-size:12px}.carousel-pagination button{min-width:44px;min-height:44px;background:none;border:0;color:#c6c0b6;cursor:pointer;font-size:13px}.carousel-pagination button[aria-pressed=true]{color:#fff;text-decoration:underline;text-underline-offset:5px}.jewellery-carousel figcaption{pointer-events:none;text-shadow:0 1px 5px #000}.jewellery-carousel:focus-visible,.jewellery-carousel button:focus-visible{outline:2px solid #fff;outline-offset:-5px}.carousel-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:600px){.jewellery-carousel{height:auto;aspect-ratio:3/4}.carousel-arrow{width:44px;height:44px;font-size:21px}.carousel-arrow.previous{left:10px}.carousel-arrow.next{right:10px}.carousel-pagination{bottom:42px}.jewellery-carousel figcaption{font-size:8px;bottom:17px}}@media(prefers-reduced-motion:reduce){.hero-track{transition:none}}

.hero-film{background:#282722;height:clamp(380px,43vw,650px)}.hero-film video{display:block;width:100%;height:100%;object-fit:contain}.hero-film figcaption{top:24px;bottom:auto;pointer-events:none;text-shadow:0 1px 5px #000}.jewellery-carousel{height:auto;aspect-ratio:3/4}.jewellery-carousel .carousel-pagination{bottom:18px}.project:hover .jewellery-carousel img{transform:none}@media(max-width:600px){.hero-film{height:auto;aspect-ratio:4/5}.hero-film figcaption{top:18px}.jewellery-carousel{height:auto;aspect-ratio:3/4}}
.jewellery-carousel .hero-slide img{cursor:zoom-in}.lightbox-open{overflow:hidden}.image-lightbox{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:60px 75px;border:0;background:rgba(20,20,17,.96);color:#fff;overflow:hidden}.image-lightbox::backdrop{background:#141411ed}.image-lightbox[open]{display:flex;align-items:center;justify-content:center}.image-lightbox>img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.image-lightbox button{position:absolute;width:48px;height:48px;border:1px solid #ffffff70;border-radius:50%;background:#282722b3;color:#fff;font-size:26px;cursor:pointer}.image-lightbox button:hover{background:#605b50}.image-lightbox button:focus-visible{outline:2px solid white;outline-offset:4px}.lightbox-close{right:22px;top:16px}.lightbox-previous{left:16px;top:calc(50% - 24px)}.lightbox-next{right:16px;top:calc(50% - 24px)}.lightbox-count{position:absolute;bottom:17px;left:0;right:0;text-align:center;margin:0;font-size:14px;letter-spacing:3px;pointer-events:none}@media(max-width:600px){.image-lightbox{padding:70px 8px 85px}.image-lightbox .lightbox-previous,.image-lightbox .lightbox-next{top:auto;bottom:15px}.lightbox-count{bottom:31px}.lightbox-close{right:14px}}

.project-offset .jewellery-carousel{height:auto;aspect-ratio:3/4}

.project-film{margin-top:32px;background:#282722}.project-film video{display:block;width:100%;max-height:680px;object-fit:contain}
/* Keep intrinsic media dimensions from expanding the portfolio grid. */
.work-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}
.work-grid>.project{min-width:0}
.project-image.jewellery-carousel{width:100%;min-width:0;aspect-ratio:3/4}
.jewellery-carousel .hero-track{position:absolute;inset:0}
.project-film{min-width:0;max-width:100%;overflow:hidden}
.project-film video{max-width:100%;min-width:0}
@media(max-width:600px){.work-grid{grid-template-columns:minmax(0,1fr)}}

.hero-slide{position:relative}.photo-word{position:absolute;left:7%;bottom:9%;font-family:Arial,sans-serif;font-size:clamp(25px,3.3vw,50px);font-weight:400;color:white;line-height:1;text-shadow:0 1px 4px #0003;pointer-events:none}.jewellery-carousel .carousel-pagination{bottom:10px}.lightbox-photo{position:relative;max-width:100%;max-height:100%;flex-shrink:1}.lightbox-photo img{display:block;width:100%;height:100%;object-fit:contain}.lightbox-photo .photo-word{font-size:clamp(28px,5vw,65px)}