.workRail{height:130svh;min-height:700px;color:var(--paper,#f0f5f7);background:0 0;position:relative;overflow:hidden}.workRailHeading{z-index:2;pointer-events:none;width:100%;position:absolute;top:0;left:0;overflow:hidden}.workRailSectionLabel{margin:24px 56px 8px}.workRailTitle{letter-spacing:-.035em;margin:0;font-size:120px;font-weight:500;line-height:1.1}.workRailAccessibleTitle{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.workRailBanner{opacity:0;text-transform:uppercase;clip-path:inset(100% 0 0);width:max-content;transition:opacity 1.2s var(--studio-ease-power2), transform 1.2s var(--studio-ease-power2), clip-path 1.2s var(--studio-ease-power2);display:flex;transform:translateY(50px)}.workRailEntered .workRailBanner{opacity:1;clip-path:inset(0);transform:translateY(0)}.workRailBannerTrack,.workRailBannerGroup{width:max-content;display:flex}.workRailBannerGroup{flex-shrink:0}.workRailBannerGroup:last-child{display:none}.workRailBannerCopy{white-space:nowrap;flex-shrink:0;align-items:center;gap:60px;padding-right:60px;display:inline-flex}.workRailBannerCross{color:var(--cyan,#00bfff)}.workRailGestureHint{z-index:2;opacity:.65;text-align:right;pointer-events:none;width:calc(30% - 50px);color:var(--cyan,#00bfff);position:absolute;top:180px;left:0}.workRailGestureHint span{font:21px/1.4 Segoe Print,Bradley Hand,cursive;display:inline-block;transform:rotate(-4deg)}.workRailGestureHint svg{opacity:.55;position:absolute;top:35px;right:-15px;transform:rotate(-5deg)}.workRailLabeled .workRailGestureHint{top:225px}.workRailGallery{align-items:center;height:100%;display:flex;position:absolute;inset:0}.workRailFeatured .workRailGallery{transform-origin:50%;transform:perspective(1000px)rotate3d(-7,-2,5,-20deg)scale(.9)}.workRailTrack{cursor:grab;scrollbar-width:none;scroll-behavior:auto;overscroll-behavior-x:contain;flex-shrink:0;gap:30px;width:100%;height:calc(70svh + 300px);margin:0;padding:150px 24px;list-style:none;display:flex;position:relative;overflow:auto hidden}.workRailTrack::-webkit-scrollbar{display:none}.workRailTrack.workRailDragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.workRailTrack.workRailDragging a,.workRailTrack.workRailDragging button{cursor:grabbing}.workRailItem{flex:none;width:140svh;height:70svh;position:relative}.workRailCard{transform-origin:50%;width:100%;height:100%;position:relative;transform:scale(0)rotate(10deg)}.workRailItemNearby .workRailCard{transition:transform 1.5s cubic-bezier(.4,0,.2,1)}.workRailProject{width:100%;height:100%;font:inherit;color:inherit;cursor:pointer;appearance:none;text-align:left;background:0 0;border:0;padding:0;text-decoration:none;display:block;position:relative}.workRailCaseStudy{z-index:3;min-height:44px;color:var(--paper);font:11px/1.5 var(--mono);background:#07121de0;border:1px solid #00bfff4d;align-items:center;gap:8px;padding:10px 14px;transition:color .2s,border-color .2s,background-color .2s;display:flex;position:absolute;top:14px;left:14px}.workRailCaseStudy>.studioIcon{width:16px;height:16px;color:var(--cyan)}.workRailCaseStudy:hover,.workRailCaseStudy:focus-visible{color:var(--cyan);border-color:var(--cyan);background:var(--ink)}.workRailCardsEntered .workRailCard{transform:none}.workRailBlueprintVertical{pointer-events:none;border-inline:1px dashed #cfe8f766;position:absolute;inset:-150px -2px -250px;-webkit-mask-image:linear-gradient(#0000,#000 20% 75%,#0000);mask-image:linear-gradient(#0000,#000 20% 75%,#0000)}.workRailBlueprintHorizontal{pointer-events:none;border-block:1px dashed #cfe8f766;position:absolute;inset:-2px -80px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 75%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20% 75%,#0000)}.workRailNumber{opacity:.55;font:12px/1 var(--mono,monospace);position:absolute;top:-25px;right:10px}.workRailImageFrame{background:#111115;width:100%;height:100%;position:relative;overflow:hidden}.workRailMeta{--work-rail-meta-opacity:0;z-index:2;align-items:flex-end;gap:20px;min-height:140px;padding:65px 40px 26px;display:flex;position:absolute;inset:auto 0 0}.workRailCard:hover .workRailMeta,.workRailCard:focus-within .workRailMeta{--work-rail-meta-opacity:1}.workRailMeta>:not(.workRailYear){opacity:var(--work-rail-meta-opacity);transition:opacity .3s}.workRailMeta:before{content:"";z-index:-1;pointer-events:none;opacity:var(--work-rail-meta-opacity);background:linear-gradient(#0000,#00000014 25%,#0000004d 65%,#00000080);transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#00000059 25%,#000 65%);mask-image:linear-gradient(#0000,#00000059 25%,#000 65%)}.workRailCard:hover .workRailMeta:before,.workRailCard:focus-within .workRailMeta:before{backdrop-filter:blur(18px)}.workRailProjectTitle{letter-spacing:-.03em;margin:0;font-size:24px;font-weight:500}.workRailCategory{opacity:.75;margin:6px 0 0;font-size:12px}.workRailYear{opacity:calc(var(--work-rail-meta-opacity) * .75);margin-left:auto;font-size:12px;transition:opacity .3s}.workRailProjectArrow{display:inline-flex}.workRailProjectArrow svg{transform:rotate(-45deg)}.workRailControls{z-index:4;align-items:center;gap:10px;display:flex;position:absolute;bottom:36px;right:56px}.workRailArrow{width:var(--studio-round-control-size,42px);height:var(--studio-round-control-size,42px);color:inherit;border:1px solid var(--border,#cfe8f729);backdrop-filter:blur(18px);background:#07121d4d;border-radius:50%;place-items:center;padding:0;transition:color .2s,background .2s,border-color .2s;display:grid}.workRailArrow:hover,.workRailArrow:focus-visible{--studio-arrow-color:var(--navy);color:var(--ink,#07121d);border-color:var(--cyan,#00bfff);background:#00bfffb3}.workRailMore{z-index:4;position:absolute;bottom:46px;left:56px}.workRailAllWork{color:inherit;align-items:center;gap:12px;font-size:12px;text-decoration:none;display:inline-flex}.workRailAllWork svg{width:17px;height:17px}@media (width>=1281px){.workRailFeatured{width:100vw;height:calc(70svh + 20vw + 140px);min-height:600px;margin-inline:calc(50% - 50vw)}.workRailFeatured .workRailGallery{height:calc(100% - 100px);inset:0 -30vw auto}}@media (width<=1280px){.workRail{height:100svh;min-height:660px}.workRailTitle{font-size:clamp(54px,8vw,96px)}.workRailBannerCopy{gap:30px;padding-right:30px}.workRailFeatured .workRailGallery{transform:none}.workRailGestureHint{text-align:left;width:auto;top:125px;left:30px}.workRailGestureHint span{font-size:17px}.workRailGestureHint svg{width:110px;right:0}.workRailLabeled .workRailGestureHint{top:170px}.workRailTrack{height:calc(70svh + 100px);padding:50px 24px}.workRailItem{width:140svh;height:70svh}}@media (width<=1200px){.workRailTrack{height:calc(60svh + 100px)}.workRailItem{width:48svh;height:60svh}}@media (width<=700px){.workRail{--work-rail-title-size:clamp(64px, 16vw, 96px);height:auto;min-height:0;padding:calc(120px + var(--work-rail-title-size) * 1.1) 0 100px}.workRailTitle{font-size:var(--work-rail-title-size)}.workRailSectionLabel{margin-inline:24px}.workRailBannerGroup:last-child{display:flex}.workRailBannerCopy{gap:24px;padding-right:24px}.workRailBannerCopy:nth-child(n+3){display:none}.workRailEntered .workRailBannerTrack{animation:32s linear infinite studioWorkTitleMarquee}.workRail:not(.workRailVisible) .workRailBannerTrack{animation-play-state:paused}.workRailGestureHint{top:calc(23px + var(--work-rail-title-size) * 1.1);left:22px}.workRailLabeled .workRailGestureHint{top:calc(68px + var(--work-rail-title-size) * 1.1)}.workRailGallery{height:auto;position:relative}.workRailTrack{scroll-snap-type:x proximity;gap:20px;height:auto;padding:30px 20px}.workRailItem{aspect-ratio:16/9;scroll-snap-align:center;width:85vw;height:auto}.workRailDragging,.workRailAutoplay{scroll-snap-type:none}.workRailMeta{--work-rail-meta-opacity:1;min-height:100px;padding:50px 20px 20px}.workRailMeta:before{backdrop-filter:blur(18px)}.workRailProjectTitle{font-size:21px}.workRailYear{display:none}.workRailControls{bottom:32px;right:20px}.workRailMore{bottom:46px;left:20px}}.workRailItem:not(.workRailItemNearby) .projectLinkAction,.workRailItem:not(.workRailItemNearby) .workRailMeta:before{backdrop-filter:none}.workRail[data-preview-open=true] .workRailBannerTrack{animation-play-state:paused}@keyframes studioWorkTitleMarquee{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.workRailBanner{opacity:1;clip-path:none;transition:none;transform:none}.workRailBannerTrack,.workRailEntered .workRailBannerTrack{animation:none;transform:none}.workRailCard,.workRailCardsEntered .workRailCard{transition:none;transform:none}.workRailMeta:before,.workRailMeta>*,.workRailArrow,.workRailCaseStudy{transition:none}}@media (width<=700px) and (prefers-reduced-motion:reduce){.workRail{--work-rail-title-size:clamp(24px, 8vw, 54px)}.workRailTitle{padding-inline:24px}.workRailBannerGroup:last-child,.workRailBannerCross,.workRailBannerCopy:not(:first-child){display:none}}