.interface-showcase{padding:clamp(16px,2vw,28px) 0 clamp(64px,8vw,112px)}.interface-showcase__stage{position:relative;height:clamp(480px,52vw,650px);overflow:hidden;background:hsl(var(--paper-2));isolation:isolate;cursor:pointer;container-type:size}.interface-showcase__stage:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:4px}.interface-showcase__composition{position:absolute;inset:0;pointer-events:none}.interface-showcase__composition--current{z-index:2}.interface-showcase__composition--outgoing{z-index:1}.interface-showcase__plane{position:absolute;inset:0;transform:var(--scene-plane);transform-style:flat}.interface-showcase__device{position:absolute;width:var(--unit-width);left:var(--unit-left);top:var(--unit-top);transform-style:flat;isolation:isolate;pointer-events:none;z-index:var(--unit-layer)}.interface-showcase__flight{transform-style:flat;--enter-x:calc(var(--enter-x-direction) * 180cqw);--enter-y:calc(var(--enter-y-direction) * var(--enter-y-distance))}.interface-showcase__composition--current .device-presentation__rig{pointer-events:auto}.interface-showcase__device:focus-visible{outline:none}.interface-showcase__device:focus-visible .device-presentation__rig{outline:2px solid hsl(var(--ring));outline-offset:6px;border-radius:8px}.interface-showcase__device .project-device-scene{width:100%}.interface-showcase--compact{padding:0;border:1px solid hsl(var(--border)/.6)}.interface-showcase--compact .interface-showcase__stage{height:auto;aspect-ratio:4/5}@media (prefers-reduced-motion:no-preference){.interface-showcase__stage[data-entered=true] .interface-showcase__composition--current .interface-showcase__flight{animation:interface-device-arrive 1.05s cubic-bezier(.16,1,.3,1) var(--entry-delay) both}.interface-showcase__stage[data-entered=true] .interface-showcase__composition--current .interface-showcase__float{animation:interface-device-drift 7s ease-in-out 1.05s infinite alternate both}.interface-showcase__stage[data-running=false] .interface-showcase__float,.interface-showcase__device:hover .interface-showcase__float,.interface-showcase__device:focus-within .interface-showcase__float{animation-play-state:paused}.interface-showcase__stage[data-entered=false] .interface-showcase__composition--current .interface-showcase__flight{visibility:hidden;transform:translate(var(--enter-x),var(--enter-y)) scale(.94)}.interface-showcase__composition--outgoing .interface-showcase__flight{animation:interface-device-leave .7s cubic-bezier(.55,0,.85,.35) both}@keyframes interface-device-arrive{0%{transform:translate(var(--enter-x),var(--enter-y)) scale(.94)}to{transform:translate(0) scale(1)}}@keyframes interface-device-drift{0%{transform:translate(0)}to{transform:translate(4px,var(--drift-y))}}@keyframes interface-device-leave{0%{transform:translate(0) scale(1)}to{transform:translate(var(--exit-x,-220cqw),var(--exit-y,-18cqh)) scale(.94)}}}@media (max-width:767px){.interface-showcase:not(.interface-showcase--compact){padding-bottom:48px}.interface-showcase__caption{min-height:2.8em}.interface-showcase__stage{height:clamp(340px,100vw,460px);--exit-x:-160cqw;--exit-y:-10cqh}.interface-showcase__plane{--scene-plane:var(--scene-mobile-plane);width:min(100%,440px);margin-inline:auto}.interface-showcase--compact .interface-showcase__plane{width:100%}.interface-showcase__flight{--enter-x:calc(var(--enter-x-direction) * 145cqw);--enter-y:calc(var(--enter-y-direction) * var(--enter-mobile-y-distance))}.interface-showcase__device{display:var(--unit-mobile-display);z-index:var(--unit-mobile-layer);width:var(--unit-mobile-width);left:var(--unit-mobile-left);top:var(--unit-mobile-top)}}.contribution-section__calendar{position:relative}.contribution-section__months,.contribution-section__grid{display:grid;grid-template-columns:repeat(var(--weeks),minmax(0,1fr));gap:3px}.contribution-section__months{margin-bottom:.75rem}.contribution-section__cell{display:block;width:100%;aspect-ratio:1;border:0;border-radius:0;padding:0;touch-action:manipulation}.contribution-section__cell,.contribution-section__swatch{background:hsl(var(--foreground) / var(--density))}.contribution-section [data-level="0"]{--density: .07}.contribution-section [data-level="1"]{--density: .23}.contribution-section [data-level="2"]{--density: .43}.contribution-section [data-level="3"]{--density: .68}.contribution-section [data-level="4"]{--density: .94}.contribution-section__cell:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px;z-index:1}.contribution-section__detail{position:absolute;right:0;bottom:calc(100% + .5rem);z-index:2;max-width:100%;display:flex;flex-direction:column;padding:.625rem .75rem;pointer-events:none}.contribution-section__legend{display:flex;justify-content:flex-end;align-items:center;gap:5px;margin-top:.875rem}.contribution-section__swatch{width:9px;height:9px}@media (max-width: 600px){.contribution-section__months,.contribution-section__grid{gap:2px}.contribution-section__months span:nth-child(2n){visibility:hidden}}