.work-hero{--focus-ring:var(--ivory);isolation:isolate;min-height:calc(100vh - var(--header-height));min-height:calc(100svh - var(--header-height));padding:clamp(20px, 3vh, 40px) var(--page-gutter) 0;background:var(--green-dark);color:var(--ivory);grid-template-rows:1fr auto;display:grid;position:relative;overflow:hidden}.work-backgrounds,.work-hero-shade{pointer-events:none;position:absolute;inset:0}.work-backgrounds{z-index:0;overflow:hidden}.work-background{object-fit:cover;object-position:var(--background-position,center);opacity:0;visibility:hidden;width:100%;height:100%;transition:opacity .45s,visibility 0s linear .45s;position:absolute;inset:0}.work-background.is-active{opacity:1;visibility:visible;transition-delay:0s}.work-hero-shade{z-index:1;background:linear-gradient(#0f1411a8 0%,#0f141166 45%,#0f141185 72%,#0f1411db 100%)}.work-stage{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:clamp(16px,2.5vh,28px);width:min(100%,1200px);min-width:0;margin-inline:auto;padding-block:clamp(16px,3vh,36px);display:flex;position:relative}.work-wheel{--wheel-step:clamp(52px, min(7.6vw, 10.5vh), 112px);--wheel-font-size:clamp(32px, min(6.2vw, 8.4vh), 98px);width:100%;height:calc(var(--wheel-step) * 5.2);perspective:1200px;perspective-origin:50%;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:auto;flex:none;position:relative}@supports (height:100svh){.work-wheel{--wheel-step:clamp(52px, min(7.6vw, 10.5svh), 112px);--wheel-font-size:clamp(32px, min(6.2vw, 8.4svh), 98px)}}.work-hero.is-wheel-ready .work-wheel{touch-action:pan-x pinch-zoom;cursor:grab}.work-hero.is-wheel-ready .work-wheel.is-dragging{cursor:grabbing}.work-wheel:focus-visible{outline:2px solid var(--ivory);outline-offset:8px;border-radius:8px}.work-wheel-item{--item-y:0px;--item-depth:0px;--item-rotate:0deg;--item-scale:1;--item-opacity:0;width:100%;height:var(--wheel-step);opacity:var(--item-opacity);transform:translate3d(0, calc(-50% + var(--item-y)), var(--item-depth)) rotateX(var(--item-rotate)) scale(var(--item-scale));transform-origin:50%;backface-visibility:hidden;pointer-events:none;will-change:transform, opacity;justify-content:center;align-items:center;padding-inline:6px;display:flex;position:absolute;top:50%;left:0}.work-wheel-item.is-visible{pointer-events:auto;cursor:pointer}.work-wheel-item[aria-selected=true]{--item-opacity:1}.work-wheel-title{font-family:var(--font-sans);font-size:var(--wheel-font-size);font-weight:var(--weight-black);letter-spacing:-.055em;text-align:center;text-transform:uppercase;white-space:nowrap;line-height:1.05;display:block}.work-wheel:focus-visible .work-wheel-item[aria-selected=true] .work-wheel-title{text-underline-offset:.12em;text-decoration:underline;text-decoration-thickness:2px}body.has-custom-cursor .work-wheel,body.has-custom-cursor .work-wheel-item{cursor:none}.work-see-more{--focus-ring:var(--ivory);z-index:3;flex:none;min-height:46px;padding:11px 20px;font-size:clamp(14px,1.2vw,19px);position:relative}.work-project-fallback{width:100%;padding-block:12px}.work-project-fallback ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.work-project-fallback a{width:fit-content;max-width:100%;min-height:44px;font-size:clamp(24px,4.5vw,64px);font-weight:var(--weight-black);letter-spacing:-.045em;text-align:center;text-transform:uppercase;text-underline-offset:.12em;overflow-wrap:break-word;margin-inline:auto;padding:6px 10px;line-height:1.1;display:block}.work-project-fallback a:hover,.work-project-fallback a:focus-visible{text-decoration:underline;text-decoration-thickness:2px}.work-rights{z-index:2;text-align:center;width:min(100%,820px);margin-inline:auto;padding-block:24px 20px;position:relative}.work-rights h2{font-size:14px;font-weight:var(--weight-bold);text-transform:uppercase;margin-bottom:5px;line-height:1.2}.work-rights p{font-size:11px;font-weight:var(--weight-medium);line-height:1.55}.work-rights p span{display:block}@media (width<=640px){.work-hero{padding-top:16px}.work-stage{gap:24px;padding-block:24px}.work-wheel{--wheel-step:clamp(44px, 11vw, 68px);--wheel-font-size:clamp(22px, 6.8vw, 43px);height:calc(var(--wheel-step) * 5.4);perspective:700px}.work-wheel-item{padding-inline:2px}.work-wheel-title{letter-spacing:-.055em}.work-see-more{min-height:44px;padding:11px 18px;font-size:14px}.work-rights{padding-block:20px 18px}.work-rights h2{font-size:13px}.work-rights p{font-size:10px;line-height:1.6}.work-project-fallback a{font-size:clamp(23px,6.4vw,38px)}}@media (orientation:landscape) and (height<=540px){.work-hero{min-height:460px;padding-top:12px}.work-stage{gap:14px;padding-block:14px}.work-wheel{--wheel-step:42px;--wheel-font-size:clamp(26px, 4.8vw, 42px);height:220px}.work-rights{padding-block:18px}}body.is-motion-paused .work-background{transition:none}@media (prefers-reduced-motion:reduce){.work-background{transition:none}.work-wheel-item{will-change:auto}}@media (forced-colors:active){.work-backgrounds,.work-hero-shade{display:none}.work-hero{--focus-ring:Highlight;color:canvastext;background:canvas}.work-wheel:focus-visible{outline-color:highlight}}
