main[data-current-view=highlights]{background:#fff;min-height:100svh}.work-reel{--accent:var(--color-highlight);--accent-soft:#fff0d7;--parallax-x:0;--parallax-y:0;min-height:100svh;color:var(--color-dark);background:#fff;position:relative;overflow:clip}.work-reel[data-project="1"]{--accent:#4da9e9;--accent-soft:#dff1fc}.work-reel__frame,.work-reel__slides,.work-reel__slide{position:absolute;inset:0}.work-reel__frame{opacity:0;outline:0;transition:opacity .8s,transform 1.2s cubic-bezier(.16,1,.3,1);overflow:clip;transform:scale(.985)}.work-reel.is-ready .work-reel__frame{opacity:1;transform:scale(1)}.work-reel__frame:focus-visible{box-shadow:inset 0 0 0 3px var(--accent)}.work-reel__slide{z-index:0;visibility:hidden;pointer-events:none;background:0 0;overflow:visible}.work-reel__slide.is-active,.work-reel__slide.is-entering,.work-reel__slide.is-leaving{visibility:visible}.work-reel__slide.is-active{z-index:2}.work-reel__slide.is-entering{z-index:3}.work-reel__slide.is-leaving{z-index:2}.work-reel__parallax{--parallax-travel:50;--parallax-duration:1.15s;--parallax-delay:0s;will-change:transform;transform:translateZ(0)}.work-reel__atmosphere{--parallax-travel:16;--parallax-duration:1.5s;--parallax-delay:0s;z-index:0;background:radial-gradient(circle at 52% 60%,#fff0 0 22%,#e2eef761 62%,#0000 75%),linear-gradient(#fff 0%,#fbfdff 65%,#f2f7fa 100%);position:absolute;inset:-7%;overflow:hidden}.work-reel__slide[data-project-slug=mds] .work-reel__atmosphere{background:radial-gradient(circle at 50% 58%,#fff0 0 24%,#d6ecfb6b 65%,#0000 78%),linear-gradient(#fff 0%,#fbfdff 62%,#edf7fd 100%)}.work-reel__orb,.work-reel__grid{pointer-events:none;display:block;position:absolute}.work-reel__orb{filter:blur(1px);border-radius:50%}.work-reel__orb--one{aspect-ratio:1;background:radial-gradient(circle at 35% 35%, #ffffffe6, var(--accent-soft) 45%, transparent 72%);opacity:.72;width:min(20vw,320px);top:22%;left:16%}.work-reel__orb--two{aspect-ratio:1;background:radial-gradient(circle,#d7e8f494,#0000 68%);width:min(27vw,460px);bottom:8%;right:12%}.work-reel__grid{opacity:.22;background-image:linear-gradient(#05041908 1px,#0000 1px),linear-gradient(90deg,#05041908 1px,#0000 1px);background-size:72px 72px;inset:0;mask-image:radial-gradient(circle at 50% 62%,#000,#0000 70%)}.work-reel__project-heading{--parallax-travel:120;--parallax-duration:1.55s;--parallax-delay:0s;z-index:3;text-align:center;position:absolute;top:13%;left:12%;right:12%}.work-reel__eyebrow{letter-spacing:.14em;text-transform:uppercase;opacity:0;justify-content:center;gap:10px;margin:0 0 12px;font-size:10px;font-weight:600;line-height:1.2;display:flex;transform:translateY(16px)}.work-reel__eyebrow span:first-child{color:var(--accent)}.work-reel__title{color:var(--color-dark);letter-spacing:-.065em;text-wrap:balance;opacity:0;transform-origin:bottom;margin:0;font-size:clamp(42px,4.8vw,80px);font-weight:400;line-height:.84;transform:translateY(68px)scaleY(1.06)}.work-reel__slide.is-active .work-reel__eyebrow,.work-reel__slide.is-entering .work-reel__eyebrow,.work-reel__slide.is-leaving .work-reel__eyebrow,.work-reel__slide.is-revealed .work-reel__eyebrow{animation:reel-copy-in .7s var(--ease-default) .3s forwards}.work-reel__slide.is-entering .work-reel__eyebrow,.work-reel__slide.is-leaving .work-reel__eyebrow,.work-reel__slide.is-revealed .work-reel__eyebrow{opacity:1;animation:none;transform:none}.work-reel__slide.is-active .work-reel__title,.work-reel__slide.is-entering .work-reel__title,.work-reel__slide.is-leaving .work-reel__title,.work-reel__slide.is-revealed .work-reel__title{animation:1s cubic-bezier(.16,1,.3,1) .15s forwards reel-title-in}.work-reel__slide.is-entering .work-reel__title,.work-reel__slide.is-leaving .work-reel__title,.work-reel__slide.is-revealed .work-reel__title{opacity:1;animation:none;transform:none}.work-reel__product-layer{--parallax-travel:155;--parallax-duration:1.35s;--parallax-delay:0s;z-index:5;perspective:1200px;place-items:center;width:auto;height:min(34vh,340px);display:grid;position:absolute;inset:32% 28% auto}.work-reel__slide[data-project-slug=mds] .work-reel__product-layer{left:30%;right:30%}.work-reel__product{z-index:1;object-fit:contain;filter:drop-shadow(0 28px 32px #10243a29);opacity:0;width:100%;height:100%;transform:perspective(1200px) translateY(70px) scale(.92) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));will-change:transform;transition:transform .22s cubic-bezier(.2,.7,.2,1);position:relative}.work-reel__slide.is-active .work-reel__product,.work-reel__slide.is-entering .work-reel__product,.work-reel__slide.is-leaving .work-reel__product,.work-reel__slide.is-revealed .work-reel__product{animation:1.3s cubic-bezier(.16,1,.3,1) .2s forwards reel-product-in}.work-reel__slide.is-entering .work-reel__product,.work-reel__slide.is-leaving .work-reel__product,.work-reel__slide.is-revealed .work-reel__product{opacity:1;transform:perspective(1200px) translateY(0) scale(1) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));animation:none}.work-reel__product-shadow{filter:blur(22px);opacity:0;background:#0f294129;border-radius:50%;height:8%;position:absolute;bottom:6%;left:17%;right:17%}.work-reel__slide.is-active .work-reel__product-shadow,.work-reel__slide.is-entering .work-reel__product-shadow,.work-reel__slide.is-leaving .work-reel__product-shadow,.work-reel__slide.is-revealed .work-reel__product-shadow{animation:1.1s .65s forwards reel-shadow-in}.work-reel__slide.is-entering .work-reel__product-shadow,.work-reel__slide.is-leaving .work-reel__product-shadow,.work-reel__slide.is-revealed .work-reel__product-shadow{opacity:1;animation:none}.work-reel__feature{--parallax-travel:125;--parallax-duration:1.35s;--parallax-delay:0s;z-index:4;min-width:132px;color:var(--color-dark);backdrop-filter:blur(12px);letter-spacing:.08em;text-transform:uppercase;opacity:0;background:#ffffffc2;border:1px solid #05041914;border-radius:999px;align-items:center;gap:10px;padding:13px 16px;font-size:10px;font-weight:500;display:flex;position:absolute;box-shadow:0 14px 32px #14324b14}.work-reel__feature--left{--parallax-travel:140;--parallax-duration:1.28s;top:40%;left:5%}.work-reel__feature--right{--parallax-travel:118;--parallax-duration:1.42s;top:44%;right:5%}.work-reel__feature-icon,.work-reel__feature>span:first-child{width:30px;height:30px;color:var(--color-dark);background:var(--accent-soft);border-radius:50%;flex:none;place-items:center;font-size:9px;font-weight:700;display:grid}.work-reel__slide.is-active .work-reel__feature,.work-reel__slide.is-entering .work-reel__feature,.work-reel__slide.is-leaving .work-reel__feature,.work-reel__slide.is-revealed .work-reel__feature{animation:reel-feature-in .8s var(--ease-default) .75s forwards}.work-reel__slide.is-entering .work-reel__feature,.work-reel__slide.is-leaving .work-reel__feature,.work-reel__slide.is-revealed .work-reel__feature{opacity:1;animation:none;transform:none}.work-reel__description-wrap{--parallax-travel:110;--parallax-duration:1.48s;--parallax-delay:0s;z-index:8;width:min(35vw,490px);position:absolute;bottom:22px;left:32px;overflow:hidden}.work-reel__description{color:var(--color-text-muted);opacity:0;margin:0;font-size:clamp(12px,1vw,16px);line-height:1.36;transform:translateY(28px)}.work-reel__slide.is-active .work-reel__description,.work-reel__slide.is-entering .work-reel__description,.work-reel__slide.is-leaving .work-reel__description,.work-reel__slide.is-revealed .work-reel__description{animation:reel-copy-in .8s var(--ease-default) .72s forwards}.work-reel__slide.is-entering .work-reel__description,.work-reel__slide.is-leaving .work-reel__description,.work-reel__slide.is-revealed .work-reel__description{opacity:1;animation:none;transform:none}.work-reel__project-tab{letter-spacing:.14em;text-transform:uppercase;font-size:10px;line-height:1.2}.work-reel__project-tabs{gap:24px;display:flex}.work-reel__project-tab{color:var(--color-dark);opacity:.38;cursor:pointer;background:0 0;border:0;gap:7px;padding:0 0 8px;font-family:inherit;transition:opacity .35s;display:flex;position:relative}.work-reel__project-tab:after{content:"";background:var(--accent);height:1px;transition:right .5s var(--ease-default);position:absolute;bottom:0;left:0;right:100%}.work-reel__project-tab.is-active{opacity:1}.work-reel__project-tab.is-active:after{right:0}.work-reel__journey{z-index:9;height:21%;color:var(--accent);transition:color .45s;position:absolute;bottom:11%;left:0;right:0}.work-reel__journey svg{width:100%;height:100%;overflow:visible}.work-reel__journey-shadow,.work-reel__journey-progress{fill:none}.work-reel__journey-shadow{stroke:#0504191f;stroke-width:4px}.work-reel__journey-progress{stroke:currentColor;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.work-reel__journey-node{width:auto;height:auto;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;position:absolute;transform:translate(-50%,-50%)}.work-reel__journey-node--one{top:43%;left:24%}.work-reel__journey-node--two{top:38%;left:76%}.work-reel__journey-dot{width:18px;height:18px;color:var(--color-dark);transition:width .5s var(--ease-default), height .5s var(--ease-default), transform .4s var(--ease-default), background-color .4s ease;background:#fff;border:4px solid;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 0 5px #ffffffc7}.work-reel__journey-dot>span{transition:font-size .4s var(--ease-default);font-size:0;font-weight:600}.work-reel__journey-node.is-active .work-reel__journey-dot{border-color:var(--accent);background:var(--accent);width:54px;height:54px}.work-reel__journey-node.is-active .work-reel__journey-dot>span{font-size:11px}.work-reel__journey-node:focus-visible{outline:0}.work-reel__journey-label{width:max-content;max-width:150px;color:var(--color-dark);backdrop-filter:blur(8px);text-align:left;opacity:.52;background:#ffffffd6;border:1px solid #05041912;border-radius:8px;flex-direction:column;gap:2px;padding:6px 8px;transition:opacity .35s;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 8px 20px #14324b12}.work-reel__journey-label small{letter-spacing:.14em;font-size:8px}.work-reel__journey-label strong{letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:150px;font-size:10px;font-weight:500;line-height:1.2;overflow:hidden}.work-reel__journey-node.is-active .work-reel__journey-label{opacity:1}.work-reel__bottom-controls{z-index:14;align-items:center;gap:10px;display:flex;position:absolute;bottom:18px;right:24px}.work-reel__arrow{width:40px;height:40px;color:var(--color-dark);backdrop-filter:blur(10px);cursor:pointer;transition:transform .3s var(--ease-default), color .3s ease, background-color .3s ease;background:#ffffffd1;border:1px solid #0504191f;border-radius:50%;place-items:center;padding:0;display:grid}.work-reel__arrow--next{border-color:var(--accent);background:var(--accent)}.work-reel__counter{min-width:76px;color:var(--color-dark);font-variant-numeric:tabular-nums;align-items:center;gap:7px;font-size:10px;display:flex}.work-reel__counter-line{opacity:.24;background:currentColor;flex:1;height:1px}.work-reel__hint{display:none}.work-reel__slide.is-entering .work-reel__project-heading,.work-reel__slide.is-entering .work-reel__product-layer{animation:reel-parallax-in var(--parallax-duration) cubic-bezier(.22, 1, .36, 1) var(--parallax-delay) both}.work-reel__slide.is-leaving .work-reel__project-heading,.work-reel__slide.is-leaving .work-reel__product-layer{animation:reel-parallax-out var(--parallax-duration) cubic-bezier(.22, 1, .36, 1) var(--parallax-delay) both}.work-reel__slide.is-leaving .work-reel__atmosphere,.work-reel__slide.is-leaving .work-reel__feature,.work-reel__slide.is-leaving .work-reel__description-wrap{opacity:0;visibility:hidden;animation:none}.work-reel[data-direction=previous] .work-reel__slide.is-entering .work-reel__project-heading,.work-reel[data-direction=previous] .work-reel__slide.is-entering .work-reel__product-layer{animation-name:reel-parallax-in-reverse}.work-reel[data-direction=previous] .work-reel__slide.is-leaving .work-reel__project-heading,.work-reel[data-direction=previous] .work-reel__slide.is-leaving .work-reel__product-layer{animation-name:reel-parallax-out-reverse}@keyframes reel-title-in{to{opacity:1;transform:translateY(0)scaleY(1)}}@keyframes reel-copy-in{to{opacity:1;transform:translateY(0)}}@keyframes reel-product-in{to{opacity:1;transform:perspective(1200px) translateY(0) scale(1) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}}@keyframes reel-shadow-in{to{opacity:1}}@keyframes reel-feature-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes reel-fade-in{0%{opacity:0}to{opacity:1}}@keyframes reel-fade-out{to{opacity:0}}@keyframes reel-parallax-in{0%{transform:translate3d(calc(var(--parallax-travel,50) * 1%), 0, 0)}to{transform:translate(0,0)}}@keyframes reel-parallax-out{0%{transform:translate(0,0)}to{transform:translate3d(calc(var(--parallax-travel,50) * -1%), 0, 0)}}@keyframes reel-parallax-in-reverse{0%{transform:translate3d(calc(var(--parallax-travel,50) * -1%), 0, 0)}to{transform:translate(0,0)}}@keyframes reel-parallax-out-reverse{0%{transform:translate(0,0)}to{transform:translate3d(calc(var(--parallax-travel,50) * 1%), 0, 0)}}@media (width<=1050px){.work-reel__project-heading{top:15%;left:8%;right:8%}.work-reel__title{font-size:clamp(40px,6vw,64px)}.work-reel__product-layer{width:auto;height:min(32vh,300px);margin-left:0;top:33%;left:24%;right:24%}.work-reel__slide[data-project-slug=mds] .work-reel__product-layer{width:auto;margin-left:0;left:26%;right:26%}.work-reel__feature{display:none}.work-reel__journey{bottom:10%;left:0;right:0}}@media (width<=820px){.work-reel__project-tabs{gap:14px}.work-reel__project-tab span:last-child{display:none}.work-reel__project-heading{top:12%;left:5%;right:5%}.work-reel__eyebrow{margin-bottom:10px;font-size:11px}.work-reel__title{font-size:clamp(36px,10vw,50px);line-height:.92}.work-reel__product-layer{width:auto;height:30vh;margin-left:0;inset:28% 8% auto}.work-reel__slide[data-project-slug=mds] .work-reel__product-layer{width:auto;margin-left:0;left:10%;right:10%}.work-reel__description-wrap{width:calc(100% - 36px);bottom:70px;left:18px}.work-reel__description{-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:15px;line-height:1.45;display:-webkit-box;overflow:hidden}.work-reel__journey{height:18%;bottom:18%;left:0;right:0}.work-reel__journey-label{max-width:148px;padding:7px 9px}.work-reel__journey-label small{font-size:10px}.work-reel__journey-label strong{max-width:148px;font-size:11px}.work-reel__journey-node.is-active .work-reel__journey-dot>span{font-size:13px}.work-reel__bottom-controls,.work-reel__counter{display:none}.work-reel__grid{background-size:42px 42px}}@media (prefers-reduced-motion:reduce){.work-reel__parallax{transition:none;animation:none!important;transform:none!important}.work-reel__slide.is-entering .work-reel__atmosphere,.work-reel__slide.is-leaving .work-reel__atmosphere{opacity:1;animation:none!important}.work-reel__slide.is-active .work-reel__eyebrow,.work-reel__slide.is-entering .work-reel__eyebrow,.work-reel__slide.is-active .work-reel__title,.work-reel__slide.is-entering .work-reel__title,.work-reel__slide.is-active .work-reel__product,.work-reel__slide.is-entering .work-reel__product,.work-reel__slide.is-active .work-reel__product-shadow,.work-reel__slide.is-entering .work-reel__product-shadow,.work-reel__slide.is-active .work-reel__feature,.work-reel__slide.is-entering .work-reel__feature,.work-reel__slide.is-active .work-reel__description,.work-reel__slide.is-entering .work-reel__description,.work-reel.is-playing .work-reel__journey-progress{transition:none!important}.work-reel__eyebrow,.work-reel__title,.work-reel__product,.work-reel__product-shadow,.work-reel__feature,.work-reel__description{opacity:1;transform:none}}