._marquee_1vw5e_1{view-transition-name:skill-marquee;container-type:inline-size;border-radius:var(--border-radius-md);container-name:marquee;transform-style:preserve-3d;width:100%;margin-inline:auto;max-width:720px;height:fit-content;align-self:center;&:has(a:focus-visible){outline:2px dashed var(--system-dark-100)}}._scene_1vw5e_17{--height: calc((var(--grid-row-count) - 3) * 54px);--mask-width: 3rem;--inset: -.5;--outset: 3.5;--speed: 9s;--items-in-row: 3;--grid-row-count: round( up, calc(var(--number-of-items) / var(--items-in-row)) );@media (min-width: 640px){&:hover ._skill_1vw5e_30{animation-play-state:paused}}&:focus-within ._skill_1vw5e_30{animation-play-state:paused}&:has(a:focus-visible){--inset: -2;mask:unset}height:var(--height);content-visibility:auto;contain-intrinsic-size:auto 100% auto var(--height);scroll-behavior:smooth;overflow:hidden;width:100%;mask:linear-gradient(transparent,white var(--mask-width) calc(100% - var(--mask-width)),transparent),linear-gradient(90deg,transparent,white var(--mask-width) calc(100% - var(--mask-width)),transparent);mask-composite:intersect;@media (hover) and (prefers-reduced-motion: no-preference){&:hover ._skill_1vw5e_30:not(:hover)>a:not([data-active=true]),&:has(:focus-within) a:not(:focus-visible):not([data-active=true]){._outline_1vw5e_63{background-color:light-dark(var(--system-light-300),var(--system-light-400));--gradient-tone-1: var(--gradient-tone-3);--gradient-tone-2: var(--gradient-tone-4)}._skillImage_1vw5e_71{opacity:.5}}}}._skillsGrid_1vw5e_78{display:grid;transform-style:preserve-3d;height:100%;width:fit-content;margin-block:0;margin-inline:auto;list-style-type:none;position:relative;padding-left:1rem;grid-template-columns:repeat(var(--items-in-row),1fr);column-gap:1rem;transform:rotateX(48deg) rotate(-6deg) skew(6deg);transition:transform .4s ease-in-out;margin-block:calc((var(--items-in-row) - 1.5) * 1rem);&:has(a:focus-visible){transform:unset;margin-block:calc() unset;transform:translateY(calc(var(--outset, 0) * 96px));height:calc((var(--grid-row-count)) * 96px);justify-items:flex-end}}._skill_1vw5e_30{transform-style:preserve-3d;position:relative;z-index:calc(1 + var(--active));--transition: .15s;--row-index: round(down, calc(var(--index) / var(--items-in-row)));--duration: calc(var(--speed) * 2);--delay: calc( (var(--duration) / var(--grid-row-count)) * (var(--row-index, 0) - calc(var(--grid-row-count))) );@media (prefers-reduced-motion: no-preference){animation:_slide_1vw5e_1 var(--duration) calc(var(--delay) + .6s) linear infinite;translate:0% calc(((var(--grid-row-count) - var(--row-index)) + var(--inset, 0)) * 100%)}&:before{content:"";position:absolute;inset:4px 4px -2px -2px;border-radius:40%;background:var(--system-shadow-1);filter:blur(calc(var(--active, .15) * 3px));z-index:-1;transition:scale var(--transition),opacity var(--transition),translate var(--transition),filter var(--transition);transform-origin:50% 0;scale:1 calc(1 + (var(--active, 0) * .05));box-shadow:var(--stacks-6-shadow)}&[data-placeholder]:before{background:var(--system-shadow-5);z-index:-2}&:hover:not([data-placeholder]),&:focus-within:not([data-placeholder]),&:has(a[data-active]){--active: 1}& a{display:block;transition:transform var(--transition) cubic-bezier(0,0,0,1),scale var(--transition) cubic-bezier(0,0,0,1);scale:calc(1 + (var(--active, 0) * .1));transform:translateZ(calc(var(--active, 0) * 8px));&:focus-visible{border-radius:30%;outline-offset:var(--outline-offset)}}a[data-active]{pointer-events:none}.squircle{clip-path:url(#squircle);display:block;&._outline_1vw5e_63{transition:background-color 0ms .2s ease-in-out;--gradient-tone-1: light-dark( var(--system-light-100), var(--system-dark-100) );--gradient-tone-2: light-dark( var(--system-light-100), var(--system-light-500) );--gradient-tone-3: light-dark( var(--system-light-300), var(--system-light-400) );--gradient-tone-4: light-dark( var(--system-light-400), var(--system-light-300) );background-image:radial-gradient(ellipse at 70% 10%,color-mix(in hsl,var(--gradient-tone-1),transparent 40%) 0%,color-mix(in hsl,var(--gradient-tone-2),transparent 50%) 60%,transparent 100%),linear-gradient(to bottom,transparent 0%,color-mix(in hsl,var(--gradient-tone-3),transparent 80%) 25%,color-mix(in hsl,var(--gradient-tone-4),transparent 60%) 85%);background-color:var(--gradient-tone-3);line-height:0}}._skillImage_1vw5e_71{transition:opacity .2s 0ms ease-in-out;width:80px;height:80px}}@container marquee (width >= 400px){._scene_1vw5e_17{--items-in-row: 4;--speed: 8s;--height: calc((var(--grid-row-count) - 1) * 54px)}}@container marquee (width >= 500px){._scene_1vw5e_17{--items-in-row: 5;--speed: 7s;--height: 454px}}@container marquee (width >= 640px){._scene_1vw5e_17{--items-in-row: 6;--speed: 5s}._skillsGrid_1vw5e_78:focus-within{padding-left:0}._skill_1vw5e_30 ._skillImage_1vw5e_71{width:96px;height:96px}}@keyframes _slide_1vw5e_1{to{translate:0% calc((var(--row-index) + var(--outset, 0)) * -100%)}}@keyframes _fadeOut_1vw5e_1{0%{opacity:1}to{opacity:0}}@keyframes _fadeIn_1vw5e_1{0%{opacity:.01}to{opacity:1}}::view-transition-old(skill-marquee){animation:.3s _fadeOut_1vw5e_1 ease-in-out both}::view-transition-new(skill-marquee){animation:.3s _fadeIn_1vw5e_1 .3s ease-in-out both}@keyframes _spreadCards_dlq3k_1{0%{grid-template-columns:repeat(calc(var(--img-count) - 1),20px) 1fr}to{grid-template-columns:repeat(calc(var(--img-count) - 1),20cqi) 1fr}}._backdrop_dlq3k_16{view-transition-name:lightbox-backdrop;position:fixed;border-radius:0;display:block;width:100vw;height:100vh;inset:0;z-index:1000;background:light-dark(var(--system-light-300-55),var(--system-dark-200-16));backdrop-filter:saturate(180%) brightness(60%) blur(6px);transition:backdrop-filter .3s ease-in-out .1s;&:hover{backdrop-filter:saturate(150%) brightness(60%) blur(3px)}}::view-transition-group(lightbox-backdrop){z-index:3}._dialog_dlq3k_37{view-transition-name:lightbox;position:fixed;pointer-events:none;container-name:lightbox;container-type:inline-size;margin:2rem auto;max-width:min(calc(880px + 2rem),100vw);padding:0;display:flex;flex-direction:column;width:auto;height:calc(100vb - 4rem);z-index:1000;top:env(safe-area-inset-top,20px);right:env(safe-area-inset-right,20px);left:env(safe-area-inset-left,20px);bottom:env(safe-area-inset-bottom,20px);background-color:unset;border-style:none}::view-transition-group(lightbox){z-index:4}html:active-view-transition-type(keep-in-place){&::view-transition-group(lightbox-backdrop),&::view-transition-new(lightbox-backdrop),&::view-transition-old(lightbox-backdrop){animation:none!important;animation-duration:0s!important;mix-blend-mode:normal;animation-fill-mode:both!important}&::view-transition-new(lightbox-backdrop){opacity:0!important}&::view-transition-old(thumbnail-grid-container){animation:_fadeOut_1vw5e_1 .25s ease-in both}&::view-transition-new(thumbnail-grid-container){animation:_fadeIn_1vw5e_1 .25s .2s ease-out both}}html:active-view-transition-type(fade){&::view-transition-new(lightbox-backdrop){animation:_fadeIn_1vw5e_1 .4s .1s ease-out both}}._header_dlq3k_92{display:flex;justify-content:flex-end}._content_dlq3k_97{view-transition-name:lightbox-content;position:relative;display:flex;align-items:center;margin-inline:1rem;height:70cqb;min-height:0;& figure{--p-top: 8px;--p-bottom: 60px;--p-inline: 8px;display:grid;transform-style:preserve-3d;padding:var(--p-top) var(--p-inline) var(--p-bottom);pointer-events:all;margin-inline:auto;position:relative;box-shadow:var(--stacks-6-shadow);background-color:light-dark(var(--system-light-200),var(--system-dark-400));border-radius:var(--border-radius-md);&[data-landscape]{._placeholder_dlq3k_124,picture{--frame-width: 320px;height:unset;width:min(calc(var(--frame-width)),var(--width),100vw - 2 * var(--p-inline) - 2rem);@media (min-width: 561px){--frame-width: 480px}@media (min-width: 821px){--frame-width: 640px}}}& figcaption{position:absolute;bottom:20px;left:8px;right:8px;height:32px;overflow:hidden;font-size:var(--font-size-2);font-style:italic;color:light-dark(var(--system-dark-300),var(--system-light-300));text-wrap:pretty;word-wrap:break-word;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2}}& picture,img{border-radius:var(--border-radius-sm)}& picture{grid-column:1;grid-row:1}._placeholder_dlq3k_124{grid-column:1;grid-row:1;border-radius:var(--border-radius-md);z-index:-1;position:relative}._placeholder_dlq3k_124,picture{height:min(calc(70cqb - var(--p-top) - var(--p-bottom)),var(--height),calc((100vw - (2 * var(--p-inline) + 2rem)) / (var(--aspect-ratio))))}}._closeLink_dlq3k_187{view-transition-name:close-link;display:block;pointer-events:all;border-radius:50%;border:none;height:fit-content;z-index:1;line-height:0;margin:4px 12px;padding:6px;box-shadow:var(--verdigris-100-op) 0 0 0 5px,var(--stacks-6-Shadow);transition:transform .4s ease,background-color .3s ease-in-out;outline-offset:var(--outline-offset);cursor:pointer;color:var(--verdigris-100);border:2px solid var(--verdigris-300);background-color:var(--verdigris-500);&:hover,&:focus-visible{background-color:var(--system-light-300);color:light-dark(var(--verdigris-500),var(--verdigris-100));transform:scale(1.2)}}._footer_dlq3k_217{margin-top:auto;margin-inline:auto;max-width:100cqi}._thumbnailGridContainer_dlq3k_223{view-transition-name:thumbnail-grid-container;pointer-events:all;--mask-width: 1rem;--margin-width: 1rem;margin-inline:var(--margin-width);display:grid;width:calc(100cqi - 2 * var(--margin-width));grid-auto-flow:dense;gap:.5rem;padding-inline:var(--mask-width);overflow-x:scroll;padding-block:32px 16px;mask:linear-gradient(90deg,transparent,white var(--mask-width) calc(100% - var(--mask-width)),transparent);mask-composite:intersect;@container lightbox (min-width: 600px){--mask-width: 2rem}& a{height:120px;grid-row:1;transform:rotate(var(--rotation));transition:transform .25s ease-in-out;outline-offset:var(--outline-offset)}}._controls_dlq3k_255{view-transition-name:lightbox-controls;display:flex;--controls-height: 40px;top:calc(50% - var(--controls-height) / 2);inset-inline:-1rem;align-items:center;justify-content:space-between;position:absolute;padding-left:0;& li{width:fit-content;pointer-events:all;padding:1rem;z-index:1;display:block}& a{height:var(--controls-height);border-radius:var(--border-radius-balloon);width:var(--controls-height);box-shadow:var(--verdigris-100-op) 0 0 0 5px,var(--stacks-6-Shadow);transition:transform .4s ease,background-color .3s ease-in-out;display:grid;align-items:center;justify-content:center;outline-offset:var(--outline-offset);&:not([data-disabled]){cursor:pointer;color:var(--verdigris-100);border:2px solid var(--verdigris-300);background-color:var(--verdigris-500)}&[data-disabled]{pointer-events:none;opacity:.4;color:light-dark(var(--system-dark-300),var(--system-light-500));border:4px solid light-dark(var(--system-dark-300),var(--system-light-500));background-color:var(--system-light-300)}&#_previous_dlq3k_1 svg{margin-right:2px}&:not([data-disabled]):hover,&:not([data-disabled]):focus-visible{background-color:var(--system-light-300);color:light-dark(var(--verdigris-500),var(--verdigris-100));transform:scale(1.2)}}}::view-transition-group(lightbox-controls){z-index:30}@container lightbox (width > 800px){._footer_dlq3k_217{& a:hover,a:focus-visible{transition:transform .25s ease-in-out;transform:translateY(-5px) rotate(var(--rotation))!important}}}::view-transition-group(img1),::view-transition-group(img2),::view-transition-group(img3),::view-transition-group(img4),::view-transition-group(img5),::view-transition-group(img6),::view-transition-group(img7),::view-transition-group(img8),::view-transition-group(img9),::view-transition-group(img10),::view-transition-group(img11),::view-transition-group(img12),::view-transition-group(figure),::view-transition-group(thumbnail-grid-container){z-index:20}::view-transition-group(close-link){z-index:40}