._marquee_1k1wy_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;&:has(a:focus-visible){outline:2px dashed var(--system-dark-100)}}._scene_1k1wy_16{--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_1k1wy_29{animation-play-state:paused}}&:focus-within ._skill_1k1wy_29{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_1k1wy_29:not(:hover)>a:not([data-active=true]),&:has(:focus-within) a:not(:focus-visible):not([data-active=true]){._outline_1k1wy_62{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_1k1wy_70{opacity:.5}}}}._skillsGrid_1k1wy_77{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_1k1wy_29{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_1k1wy_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_1k1wy_62{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_1k1wy_70{transition:opacity .2s 0ms ease-in-out;width:80px;height:80px}}@container marquee (width >= 400px){._scene_1k1wy_16{--items-in-row: 4;--speed: 8s;--height: calc((var(--grid-row-count) - 1) * 54px)}}@container marquee (width >= 500px){._scene_1k1wy_16{--items-in-row: 5;--speed: 7s}}@container marquee (width >= 640px){._scene_1k1wy_16{--items-in-row: 6;--speed: 5s}._skillsGrid_1k1wy_77:focus-within{padding-left:0}._skill_1k1wy_29 ._skillImage_1k1wy_70{width:96px;height:96px}}@keyframes _slide_1k1wy_1{to{translate:0% calc((var(--row-index) + var(--outset, 0)) * -100%)}}@keyframes _fadeOut_1k1wy_1{0%{opacity:1}to{opacity:0}}@keyframes _fadeIn_1k1wy_1{0%{opacity:.01}to{opacity:1}}::view-transition-old(skill-marquee){animation:.3s _fadeOut_1k1wy_1 ease-in-out both}::view-transition-new(skill-marquee){animation:.3s _fadeIn_1k1wy_1 .3s ease-in-out both}._dialogBackdrop_oegwq_5{view-transition-name:dialog-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(dialog-backdrop){z-index:3}._dialog_oegwq_5{view-transition-name:dialog;position:fixed;--header-height: 64px;--footer-height: 48px;border:1px solid var(--system-light-300);container-name:modal;container-type:inline-size;margin:auto;margin-top:min(20vh,160px);max-width:672px;max-height:calc(100vh - min(20vh,160px) - 40px);@media (max-width: 768px){margin-top:1rem;max-height:calc(100vb - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 2rem)}padding:0;display:flex;flex-direction:column;width:calc(100vw - 2rem);z-index:1000;background-color:light-dark(var(--system-light-100),var(--system-light-300));border-radius:var(--border-radius-md);box-shadow:var(--stacks-4-shadow);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)}::view-transition-group(dialog){z-index:4}._modalHeader_oegwq_66{display:flex;justify-content:space-between;height:var(--header-height);background-size:100% 300%;border-top-left-radius:var(--border-radius-md);border-top-right-radius:var(--border-radius-md);&[data-flirt]{--gradient-tone-100: var(--flirt-100);--gradient-tone-400: var(--flirt-400);--gradient-tone-500: var(--flirt-500)}&[data-verdigris]{--gradient-tone-100: var(--verdigris-100);--gradient-tone-400: var(--verdigris-400);--gradient-tone-500: var(--verdigris-500)}& h2{align-self:flex-end;text-transform:uppercase;color:light-dark(var(--system-light-100),var(--system-light-300));line-height:1.4;text-wrap:balance;margin-block-end:unset;max-width:calc(100cqi - 144px);font-size:clamp(var(--font-size-4),5cqi,var(--font-size-5))}.squircle{clip-path:url(#squircle);display:block;margin-left:32px;margin-top:18px;&._outline_oegwq_100{background-color:light-dark(var(--system-light-100),var(--system-light-300));padding:4px;width:80px;height:80px;z-index:1;._placeholder_oegwq_109{inset:4px;clip-path:url(#squircle)}}}& picture,img{width:72px;height:72px}}._headerContent_oegwq_122{display:flex;gap:16px}._modalBody_oegwq_127{position:relative;overflow-x:hidden;overflow-y:auto;--bg: light-dark(var(--system-light-100), var(--system-light-300));--shadow-height: 40px;--shadow-opacity: 75%;--shadow-tone: light-dark(var(--system-dark-200), var(--system-light-200));--shadow-color: color-mix( in hsl, var(--shadow-tone), transparent var(--shadow-opacity, 100%) );background:linear-gradient(var(--bg) 50%,transparent) center top,linear-gradient(transparent,var(--bg) 50%) center bottom,linear-gradient(to bottom,var(--shadow-color),transparent) center top,linear-gradient(to top,var(--shadow-color),transparent) center bottom;background-repeat:no-repeat;background-size:100% calc(var(--shadow-height) * 2),100% calc(var(--shadow-height) * 2),100% var(--shadow-height),100% var(--shadow-height);background-attachment:local,local,scroll,scroll}:root[data-dark-mode=true]{._modalBody_oegwq_127{--shadow-opacity: 40%}}._modalFooter_oegwq_164{background-color:var(--system-light-400);border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md);border-top:1px solid var(--system-light-500);height:var(--footer-height);flex-shrink:0}._closeLink_oegwq_173{display:block;background:unset;border-radius:var(--border-radius-sm);border:none;height:fit-content;transition:background-color .3s;line-height:0;margin:4px;padding:8px;&[data-flirt]{color:var(--flirt-600)}&[data-verdigris]{color:var(--verdigris-600)}&:hover,&:focus-visible{background-color:var(--system-shadow-6)}}@supports (view-transition-name: none){@keyframes _scale-in_oegwq_1{0%{transform:scale(.9) translateY(-30px);opacity:.01}}::view-transition-new(dialog){animation:.4s ease-out both _scale-in_oegwq_1;position:fixed;transform-origin:top center}::view-transition-new(dialog-backdrop){animation:_fadeIn_1k1wy_1 .4s .1s ease-out both}}._shareContainer_bxtcs_1{display:flex;flex-wrap:wrap;text-wrap-style:balance;grid-template-columns:auto auto auto;margin-block:48px 32px;margin-inline:4rem;justify-content:center;margin-inline:23cqi;gap:16px;._placeholder_bxtcs_13,img,Picture{width:72px;height:72px;@media (max-width: 768px){width:48px;height:48px}}._placeholder_bxtcs_13{clip-path:url(#squircle)}& a{outline-offset:var(--outline-offset);border-radius:var(--border-radius-lg);position:relative}}@keyframes _loading_11b0q_140{0%,to{transform:scale(0)}50%{transform:scale(1)}}._contactContainer_11b0q_11{padding-inline:32px;padding-block:48px}._form_11b0q_15{display:flex;flex-direction:column;gap:8px}._label_11b0q_21{display:flex;gap:4px;flex-direction:column;>span{color:light-dark(var(--system-dark-200),var(--system-dark-300));font-size:var(--font-size-2);font-weight:600;text-transform:uppercase}&:has(._textArea_11b0q_31:user-invalid:not(:optional)) ._pellContent_11b0q_31{border:solid 1px light-dark(var(--flirt-400),var(--flirt-200));&:focus-visible{outline:light-dark(var(--flirt-400),var(--flirt-200)) auto 1px!important}}}._error_11b0q_39{display:inline-block;line-height:0;margin-inline:0;min-height:12px;>span{display:none;user-select:none;opacity:0;transition-property:opacity,display;transition-duration:.4s;transition-behavior:allow-discrete;transition-timing-function:ease-in-out;margin-inline-start:4px;color:light-dark(var(--flirt-400),var(--flirt-200));font-size:var(--font-size-1);line-height:1}}._input_11b0q_59,._textArea_11b0q_31,._pellContent_11b0q_31{background-color:light-dark(var(--system-light-300),var(--system-light-200));padding:4px 8px;line-height:150%;border:solid 1px var(--system-light-500);border-radius:var(--border-radius-sm);transition-property:border,outline;transition-duration:.3s;transition-timing-function:ease-in-out;font-size:var(--font-size-2);font-weight:500;color:light-dark(var(--system-dark-400),var(--system-dark-200));&::placeholder{color:light-dark(var(--system-dark-300-55),var(--system-light-400))}&:user-invalid:not(:optional){border:solid 1px light-dark(var(--flirt-400),var(--flirt-200));&:focus-visible{outline:light-dark(var(--flirt-400),var(--flirt-200)) auto 1px}+._error_11b0q_39{>span{display:inline-block;opacity:1;@starting-style{opacity:0}}}}}._submitButton_11b0q_96{margin-left:auto;position:relative;cursor:pointer;display:block;padding:12px 48px;text-transform:uppercase;font-weight:600;letter-spacing:.75px;border:solid 1px light-dark(var(--system-light-500),var(--system-light-500));border-radius:20px;font-size:var(--font-size-2);--gradient-tone-1: var(--verdigris-100);--gradient-tone-2: var(--verdigris-400);--gradient-tone-3: var(--verdigris-500);background-image:radial-gradient(ellipse at 70% 10%,color-mix(in hsl,var(--gradient-tone-1),transparent 70%),color-mix(in hsl,var(--gradient-tone-2),transparent 70%) 30%,color-mix(in hsl,var(--gradient-tone-3),transparent 70%)),linear-gradient(to bottom,var(--gradient-tone-1) 0%,var(--gradient-tone-2) 20%,var(--gradient-tone-3) 40%);background-size:100% 400%;outline-offset:var(--outline-offset);transition:filter .3s ease-in-out;& span{color:light-dark(var(--system-dark-300),var(--system-dark-400))}&:hover,&:focus-visible{filter:brightness(1.1)}&:active{filter:brightness(.8)}&[data-submitted]{background:var(--system-light-400);pointer-events:none;._loadingIndicator_11b0q_140{opacity:1;._dot_11b0q_142{animation:_loading_11b0q_140 1s infinite ease-in-out;animation-delay:var(--delay, 0ms)}}& span{opacity:0}}._loadingIndicator_11b0q_140{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .25ms;._dot_11b0q_142{width:6px;height:6px;margin:0 3px;background:var(--system-dark-300-55);border-radius:50%}}}._messageWrapper_11b0q_171{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:200px;& p,h3{text-align:center}}._textArea_11b0q_31,._pellContent_11b0q_31{min-width:100%;max-width:100%}._textArea_11b0q_31{min-height:170px;@container (max-width: 422px){min-height:194px}}html{&[data-dark-mode=true]{._submitButton_11b0q_96{--gradient-tone-1: var(--verdigris-300);--gradient-tone-2: var(--verdigris-500);--gradient-tone-3: var(--verdigris-700)}}&[data-dark-mode=false]{._signature_11b0q_206{filter:invert(.3) opacity(.8)}}}._tipContainer_11b0q_212{display:flex;flex-direction:row;gap:16px;flex-wrap:wrap;align-items:center}._tip_11b0q_212{font-size:var(--font-size-2);user-select:none;font-weight:300;background-color:light-dark(var(--system-light-200),var(--system-shadow-5));color:light-dark(var(--system-dark-200),var(--system-dark-300-55));border-radius:var(--border-radius-sm);padding:8px 8px 10px;display:flex;width:fit-content;gap:8px;box-shadow:inset -2px -2px 0 0 light-dark(var(--system-light-300),var(--system-light-200));& svg{width:20px;height:20px;flex-shrink:0}._arrow_11b0q_238{width:unset;height:48px;margin-left:-22px}._textContainer_11b0q_243{width:188px}& p{text-wrap:balance}}:root[data-js-enabled=false]{._tip_11b0q_212{visibility:hidden}}._pellContent_11b0q_31{resize:both;overflow:auto;min-height:120px;& h1,h2,h3,h4,h5{font-weight:600;line-height:1.4em;margin-block-end:0}& h1{font-size:var(--font-size-6)}& h2{font-size:var(--font-size-5)}& h3,h4,h5{font-size:var(--font-size-4)}& pre{background-color:light-dark(var(--system-light-500),var(--system-light-300-80));padding:4px 8px;width:fit-content;margin:0;border-radius:var(--border-radius-sm);font-size:.8125rem;font-weight:500;color:var(--system-dark-300);white-space:pre-wrap;& code{font-size:inherit;font-weight:inherit;color:inherit}}& blockquote{--quote: var(--flirt-400);display:block;margin-block-start:.4rem;margin-block-end:.4rem;padding-inline:1rem;padding-block:.5rem 0;border-left:.3rem solid var(--quote);quotes:"❝" "";&:before{color:var(--quote);content:open-quote;font-size:3em;line-height:.3em;margin-right:.1em;vertical-align:-.3em}}}._pellActionbar_11b0q_320{display:flex;flex-wrap:wrap;gap:4px;min-height:44px;padding-bottom:6px}._pellButton_11b0q_327{background-color:unset;color:light-dark(var(--system-dark-300-55),var(--system-light-500));border:1px solid transparent;cursor:pointer;border-radius:var(--border-radius-sm);outline-offset:var(--outline-offset);padding:0 2px;line-height:0;transition:all .2s ease-in-out;&:hover,&:focus-visible{border:1px solid var(--system-light-400);box-shadow:0 2px 0 0 var(--system-light-400)}&:active{border:1px solid var(--system-dark-100);box-shadow:0 2px 0 0 var(--system-dark-100);color:var(--system-dark-100)}}._pellSelected_11b0q_348{background-color:light-dark(var(--system-light-300),var(--system-shadow-5));color:light-dark(var(--system-dark-300),var(--system-dark-100))}._pellBreak_11b0q_353{margin-inline:4px;border-right:1px solid var(--system-dark-200-16)}._closeButton_11b0q_358{margin-top:1rem;position:relative;cursor:pointer;display:block;padding:12px 48px;text-transform:uppercase;font-weight:600;letter-spacing:.75px;border:solid 1px light-dark(var(--system-light-500),var(--system-light-500));border-radius:var(--border-radius-sm);font-size:var(--font-size-2);background:var(--system-light-400);color:light-dark(var(--system-dark-300),var(--system-dark-400));text-decoration:none;outline-offset:var(--outline-offset);transition:filter .3s ease-in-out;&:hover,&:focus-visible{filter:brightness(1.1)}&:active{filter:brightness(.8)}}