@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Grotesk:wght@300..700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;body{margin:0;box-sizing:border-box;padding:0;min-height:100vh;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;box-sizing:border-box;padding:0}html{scroll-behavior:smooth;min-height:100vh;min-height:100dvh}:root{--white: #f5f5f5;--black: #262c34;--blue: #51d4ee;--blue-500: #1566c2;--transparent: rgba(245, 245, 245, .3);--pf-border: 1px solid var(--black);--text: rgba(10, 10, 10, .5);--text2: rgba(0, 0, 0, 1);--surface: #f5f5f5}body{overflow-x:hidden;color:var(--black);background-color:var(--white)}body.dark{--white: #151a21;--black: #f7f9ff;--blue: rgb(0, 54, 81);--blue-500: rgb(10, 40, 47);--transparent: rgba(101, 101, 101, .4);--pf-border: 1px solid rgba(247, 249, 255, .5);--text: rgba(247, 249, 255, .78);--text2: #ffffff;--surface: #151a21}.p-site{position:relative;isolation:isolate;width:100%;min-height:100vh;min-height:100dvh;overflow-x:hidden}.p-site-content{position:relative;z-index:1;outline:none}.p-site-content--nav-pad{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom,0px))}.skip-link{position:fixed;top:1rem;left:1rem;z-index:2000;transform:translateY(-160%);padding:.75rem 1rem;border:var(--pf-border);background-color:var(--surface);color:var(--black);font-family:Space Grotesk,sans-serif;text-decoration:none;transition:transform .2s ease-out}.skip-link:focus{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;z-index:100}:focus-visible{outline:2px solid var(--blue);outline-offset:0}.detail-style{font-family:Space Grotesk,sans-serif;font-size:1em}.nav-icon{color:var(--black);height:2em;width:2em;background-repeat:no-repeat;background-size:cover;margin:1em;position:relative;overflow:hidden;cursor:pointer;transition:1s cubic-bezier(0,-.01,0,.77)}.nav-icon:hover:after{content:"";position:absolute;bottom:-50%;left:-50%;height:200%;width:200%;box-sizing:border-box;background-color:#fff;border-radius:40%;animation:spin 1s cubic-bezier(0,-.01,0,.77) 1;mix-blend-mode:difference;rotate:180deg}@keyframes spin{0%{transform:translateY(-100%) rotate(360deg)}to{transform:translateY(0) rotate(0)}}.Leetcode-img{background-image:url("data:image/svg+xml,%3csvg%20width='512'%20height='512'%20viewBox='0%200%20512%20512'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_729_24)'%3e%3cpath%20d='M50%200C22.3858%200%200%2022.3858%200%2050V462C0%20489.614%2022.3858%20512%2050%20512H462C489.614%20512%20512%20489.614%20512%20462V50C512%2022.3858%20489.614%200%20462%200H50ZM482%20432C482%20459.614%20459.614%20482%20432%20482H80C52.3858%20482%2030%20459.614%2030%20432V80C30%2052.3858%2052.3858%2030%2080%2030H432C459.614%2030%20482%2052.3858%20482%2080V432Z'%20fill='var(--black)'/%3e%3cpath%20d='M387.341%20286.801C387.341%20277.092%20379.961%20269.189%20370.855%20269.189H239.177C230.07%20269.189%20222.691%20277.092%20222.691%20286.801C222.691%20296.509%20230.057%20304.412%20239.177%20304.412H370.855C379.961%20304.425%20387.341%20296.522%20387.341%20286.801Z'%20fill='var(--black)'/%3e%3cpath%20d='M145.05%20336.942L201.481%20394.002C214.212%20406.811%20231.81%20413%20251.24%20413C270.67%20413%20288.268%20406.301%20301.025%20393.452L334.887%20358.95C341.559%20352.224%20341.324%20341.09%20334.376%20334.09C327.429%20327.09%20316.386%20326.854%20309.726%20333.58L274.713%20367.69C268.668%20373.8%20260.294%20376.352%20251.044%20376.352C241.793%20376.352%20233.433%20373.8%20227.362%20367.69L171.126%20310.604C165.068%20304.494%20162.02%20295.557%20162.02%20286.228C162.02%20276.899%20165.068%20268.473%20171.126%20262.363L227.192%20205.055C233.25%20198.945%20241.793%20196.616%20251.031%20196.616C260.268%20196.616%20268.642%20199.167%20274.7%20205.277L309.713%20239.374C316.386%20246.113%20327.429%20245.877%20334.376%20238.877C341.324%20231.864%20341.559%20220.73%20334.887%20214.004L301.025%20179.515C292.533%20171.062%20281.778%20164.913%20269.728%20162.113L269.283%20162.021L301.3%20129.272C307.999%20122.547%20307.763%20111.399%20300.816%20104.399C293.868%2097.3991%20282.812%2097.1767%20276.126%20103.902L145.05%20236.051C132.319%20248.9%20125.659%20266.628%20125.659%20286.228C125.659%20305.828%20132.319%20324.12%20145.05%20336.942Z'%20fill='var(--black)'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_729_24'%3e%3crect%20width='512'%20height='512'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")}.Behance-img{background-image:url("data:image/svg+xml,%3csvg%20width='512'%20height='512'%20viewBox='0%200%20512%20512'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_675_13)'%3e%3cpath%20d='M50%200C22.3858%200%200%2022.3858%200%2050V462C0%20489.614%2022.3858%20512%2050%20512H462C489.614%20512%20512%20489.614%20512%20462V50C512%2022.3858%20489.614%200%20462%200H50ZM482%20432C482%20459.614%20459.614%20482%20432%20482H80C52.3858%20482%2030%20459.614%2030%20432V80C30%2052.3858%2052.3858%2030%2080%2030H432C459.614%2030%20482%2052.3858%20482%2080V432Z'%20fill='var(--black)'/%3e%3cpath%20d='M359.4%20182.3H291.6V202H359.4V182.3Z'%20fill='var(--black)'/%3e%3cpath%20d='M285.8%20322.7C297.7%20332.3%20311.4%20337.1%20327%20337.1C345.9%20337.1%20360.5%20331.4%20371%20320C377.7%20312.8%20381.5%20305.7%20382.3%20298.8H351.1C349.3%20302.3%20347.2%20305%20344.8%20306.9C340.4%20310.5%20334.7%20312.3%20327.8%20312.3C321.2%20312.3%20315.6%20310.8%20310.9%20307.9C303.2%20303.2%20299.2%20294.9%20298.7%20283.2H383.9C384.1%20273.1%20383.7%20265.4%20382.9%20260C381.5%20250.8%20378.4%20242.7%20373.6%20235.8C368.3%20227.9%20361.6%20222.1%20353.4%20218.5C345.3%20214.8%20336.1%20213%20325.8%20213.1C308.7%20213.1%20294.8%20218.5%20284%20229.3C273.3%20240.1%20267.9%20255.6%20267.9%20275.9C267.9%20297.5%20273.9%20313.1%20285.8%20322.7ZM307.7%20244.9C312%20240.5%20318.1%20238.2%20325.9%20238.2C333.1%20238.2%20339.2%20240.3%20344.1%20244.5C348.9%20248.7%20351.6%20254.9%20352.2%20263H299.5C300.7%20255.4%20303.4%20249.4%20307.7%20244.9Z'%20fill='var(--black)'/%3e%3cpath%20d='M221.6%20331.1C228.5%20329.6%20234.5%20327%20239.5%20323.1C244%20319.8%20247.7%20315.6%20250.7%20310.7C255.5%20303.3%20257.8%20294.9%20257.8%20285.5C257.8%20276.4%20255.7%20268.7%20251.6%20262.3C247.5%20255.9%20241.4%20251.3%20233.3%20248.3C238.6%20245.6%20242.7%20242.6%20245.4%20239.3C250.3%20233.4%20252.7%20225.6%20252.7%20216C252.7%20206.6%20250.3%20198.5%20245.5%20191.8C237.4%20180.8%20223.7%20175.2%20204.5%20174.9H128V333.2H199.2C207.3%20333.2%20214.7%20332.5%20221.6%20331.1ZM159.5%20202.4H193.9C201.5%20202.4%20207.7%20203.3%20212.6%20204.9C218.3%20207.3%20221.1%20212.1%20221.1%20219.5C221.1%20226.1%20219%20230.8%20214.7%20233.4C210.4%20236%20204.9%20237.3%20198%20237.3H159.5V202.4ZM159.5%20305.6V263.4H198.5C205.3%20263.5%20210.5%20264.4%20214.3%20266.1C221.1%20269.2%20224.4%20274.9%20224.4%20283.1C224.4%20292.8%20221%20299.3%20214%20302.8C210.2%20304.7%20204.9%20305.6%20198%20305.6H159.5Z'%20fill='var(--black)'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_675_13'%3e%3crect%20width='512'%20height='512'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")}.Github-img{background-image:url("data:image/svg+xml,%3csvg%20width='512'%20height='512'%20viewBox='0%200%20512%20512'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_675_27)'%3e%3cpath%20d='M50%200C22.3858%200%200%2022.3858%200%2050V462C0%20489.614%2022.3858%20512%2050%20512H462C489.614%20512%20512%20489.614%20512%20462V50C512%2022.3858%20489.614%200%20462%200H50ZM482%20432C482%20459.614%20459.614%20482%20432%20482H80C52.3858%20482%2030%20459.614%2030%20432V80C30%2052.3858%2052.3858%2030%2080%2030H432C459.614%2030%20482%2052.3858%20482%2080V432Z'%20fill='var(--black)'/%3e%3cpath%20d='M197%20364.2C216.3%20367.6%20236.2%20367.9%20254.3%20369.4C274.5%20367.9%20293.2%20367.8%20311.4%20364.9C343.2%20359.8%20367.2%20342.9%20379.2%20312.2C383.4%20301.5%20385.7%20289.8%20387.1%20278.4C390.2%20253.2%20385.9%20229.6%20368.7%20209.7C367.9%20208.8%20367.4%20207.4%20367.5%20206.2C368.4%20186.1%20365.7%20166.6%20358.9%20147.6C358%20145.2%20356.9%20144.3%20354.4%20145C348.8%20146.7%20343%20148%20337.5%20150C322.3%20155.5%20308.4%20163.5%20294.9%20172.2C293.5%20173.1%20291.4%20173.7%20289.7%20173.4C267.6%20169.5%20245.4%20169.7%20223.2%20173.1C221%20173.4%20218.2%20172.9%20216.4%20171.8C200.7%20161.6%20184.7%20151.6%20166.4%20146.8C151.3%20142.8%20154.4%20142%20150.1%20155.7C145%20172.1%20143%20189.1%20144.1%20206.3C144.2%20207.5%20143.3%20209%20142.5%20210.1C135.9%20218%20130.8%20226.7%20127.7%20236.5C121.7%20255.5%20122.9%20274.7%20126.7%20293.8C134.2%20331.5%20159.6%20357.7%20197%20364.2ZM164.4%20274.7C172.9%20258.2%20187.6%20252.4%20205%20252.1C214.5%20252%20224.1%20252.8%20233.7%20253.7C253.8%20255.5%20273.7%20253.6%20293.7%20252.5C302.5%20252%20311.5%20251.8%20320.1%20253.3C338.6%20256.5%20352.6%20274.9%20352.9%20295.6C353%20301.7%20352.3%20308%20351.1%20314C347.8%20329.6%20338.7%20340.3%20323.5%20345.8C308.8%20351.2%20293.6%20353.4%20278.1%20354.4C270.6%20354.9%20263.1%20354.5%20255.6%20354.5C235.4%20354.9%20215.2%20354.1%20195.7%20348.3C171.2%20341%20160.2%20326.4%20159.5%20300.8C159.2%20291.7%20160.2%20282.9%20164.4%20274.7Z'%20fill='var(--black)'/%3e%3cpath%20d='M221.7%20321.1C231.5%20310.5%20231.4%20290.6%20221.7%20280.1C215.2%20273.1%20205.8%20272.9%20199.1%20279.9C193.6%20285.6%20191.7%20292.8%20191.4%20299.2C191.4%20308.8%20194.2%20316.5%20199.1%20321.5C205.9%20328.3%20215.2%20328.2%20221.7%20321.1Z'%20fill='var(--black)'/%3e%3cpath%20d='M291.2%20322.2C297.7%20328.1%20306.5%20327.8%20312.6%20321.5C318.2%20315.7%20320.2%20308.4%20320.4%20300.5C320.2%20292.6%20318.2%20285.4%20312.5%20279.6C306.4%20273.3%20297.6%20273.1%20291.1%20279C280%20289.3%20280%20312%20291.2%20322.2Z'%20fill='var(--black)'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_675_27'%3e%3crect%20width='512'%20height='512'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")}@media screen and (max-width:700px){.p-site{min-height:100vh;min-height:100dvh;width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.Col-2{height:100vh;height:100dvh;width:100%;position:relative;isolation:isolate;overflow:hidden}.content{height:100vh;height:100dvh;width:100%;position:relative;z-index:1;display:flex;justify-content:center;align-items:center}.scale-animation{transform:scale(1)}.mainPage-graphics{height:100vh;height:100dvh;width:100%;position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:1.33em}.circle-background{position:absolute;inset:50% auto auto 50%;height:540px;width:540px;aspect-ratio:1;overflow:hidden;border-radius:50em;pointer-events:none;transform:translate(-50%,-50%);z-index:0}.novatrix-overlay{position:absolute;width:100%;height:200%;background:radial-gradient(circle,#23f7d780,#00000080 90%),linear-gradient(45deg,var(--blue-500),#23f7d7);mix-blend-mode:hard-light}.mainpage-bottom-graphic{position:absolute;right:1.33em;bottom:1.33em;left:1.33em;width:auto;display:flex;justify-content:space-between;align-items:center;gap:1rem}.hover-rotate{cursor:pointer;transform:rotate(0);transition:all .3s cubic-bezier(.25,.46,.45,.84)}.hover-rotate:hover{transform:rotate(90deg)}.mainpage-bottom-graphic-spacer{flex:1;max-width:min(900px,76vw);min-height:48px;pointer-events:none}@media screen and (max-width:720px){.mainpage-bottom-graphic{right:1rem;bottom:1rem;left:1rem;justify-content:center;align-items:center;z-index:4}.mainpage-bottom-graphic>.hover-rotate{display:none}.mainpage-bottom-graphic-spacer{display:none}.circle-background{height:400px;width:200px}.Col-2{height:100vh;height:100dvh}}.ani-text{font-size:9em;line-height:1;width:100%;text-align:center;color:var(--black);font-family:Bebas Neue,sans-serif;overflow:visible;display:flex;justify-content:center;align-items:center}.xxl-text{font-size:3em}.text-normal{font-size:.4em}.text-mask{display:inline-flex;flex-direction:column;justify-content:flex-start;align-items:stretch;overflow:hidden;width:max-content;max-width:100%;height:fit-content}.text-mask .a{display:inline-flex;justify-content:center;align-items:flex-start;width:max-content;max-width:100%}p.anitextStyle{margin:0;padding:0;display:inline-block;width:max-content;max-width:100%;white-space:nowrap;vertical-align:top;line-height:1}@supports not (text-box-trim: trim-both){p.anitextStyle{line-height:.86}}@media screen and (max-width:1286px)and (min-width:700px){.ani-text{font-size:7em}}@media screen and (max-width:700px){.ani-text{font-size:3em;text-align:left;align-items:flex-start}}.about-container{margin-top:0;padding:clamp(1rem,4vw,3rem);width:100%;min-height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2em;overflow-x:hidden}.skills-system{width:min(1180px,100%);display:flex;flex-direction:column;gap:clamp(1rem,2.5vw,1.5rem)}.skills-system-header{width:min(760px,100%);color:var(--black);font-family:Space Grotesk,sans-serif}.skills-kicker{margin-bottom:.35rem;color:var(--text);font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.skills-system-header p:last-child{max-width:640px;color:var(--text);font-size:clamp(.92rem,1.6vw,1.05rem);line-height:1.55}.skills-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,1.35rem)}.skill-panel{position:relative;overflow:hidden;border:var(--pf-border);background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 12%,transparent),transparent 38%),color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 18px 60px #262c3414;transition:box-shadow .22s ease}.skill-panel:focus{outline:none}.skill-panel:focus-visible{outline:none;box-shadow:0 18px 60px #262c3414,inset 0 0 0 2px var(--blue),inset 0 0 0 5px #51d4ee38}body.dark .skill-panel:focus-visible{box-shadow:0 18px 60px #00000059,inset 0 0 0 2px #51d4ee,inset 0 0 0 5px #51d4ee47}.skill-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(38,44,52,.05) 1px,transparent 1px),linear-gradient(rgba(38,44,52,.04) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 70%);mask-image:linear-gradient(to bottom,black,transparent 70%)}.skill-panel-head{position:relative;display:grid;grid-template-columns:auto 1fr;gap:1.25rem;align-items:center;padding:clamp(1rem,2.5vw,1.5rem);border-bottom:var(--pf-border)}.skill-panel-head h3{color:var(--black);font-family:Space Grotesk,sans-serif;font-size:clamp(1rem,2vw,1.2rem);font-weight:700}.skill-panel-head p{margin-top:.35rem;color:var(--text);font-family:Space Grotesk,sans-serif;font-size:.88rem;line-height:1.45}.skill-score-ring{--skill-accent: var(--blue);width:4.5rem;height:4.5rem;display:grid;place-items:center;border-radius:50%;border:2px solid var(--skill-accent);color:var(--black);font-family:Space Grotesk,sans-serif;box-shadow:0 0 24px color-mix(in srgb,var(--skill-accent) 42%,transparent)}.skill-score-ring span{font-weight:800;line-height:1}.skill-bars{position:relative}.skill-row{display:grid;grid-template-columns:minmax(8rem,.8fr) minmax(10rem,2fr) auto;gap:1rem;align-items:center;padding:1rem clamp(1rem,2.5vw,1.5rem);border-bottom:1px solid color-mix(in srgb,var(--black) 14%,transparent);font-family:Space Grotesk,sans-serif}.skill-row:last-child{border-bottom:none}.skill-copy{display:flex;flex-direction:column;gap:.25rem}.skill-copy strong{color:var(--black);font-size:.95rem;font-weight:700}.skill-copy span{color:var(--text);font-size:.72rem;line-height:1.35}.skill-meter{height:.38rem;min-width:0;overflow:hidden;background-color:color-mix(in srgb,var(--black) 10%,transparent)}.skill-meter span{--skill-accent: var(--blue);display:block;height:100%;background:linear-gradient(90deg,var(--skill-accent),color-mix(in srgb,var(--skill-accent) 70%,var(--black)))}.skill-depth{color:var(--black);font-family:Space Grotesk,sans-serif;font-size:.8rem;font-weight:700;opacity:.78}.skill-panel-mint{--skill-accent: #39dba2}.skill-panel-violet{--skill-accent: #8f71ff}.skill-panel-cyan{--skill-accent: #51d4ee}.skill-panel-amber{--skill-accent: #f0b429}.skill-panel .skill-score-ring,.skill-panel .skill-meter span{--skill-accent: inherit}@media screen and (max-width:980px){.skills-panel-grid{grid-template-columns:1fr}}@media screen and (max-width:700px){.about-container{padding:1rem}.skill-panel-head{grid-template-columns:1fr}.skill-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"copy copy" "meter depth";gap:.5rem .75rem;align-items:center}.skill-copy{grid-area:copy}.skill-meter{grid-area:meter}.skill-depth{grid-area:depth;justify-self:end;margin-top:0;min-width:2.25rem;text-align:right;font-variant-numeric:tabular-nums}}.bck{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.work-heading{width:100%;padding-top:clamp(4rem,12vw,10rem)}.card-grid{padding:clamp(2rem,6vw,6rem);z-index:20;width:min(1120px,100%);display:flex;flex-direction:column;justify-content:center;margin:0 auto;gap:clamp(1rem,2vw,1.5rem)}.svgIcon{width:24px;height:24px}@media screen and (max-width:1200px)and (min-width:800px){.card-grid{padding:3rem 2rem}}@media screen and (max-width:800px)and (min-width:500px){.card-grid{padding:2.5rem 0rem}.bck{width:100%}.svgIcon{width:24px;height:24px}}@media screen and (max-width:500px){.card-grid{padding:2rem 0rem;z-index:20;width:100%;gap:1rem}.bck{width:100%}.svgIcon{width:24px;height:24px}}.card-content{width:100%;display:flex;justify-content:space-between;position:relative;padding:clamp(1rem,3vw,2rem);opacity:0;transform:translateY(3rem);transition:opacity .65s ease-out,transform .65s ease-out;border:var(--pf-border);border-radius:0;background:radial-gradient(circle at top left,rgba(81,212,238,.1),transparent 34%),linear-gradient(135deg,#ffffffc7,#ffffff6b);overflow:hidden;box-sizing:border-box;scroll-margin-block:6rem}body.dark .card-content{background:radial-gradient(circle at top left,rgba(81,212,238,.14),transparent 35%),linear-gradient(135deg,#10161ef5,#080b11eb)}.card-content:focus-visible{outline:3px solid var(--blue);outline-offset:6px}.card-corner{position:absolute;width:3em;height:3em;pointer-events:none;border:4px solid var(--black)}.card-corner-tl{top:0;left:0;border-right:none;border-bottom:none;border-radius:0}.card-corner-tr{top:0;right:0;border-left:none;border-bottom:none;border-radius:0}.card-corner-bl{bottom:0;left:0;border-right:none;border-top:none;border-radius:0}.card-corner-br{bottom:0;right:0;border-left:none;border-top:none;border-radius:0}.card-content.scale-animation{opacity:1;transform:translateY(0)}.card-cont{position:relative;padding:.4em;padding-bottom:3.25rem;width:100%;display:flex;flex-direction:column;justify-content:flex-start;gap:1em;box-sizing:border-box}.card-top-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.card-title-group{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:1em}.card-h{font-family:Bebas Neue,sans-serif;font-size:clamp(2rem,5vw,4rem);line-height:.9;overflow-wrap:anywhere}.card-b{position:absolute;width:100%}.card-btn{position:relative;align-self:flex-start;width:fit-content;max-width:100%;padding:.3em 1em;color:var(--black);font-family:Space Grotesk,sans-serif;border-radius:.8em;cursor:pointer;font-size:.8em;background:#ffffffe6;border:1px solid rgba(255,255,255,.18);transition:all .5s ease-in-out;color:var(--blue);background-color:var(--black)}.card-btn-shadow{z-index:-1;top:3%;left:2%;height:4.4%;width:13.1%;border-radius:1em;color:var(--white);font-family:Space Grotesk,sans-serif;cursor:pointer;font-size:.8em;background-image:radial-gradient(60% 100% at 50% 100%,#38bdf8b3 0,#38bdf800 75%);transition:all .5s ease-in-out}.card-role-info{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;padding:0;font-family:Space Grotesk,sans-serif}.card-role-info p{font-size:small;font-style:italic;text-decoration:underline}.svg-card{position:relative;width:100%;height:100%}.card-img{width:100%;height:100%}.stack-heading{font-family:Bebas Neue,sans-serif}.visit-button{position:absolute;display:flex;justify-content:center;align-items:center;width:75px;height:75px;padding:1em;border:none;color:#2e342e;transition:all .4s ease-in;font-family:argentum;font-size:1em;border-radius:50%;background-color:transparent;transition:all .3s ease-out;cursor:pointer;z-index:10}.work-arrow{transform:rotate(135deg)}.card-overlay{position:absolute;width:100%;height:100%;border-radius:30px 30px 30px 0;background-color:var(--black);z-index:1;opacity:1}.tech-use{position:relative;display:flex;flex-direction:row;align-items:center;align-content:center;justify-content:flex-start;flex-wrap:wrap;gap:.35rem;padding:2px;z-index:2;border-radius:.5em;width:100%}.item-style{z-index:50;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.1em}.tech-img-mask{overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;width:3.4em;height:3.4em}.tech-img{display:flex;align-items:center;color:#fff;margin-right:8px}.tech-text{text-align:center;color:var(--black);font-family:Bebas Neue,sans-serif;letter-spacing:.1em;font-size:.4em;margin-right:.8em}.circle-background-card{position:relative;height:75px;width:75px;display:flex;align-items:center;justify-content:center;border-radius:50em;background:radial-gradient(circle,rgba(35,198,247,.5),var(--blue));z-index:0;overflow:hidden;z-index:2}.p-card{font-size:clamp(.85rem,1.2vw,1rem);font-family:Space Grotesk,sans-serif;line-height:1.55}@media screen and (max-width:1400px)and (min-width:1200px){.p-card{font-size:.8em}}@media screen and (max-width:1200px)and (min-width:900px){.p-card{font-size:.9rem}}@media screen and (max-width:900px)and (min-width:700px){.tech-text{font-size:.3em}.card-h{font-size:2.4rem}}@media screen and (max-width:700px){.tech-text{font-size:.3em}.card-intro{font-size:.6em}.card-h{font-size:2rem}.p-card{font-size:.84rem}.card-text{margin:0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;height:100%;width:100%;z-index:3;color:var(--black);border-radius:30px 30px 0 0}.card-btn{font-size:11px}.card-content{padding:1rem}.card-top-row{gap:.75rem}.circle-background-card,.visit-button{width:52px;height:52px;min-width:52px}.card-corner{width:1.8em;height:1.8em;border-width:3px}}.footer-style{width:100%;position:relative;display:flex;justify-content:space-around;align-items:center;flex-direction:column;border-radius:0}.contact-content{top:5em;padding:4em 1em 1em;z-index:2;width:100%;display:flex;flex-direction:row;justify-content:space-around;align-items:flex-end}.link-ani{border:0;background:transparent;width:100%;word-break:break-all;word-wrap:normal;font-size:28px;color:var(--black);font-family:Space Grotesk,sans-serif;transition:all .3s ease-in-out;display:flex;text-align:left;justify-items:flex-end;align-items:center;gap:.5em}.link-ani:hover{color:var(--blue);cursor:pointer;text-shadow:-1px -1px 0 var(--black),1px -1px 0 var(--black),-1px 1px 0 var(--black),1px 1px 0 var(--black)}.footer-h{font-size:42px;font-family:Bebas Neue,sans-serif;margin-bottom:1em}.content2{display:flex;justify-content:center;align-items:center}.circle-background2{height:200px;width:200px}.shaderContainer{width:50%;position:relative;display:flex;align-items:center;justify-content:center;border-radius:5em;border:var(--pf-border);background:radial-gradient(circle,rgba(125,225,255,.9),var(--blue));z-index:0;overflow:hidden}.dmIcon{margin-left:.5em;padding-top:.1em}@media only screen and (max-width:1048px){.link-container{margin-top:2em;width:100%;display:flex;flex-direction:row;justify-items:space-around;align-items:center;flex-wrap:nowrap}.footer-h{font-size:24px;margin-bottom:1em}.link-ani{font-size:17px}.footer-style{height:50vh;height:50dvh;width:100%;position:relative;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}.shaderContainer{height:3%}.dmIcon{top:160px;right:50px;padding:.4em}.contact-content{padding-top:6em;flex-direction:column;border-radius:0;align-items:center}}@media only screen and (max-width:380px){.footer-h{font-size:24px;margin-bottom:1em}.link-ani{font-size:15px}.footer-style{height:50vh;height:50dvh;width:100%;position:relative}.shaderContainer{height:2%}.dmIcon{top:140px;right:20px;padding:.4em}}.contact-container{color:#fff;border-radius:.5rem;width:100%;max-width:600px;box-sizing:border-box}.contact-form{display:flex;flex-direction:column;gap:.4rem}.form-row{display:flex;gap:1rem}input::placeholder{color:var(--black);opacity:.7;font-family:Space Grotesk,sans-serif}textarea::placeholder{color:var(--black);opacity:.7;font-family:Space Grotesk,sans-serif}.form-group{position:relative;display:flex;flex-direction:column;width:100%;padding-bottom:1.25rem}.half-width{width:50%}.form-label{font-size:.875rem;font-weight:500;margin-bottom:.25rem}.form-input{width:100%;padding:.5rem;background:transparent;border:var(--pf-border);border-radius:.375rem;color:var(--black);box-shadow:none;font-family:Space Grotesk,sans-serif}.form-input:focus{outline:none}.form-input:focus-visible{border:var(--pf-border);outline:2px solid var(--blue)}.form-textarea{width:100%;padding:.5rem;background:transparent;border:1px solid #4b5563;border-radius:.375rem;color:var(--black);box-shadow:none;font-family:Space Grotesk,sans-serif;resize:none;min-width:100%}.form-textarea:focus{outline:none}.form-textarea:focus-visible{border:var(--pf-border);outline:2px solid var(--blue)}.error-message{position:absolute;top:calc(100% - 1.1rem);left:0;width:100%;color:#b53636;font-size:.775rem;font-family:Space Grotesk,sans-serif;line-height:1.2}.submit-button{width:100%;font-family:Space Grotesk,sans-serif;line-height:1.23em;padding:.5rem;background-color:transparent;color:var(--black);font-weight:500;border:none;border-radius:9999px;cursor:pointer;transition:background-color .3s ease}.submit-button:hover{background-color:#7de1ff}.shaderContainer:has(.submit-button:focus-visible){outline:3px solid var(--blue);outline-offset:4px}.submit-button:focus-visible{outline:none;background-color:#7de1ff;box-shadow:inset 0 0 0 2px var(--black)}.projects-section{width:100%;min-height:100%;padding:3.5em 1.25em 5em;box-sizing:border-box}.projects-hero{width:min(1120px,100%);margin:0 auto 2em}.projects-system-header{width:min(760px,100%);margin:1em 0 0;color:var(--black);font-family:Space Grotesk,sans-serif}.projects-kicker{margin:0 0 .35rem;color:var(--text);font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.projects-system-header p:last-child{max-width:640px;margin:0;color:var(--text);font-size:clamp(.92rem,1.6vw,1.05rem);line-height:1.55}.project-accordion{width:min(1120px,100%);margin:0 auto;display:flex;flex-direction:column;gap:1em}.project-accordion-item{position:relative;overflow:hidden;scroll-margin-top:clamp(4.25rem,12vw,6rem);scroll-margin-bottom:.75rem;border:var(--pf-border);border-radius:0;background:radial-gradient(circle at top left,rgba(81,212,238,.12),transparent 34%),linear-gradient(135deg,#ffffffc7,#ffffff6b);box-shadow:0 24px 70px #00000014;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}body.dark .project-accordion-item{background:radial-gradient(circle at top left,rgba(81,212,238,.16),transparent 35%),linear-gradient(135deg,#10161ef5,#080b11eb);box-shadow:0 24px 80px #00000059}.project-accordion-item.is-open{transform:translateY(-2px)}.project-accordion-trigger{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:auto minmax(0,1.4fr) minmax(220px,.8fr) auto;gap:1.2em;align-items:center;border:0;padding:1.25em 1.35em;color:var(--black);background:transparent;cursor:pointer;text-align:left}.project-accordion-trigger:focus{outline:none}.project-accordion-trigger:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--blue),inset 0 0 0 5px #51d4ee38}body.dark .project-accordion-trigger:focus-visible{box-shadow:inset 0 0 0 2px #51d4ee,inset 0 0 0 5px #51d4ee47}.project-index,.project-eyebrow,.project-trigger-meta,.project-brief-label{color:var(--text);font-family:Space Grotesk,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.project-index{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(81,212,238,.35);border-radius:999px;color:var(--blue);background:#51d4ee1a}.project-trigger-main{display:flex;min-width:0;flex-direction:column;gap:.35em}.project-trigger-title{color:var(--black);font-family:Bebas Neue,sans-serif;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:.02em;line-height:.9}body.dark .project-trigger-title,body.dark .project-expand-icon{color:#f7f9ff}body.dark .project-eyebrow,body.dark .project-trigger-meta{color:#f7f9ffad}.project-trigger-subtitle{overflow:hidden;color:var(--text2);font-family:Space Grotesk,sans-serif;font-size:.95rem;line-height:1.45;opacity:.72;text-overflow:ellipsis;white-space:nowrap}body.dark .project-trigger-subtitle{color:#f7f9ffd1;opacity:1}.project-trigger-meta{display:grid;gap:.45em;justify-items:end;text-align:right}.project-trigger-meta span:first-child{color:var(--blue)}body.dark .project-trigger-meta span:first-child,body.dark .project-index{color:#51d4ee}.project-expand-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(81,212,238,.28);border-radius:999px;color:var(--black);font-family:Space Grotesk,sans-serif;font-size:1.2rem}.project-accordion-panel-shell{position:relative;z-index:1;overflow:hidden}.project-accordion-panel{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.65fr);gap:1.2em;padding:0 1.35em 1.35em}.project-panel-copy{display:flex;flex-direction:column;gap:1em;padding:1.25em;border:1px solid rgba(81,212,238,.16);border-radius:20px;background:#ffffffc7}body.dark .project-panel-copy{border-color:#51d4ee3d;background:#070b12db;box-shadow:inset 0 1px #ffffff0a}.project-proof-row,.project-stack-list{display:flex;flex-wrap:wrap;gap:.55em}.project-proof-chip,.project-stack-list span{border:1px solid rgba(81,212,238,.24);border-radius:999px;padding:.48em .72em;color:var(--black);background:#51d4ee17;font-family:Space Grotesk,sans-serif;font-size:.76rem}body.dark .project-proof-chip,body.dark .project-stack-list span{border-color:#51d4ee61;color:#f7f9ff;background:#51d4ee21}.project-outcome{max-width:760px;margin:0;color:var(--black);font-family:Space Grotesk,sans-serif;font-size:clamp(1.05rem,1.8vw,1.35rem);font-weight:600;line-height:1.35}body.dark .project-outcome{color:#fff}.project-brief-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1em 1.25em}.project-brief-grid p,.project-brief-grid li{color:var(--text2);font-family:Space Grotesk,sans-serif;font-size:.86rem;line-height:1.55;opacity:.86}body.dark .project-brief-grid p,body.dark .project-brief-grid li{color:#f7f9ffdb;opacity:1}.project-brief-grid p{margin:0}.project-brief-grid ul{display:grid;gap:.42em;margin:0;padding-left:1.1em}.project-brief-label{margin-bottom:.65em!important;color:var(--blue-500)!important;opacity:1!important}body.dark .project-brief-label{color:#51d4ee!important}.project-impact-block{grid-column:1 / -1;padding-top:.15em}.project-impact-block ul{grid-template-columns:repeat(2,minmax(0,1fr))}.project-live-link{display:flex;align-items:center;justify-content:center;width:100%;gap:.5em;border:1px solid rgba(81,212,238,.42);border-radius:999px;padding:.78em 1em;color:var(--black);background:#51d4ee1f;font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:700;text-align:center;text-decoration:none;transition:background .2s ease,transform .2s ease}body.dark .project-live-link{color:#fff}.project-live-link:hover,.project-preview-card:hover{transform:translateY(-2px)}.project-live-link:hover{background:#51d4ee33}.project-panel-media{display:grid;align-content:start;gap:.9em}.project-preview-card{position:relative;overflow:hidden;height:clamp(190px,24vw,260px);border:1px solid rgba(81,212,238,.18);border-radius:20px;background:#00000014;text-decoration:none;transition:transform .2s ease}.project-preview-card img{width:100%;height:100%;object-fit:cover;object-position:top center;filter:saturate(.95) contrast(1.02)}.project-stack-card{padding:1em;border:1px solid rgba(81,212,238,.18);border-radius:18px;background:#ffffffb3}body.dark .project-stack-card{border-color:#51d4ee3d;background:#070b12d1}@media screen and (max-width:900px){.projects-section{padding-top:2em}.project-accordion-trigger{grid-template-columns:auto minmax(0,1fr) auto}.project-trigger-meta{display:none}.project-accordion-panel,.project-brief-grid,.project-impact-block ul{grid-template-columns:1fr}}@media screen and (max-width:560px){.projects-section{padding-inline:.8em}.project-accordion-item,.project-panel-copy,.project-preview-card,.project-stack-card{border-radius:0}.project-accordion-trigger{grid-template-columns:minmax(0,1fr) auto;padding:1em}.project-index{display:none}.project-trigger-subtitle{white-space:normal}.project-accordion-panel{padding:0 1em 1em}.project-panel-copy{padding:1em}.project-preview-card{height:220px}}.playground-page{display:flex;flex-direction:column;gap:1rem;color:var(--black)}.playground-copy{display:flex;flex-direction:column;gap:.8rem;padding:1rem 0rem}.playground-copy h2{max-width:1040px;margin:0;font-family:Bebas Neue,sans-serif;font-size:clamp(2.6rem,8vw,7rem);font-weight:400;line-height:.9;letter-spacing:.02em;text-transform:uppercase}.playground-copy p{max-width:760px;margin:0;color:var(--text);line-height:1.55;padding-right:.34}.playground-kicker{align-self:start;color:var(--black)!important;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.playground-grid{display:grid;grid-template-columns:minmax(280px,.38fr) minmax(0,1fr);gap:1rem;min-height:800px}.playground-editor,.playground-preview{border:var(--pf-border);background-color:color-mix(in srgb,var(--surface) 92%,transparent)}.playground-editor{display:flex;flex-direction:column;gap:1rem;padding:1rem}.playground-editor-bar{display:flex;justify-content:space-between;gap:1rem;margin:-1rem -1rem 0;padding:.75rem 1rem;border-bottom:var(--pf-border);color:var(--text);font-family:monospace;font-size:.75rem;text-transform:uppercase}.playground-link-list{display:flex;flex-direction:column;gap:.5rem}.playground-link-list button{display:flex;min-height:66px;flex-direction:column;justify-content:center;gap:.25rem;padding:.85rem;border:var(--pf-border);border-radius:0;background-color:var(--surface);color:var(--black);text-align:left;font-family:Space Grotesk,sans-serif;cursor:pointer}.playground-link-list button:hover,.playground-link-list button:focus-visible,.playground-link-list button.is-active{background-color:var(--black);color:var(--white)}.playground-link-list button span{font-size:.95rem;font-weight:700}.playground-link-list button small{color:currentColor;font-size:.7rem;letter-spacing:.1em;opacity:.72;text-transform:uppercase}.playground-preview{min-height:800px;overflow:hidden}.playground-preview iframe{display:block;width:100%;height:100%;min-height:800px;border:0;background-color:#fff}.playground-empty-state{display:grid;min-height:800px;place-content:center;gap:.75rem;padding:2rem;text-align:center}.playground-empty-state span{font-family:Bebas Neue,sans-serif;font-size:clamp(2rem,5vw,4rem);letter-spacing:.06em;text-transform:uppercase}.playground-empty-state p{max-width:420px;margin:0;color:var(--text)}@media screen and (max-width:960px){.playground-grid{grid-template-columns:1fr}}@media screen and (max-width:640px){.playground-copy{padding:.75rem 0rem}.playground-editor{padding:.75rem}.playground-editor-bar{margin:-.75rem -.75rem 0;padding:.75rem}.playground-grid,.playground-preview,.playground-preview iframe,.playground-empty-state{min-height:620px}}.page-shell{width:100%;min-height:100vh;min-height:100dvh;overflow:visible;background-color:transparent;color:var(--black)}.page-shell-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background-color:color-mix(in srgb,var(--white) 86%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:var(--pf-border)}.page-shell-heading{display:flex;align-items:center;width:100%;gap:1rem}.page-shell-back{padding:.75rem 1rem;border:var(--pf-border);border-radius:0;background-color:var(--surface);color:var(--black);font-family:Space Grotesk,sans-serif;cursor:pointer}.page-shell-title{font-family:Bebas Neue,sans-serif;font-size:clamp(1.25rem,3vw,2rem);letter-spacing:.08em;margin:0}.page-shell-content{min-height:calc(100dvh - 73px);padding:1rem}@media screen and (max-width:700px){.page-shell-header{align-items:stretch;flex-direction:column}.page-shell-heading{justify-content:space-between}}.page-transition{position:fixed;inset:0;z-index:900;pointer-events:none;background-color:var(--white);transform:translateY(100%);transition:transform .8s cubic-bezier(.83,.17,.12,.83)}.page-transition--covering{transform:translateY(0)}.page-transition--revealing,.page-transition--idle{transform:translateY(-100%)}.portfolio-nav-dock{position:fixed;bottom:1.33em;left:1.33em;right:1.33em;z-index:100;display:flex;justify-content:center;align-items:flex-end;pointer-events:none}.portfolio-nav-dock>*{pointer-events:auto}@keyframes portfolio-nav-item-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes portfolio-nav-panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes portfolio-nav-dropdown-item-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.main-page-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:min(900px,76vw)}.main-page-nav-button{position:relative;min-height:48px;padding:.75rem 1rem;border:var(--pf-border);border-right:none;border-radius:0;background-color:var(--surface);color:var(--black);font-family:Space Grotesk,sans-serif;font-size:clamp(.7rem,1.2vw,.9rem);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:background-color .22s ease,color .22s ease,transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease;animation:portfolio-nav-item-in .52s cubic-bezier(.22,1,.36,1) backwards}.main-page-nav-button:nth-child(1){animation-delay:.04s}.main-page-nav-button:nth-child(2){animation-delay:.09s}.main-page-nav-button:nth-child(3){animation-delay:.14s}.main-page-nav-button:nth-child(4){animation-delay:.19s}.main-page-nav-button:nth-child(5){animation-delay:.24s}.main-page-nav-shortcut{position:absolute;top:.35rem;left:.4rem;color:currentColor;font-size:.65em;line-height:1;opacity:.55}.main-page-nav-button:last-child{border-right:var(--pf-border)}.main-page-nav-button:hover:not(:active):not(.main-page-nav-button-pressed){background-color:var(--black);color:var(--white);transform:translateY(-2px);box-shadow:0 6px 18px #0000001f}body.dark .main-page-nav-button:hover:not(:active):not(.main-page-nav-button-pressed){box-shadow:0 6px 22px #00000073}.main-page-nav-button:active,.main-page-nav-button-pressed{background-color:var(--black);color:var(--white);transform:translateY(2px);box-shadow:none;transition-duration:.12s}.main-page-nav-button-current{box-shadow:inset 0 -3px 0 var(--blue)}.main-page-nav-button-current:hover:not(:active):not(.main-page-nav-button-pressed){box-shadow:inset 0 -3px 0 var(--blue),0 6px 18px #0000001f}body.dark .main-page-nav-button-current:hover:not(:active):not(.main-page-nav-button-pressed){box-shadow:inset 0 -3px 0 var(--blue),0 6px 22px #00000073}.main-page-nav-dropdown{display:none}@media screen and (max-width:720px){.portfolio-nav-dock{bottom:1rem;left:1rem;right:1rem;z-index:400}.main-page-nav{display:none}.main-page-nav-dropdown{position:relative;display:block;width:min(100%,360px)}.main-page-nav-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;min-height:52px;padding:.65rem 1rem;border:var(--pf-border);border-radius:0;background-color:var(--surface);color:var(--black);font-family:Space Grotesk,sans-serif;font-size:clamp(.72rem,2.8vw,.85rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-align:left;transition:background-color .2s ease,color .2s ease,transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease;animation:portfolio-nav-item-in .52s cubic-bezier(.22,1,.36,1) .08s backwards}.main-page-nav-dropdown-trigger:hover:not(:active){transform:translateY(-2px);box-shadow:0 6px 18px #0000001f}body.dark .main-page-nav-dropdown-trigger:hover:not(:active){box-shadow:0 6px 22px #00000073}.main-page-nav-dropdown-trigger:hover{background-color:var(--black);color:var(--white)}.main-page-nav-dropdown-trigger:active{transform:translateY(2px)}.main-page-nav-dropdown-trigger-label{flex:1;min-width:0}.main-page-nav-dropdown-chevron{flex-shrink:0;display:block;width:.5rem;height:.5rem;margin-top:-.15rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s ease}.main-page-nav-dropdown.is-open .main-page-nav-dropdown-chevron{margin-top:.1rem;transform:rotate(-135deg)}.main-page-nav-dropdown-panel{position:absolute;right:0;bottom:calc(100% + 6px);left:0;z-index:50;margin:0;padding:0;list-style:none;border:var(--pf-border);background-color:var(--surface);box-shadow:0 -12px 28px #1566c21f,0 -4px 12px #00000014;transform-origin:bottom center;animation:portfolio-nav-panel-in .38s cubic-bezier(.22,1,.36,1) backwards}.main-page-nav-dropdown-panel li{animation:portfolio-nav-dropdown-item-in .36s cubic-bezier(.22,1,.36,1) backwards}.main-page-nav-dropdown-panel li:nth-child(1){animation-delay:.02s}.main-page-nav-dropdown-panel li:nth-child(2){animation-delay:.06s}.main-page-nav-dropdown-panel li:nth-child(3){animation-delay:.1s}.main-page-nav-dropdown-panel li:nth-child(4){animation-delay:.14s}.main-page-nav-dropdown-panel li:nth-child(5){animation-delay:.18s}body.dark .main-page-nav-dropdown-panel{box-shadow:0 -12px 28px #23f7d714,0 -4px 16px #00000080}.main-page-nav-dropdown-item{position:relative;display:flex;align-items:center;width:100%;min-height:48px;padding:.75rem 1rem .75rem 2.35rem;border:none;border-bottom:var(--pf-border);border-radius:0;background-color:var(--surface);color:var(--black);font-family:Space Grotesk,sans-serif;font-size:clamp(.72rem,2.8vw,.85rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-align:left;transition:background-color .15s ease,color .15s ease,transform .1s ease,box-shadow .15s ease}.main-page-nav-dropdown-panel li:last-child .main-page-nav-dropdown-item{border-bottom:none}.main-page-nav-dropdown-shortcut{position:absolute;top:.35rem;left:.4rem;font-size:.65em;line-height:1;opacity:.55}.main-page-nav-dropdown-item:hover{background-color:var(--black);color:var(--white);box-shadow:inset 3px 0 0 var(--blue)}.main-page-nav-dropdown-item:active,.main-page-nav-dropdown-item-pressed{background-color:var(--black);color:var(--white);transform:translateY(2px);box-shadow:inset 3px 0 #23f7d7}.main-page-nav-dropdown-item-current{box-shadow:inset 3px 0 0 var(--blue)}}@media(prefers-reduced-motion:reduce){.main-page-nav-button,.main-page-nav-dropdown-trigger,.main-page-nav-dropdown-panel,.main-page-nav-dropdown-panel li{animation:none}.main-page-nav-button:hover:not(:active):not(.main-page-nav-button-pressed),.main-page-nav-dropdown-trigger:hover:not(:active){transform:none;box-shadow:none}.main-page-nav-button-current:hover:not(:active):not(.main-page-nav-button-pressed){box-shadow:inset 0 -3px 0 var(--blue)}}