@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--portfolio-border)}body{background-color:var(--portfolio-bg);color:var(--portfolio-fg)}h1,h2,h3{letter-spacing:-.02em;font-weight:800}html{font-family:var(--font-outfit,ui-sans-serif, system-ui, sans-serif)}}@layer components;@layer utilities{.relative{position:relative}.bottom-0{bottom:calc(var(--spacing) * 0)}.-z-1{z-index:calc(1 * -1)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-20{margin-bottom:calc(var(--spacing) * 20)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.h-full{height:100%}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-svh{min-height:100svh}.w-fit{width:fit-content}.w-full{width:100%}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-rotate-1{rotate:-1deg}.-rotate-2{rotate:-2deg}.rotate-1{rotate:1deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-\(--section-gap\){gap:var(--section-gap)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.overflow-y-auto{overflow-y:auto}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.p-5{padding:calc(var(--spacing) * 5)}.px-\(--section-padding-x\){padding-inline:var(--section-padding-x)}.py-\(--section-gap\){padding-block:var(--section-gap)}.py-\(--section-padding-y\){padding-block:var(--section-padding-y)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.will-change-transform{will-change:transform}@media (hover:hover){.group-hover\:translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:-translate-y-0\.5:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:-rotate-1:is(:where(.group):hover *){rotate:-1deg}.group-hover\:rotate-0:is(:where(.group):hover *){rotate:none}.group-hover\:text-\(--portfolio-fg\):is(:where(.group):hover *){color:var(--portfolio-fg)}.group-hover\:opacity-60:is(:where(.group):hover *){opacity:.6}}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-offset-8:focus-visible{outline-offset:8px}.focus-visible\:outline-\(--portfolio-border\):focus-visible{outline-color:var(--portfolio-border)}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:py-8{padding-block:calc(var(--spacing) * 8)}}@media (min-width:48rem){.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:gap-4{gap:calc(var(--spacing) * 4)}.md\:py-20{padding-block:calc(var(--spacing) * 20)}.md\:pt-6{padding-top:calc(var(--spacing) * 6)}.md\:pb-8{padding-bottom:calc(var(--spacing) * 8)}}@media (min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:gap-6{gap:calc(var(--spacing) * 6)}}}html,body{-ms-overflow-style:none;scrollbar-width:none;height:100%}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}:root{--portfolio-bg:#0f0f0f;--portfolio-accent:#ef4444;--portfolio-fg:#f2f5ea;--portfolio-muted:#171717;--portfolio-border:#f2f5ea59;--portfolio-card:#f2f5ea;--portfolio-gold:#c9a227;--portfolio-gold-soft:#f3e8c4;--section-padding-x:clamp(.875rem, 3.5vw, 2rem);--section-padding-y:clamp(1.75rem, 5vw, 4rem);--section-padding-y-loose:clamp(3rem, 8vw, 6rem);--section-padding-inner:clamp(1rem, 3vw, 2rem);--section-gap:clamp(1rem, 3vw, 2rem);--section-mobile-gap:clamp(1.5rem, 7vw, 4rem);--card-padding:clamp(1.25rem, 3.5vw, 2.5rem);--card-padding-compact:clamp(.625rem, 1.2vw, 1rem);--glass-nav-offset-mobile:4.5rem}.container{width:100%;max-width:1600px;margin:0 auto}.section-titles{text-transform:uppercase;text-align:center;font-size:clamp(2.5rem,7vw,4.5rem);font-weight:800;line-height:1.1}.section-title-primary{z-index:1;background-color:var(--portfolio-accent);color:var(--portfolio-fg);padding:.35rem clamp(.5rem,2vw,1rem);position:relative}.section-title-secondary{z-index:2;background-color:var(--portfolio-fg);color:var(--portfolio-muted);padding:.35rem clamp(.5rem,2vw,1rem);position:relative}.section-surface{background-color:var(--portfolio-bg);color:var(--portfolio-fg)}.intro,.outro{text-transform:uppercase;background-color:var(--portfolio-bg);height:100vh;color:var(--portfolio-accent);justify-content:center;align-items:center;font-size:clamp(3rem,8vw,5rem);font-weight:800;display:flex}.projects-grid{perspective:1560px;transform-style:preserve-3d;justify-content:center;justify-items:center;gap:clamp(.75rem,1.5vw,1.25rem);display:flex}.projects-section{background-color:var(--portfolio-bg);color:var(--portfolio-fg)}.project-card{isolation:isolate;transform-style:preserve-3d;border:1px solid var(--portfolio-border);border-radius:1.25rem;flex:1;min-width:0;height:auto;min-height:18vw;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.project-card{border:1px solid color-mix(in srgb, var(--portfolio-border) 70%, transparent)}}.project-card{box-shadow:0 1px 0 var(--portfolio-fg) inset, 0 12px 32px #00000038;background-clip:padding-box;text-decoration:none}@supports (color:color-mix(in lab, red, red)){.project-card{box-shadow:0 1px 0 color-mix(in srgb, var(--portfolio-fg) 8%, transparent) inset, 0 12px 32px #00000038}}.project-card{transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .25s,box-shadow .35s cubic-bezier(.22,1,.36,1)}.project-card:before{content:"";background:linear-gradient(90deg,#0000,currentColor 20% 80%,#0000);height:3px;position:absolute;top:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.project-card:before{background:linear-gradient(90deg, transparent, color-mix(in srgb, currentColor 55%, transparent) 20%, color-mix(in srgb, currentColor 55%, transparent) 80%, transparent)}}.project-card:before{opacity:.85;pointer-events:none}a.project-card:hover,a.project-card:focus-visible,.project-card:not(a):hover{border-color:var(--portfolio-accent);transform:translateY(-6px)}@supports (color:color-mix(in lab, red, red)){a.project-card:hover,a.project-card:focus-visible,.project-card:not(a):hover{border-color:color-mix(in srgb, var(--portfolio-accent) 55%, var(--portfolio-border))}}a.project-card:hover,a.project-card:focus-visible,.project-card:not(a):hover{box-shadow:0 1px 0 var(--portfolio-fg) inset, 0 20px 40px #00000052, 0 0 0 1px var(--portfolio-accent)}@supports (color:color-mix(in lab, red, red)){a.project-card:hover,a.project-card:focus-visible,.project-card:not(a):hover{box-shadow:0 1px 0 color-mix(in srgb, var(--portfolio-fg) 10%, transparent) inset, 0 20px 40px #00000052, 0 0 0 1px color-mix(in srgb, var(--portfolio-accent) 18%, transparent)}}.project-card-variant-accent{background:linear-gradient(165deg, var(--portfolio-accent) 0%, var(--portfolio-accent) 55%, var(--portfolio-accent) 100%)}@supports (color:color-mix(in lab, red, red)){.project-card-variant-accent{background:linear-gradient(165deg, color-mix(in srgb, var(--portfolio-accent) 92%, #fff 8%) 0%, var(--portfolio-accent) 55%, color-mix(in srgb, var(--portfolio-accent) 78%, #000 22%) 100%)}}.project-card-variant-accent{color:var(--portfolio-fg)}.project-card-variant-card{background:linear-gradient(165deg, #fff 0%, var(--portfolio-card) 45%, var(--portfolio-card) 100%)}@supports (color:color-mix(in lab, red, red)){.project-card-variant-card{background:linear-gradient(165deg, #fff 0%, var(--portfolio-card) 45%, color-mix(in srgb, var(--portfolio-card) 82%, var(--portfolio-muted) 18%) 100%)}}.project-card-variant-card{color:var(--portfolio-muted)}.project-card-variant-muted{background:linear-gradient(165deg, var(--portfolio-muted) 0%, var(--portfolio-muted) 50%, var(--portfolio-muted) 100%)}@supports (color:color-mix(in lab, red, red)){.project-card-variant-muted{background:linear-gradient(165deg, color-mix(in srgb, var(--portfolio-muted) 88%, var(--portfolio-fg) 12%) 0%, var(--portfolio-muted) 50%, color-mix(in srgb, var(--portfolio-muted) 90%, #000 10%) 100%)}}.project-card-variant-muted{color:var(--portfolio-fg)}.project-card-variant-fg{background:linear-gradient(165deg, #fff 0%, var(--portfolio-fg) 40%, var(--portfolio-fg) 100%)}@supports (color:color-mix(in lab, red, red)){.project-card-variant-fg{background:linear-gradient(165deg, #fff 0%, var(--portfolio-fg) 40%, color-mix(in srgb, var(--portfolio-fg) 88%, var(--portfolio-muted) 12%) 100%)}}.project-card-variant-fg{color:var(--portfolio-muted)}.project-card-variant-border{background:linear-gradient(165deg, var(--portfolio-fg) 0%, var(--portfolio-bg) 100%)}@supports (color:color-mix(in lab, red, red)){.project-card-variant-border{background:linear-gradient(165deg, color-mix(in srgb, var(--portfolio-fg) 6%, var(--portfolio-bg)) 0%, var(--portfolio-bg) 100%)}}.project-card-variant-border{color:var(--portfolio-fg)}.project-card-inner{flex-direction:column;justify-content:space-between;gap:.85rem;height:100%;padding:clamp(.85rem,1.5vw,1.35rem);display:flex}.project-card-top{border-bottom:1px solid;flex-direction:column;gap:.55rem;padding-bottom:.65rem;display:flex}@supports (color:color-mix(in lab, red, red)){.project-card-top{border-bottom:1px solid color-mix(in srgb, currentColor 14%, transparent)}}.project-card-index{letter-spacing:.14em;text-transform:uppercase;opacity:.45;font-size:clamp(.5625rem,.8vw,.75rem);font-weight:800}.project-card-title-row{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.project-card-name{text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:.4rem;margin:0;font-size:clamp(.875rem,1.35vw,1.5rem);font-weight:800;line-height:1.05;display:flex}.project-card-badge{letter-spacing:.08em;text-transform:uppercase;background:currentColor;border-radius:999px;flex-shrink:0;padding:.2rem .45rem;font-size:clamp(.45rem,.65vw,.625rem);font-weight:800}@supports (color:color-mix(in lab, red, red)){.project-card-badge{background:color-mix(in srgb, currentColor 12%, transparent)}}.project-card-badge{border:1px solid}@supports (color:color-mix(in lab, red, red)){.project-card-badge{border:1px solid color-mix(in srgb, currentColor 28%, transparent)}}.project-card-link-icon{opacity:.75;flex-shrink:0;width:clamp(.875rem,1.2vw,1.125rem);height:clamp(.875rem,1.2vw,1.125rem);transition:opacity .2s,transform .2s}a.project-card:hover .project-card-link-icon,a.project-card:focus-visible .project-card-link-icon{opacity:1;transform:translate(1px,-1px)}.project-card-body{flex-direction:column;flex:1;gap:.55rem;display:flex}.project-card-detail{flex-direction:column;gap:.2rem;display:flex}.project-card-label{text-transform:uppercase;letter-spacing:.08em;background:currentColor;border-radius:999px;align-self:flex-start;margin:0;padding:.15rem .4rem;font-size:clamp(.5rem,.75vw,.6875rem);font-weight:800;line-height:1.2;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.project-card-label{background:color-mix(in srgb, currentColor 10%, transparent)}}.project-card-label{border:1px solid}@supports (color:color-mix(in lab, red, red)){.project-card-label{border:1px solid color-mix(in srgb, currentColor 18%, transparent)}}.project-card-label{opacity:.85}.project-card-text{opacity:.9;margin:0;font-size:clamp(.6875rem,1.05vw,.9375rem);font-weight:500;line-height:1.4}.project-card-impact{background:currentColor;border-radius:.75rem;flex-direction:column;gap:.25rem;margin-top:.15rem;padding:.55rem .65rem;display:flex}@supports (color:color-mix(in lab, red, red)){.project-card-impact{background:color-mix(in srgb, currentColor 8%, transparent)}}.project-card-impact{border:1px solid}@supports (color:color-mix(in lab, red, red)){.project-card-impact{border:1px solid color-mix(in srgb, currentColor 16%, transparent)}}.project-card-text-impact{opacity:1;font-weight:700}.project-card-tech{border-top:1px solid;flex-wrap:wrap;gap:.3rem;margin:0;padding:.65rem 0 0;list-style:none;display:flex}@supports (color:color-mix(in lab, red, red)){.project-card-tech{border-top:1px solid color-mix(in srgb, currentColor 12%, transparent)}}.project-card-tech li{background:currentColor;border-radius:999px;padding:.28rem .5rem;font-size:clamp(.5rem,.78vw,.75rem);font-weight:600;line-height:1}@supports (color:color-mix(in lab, red, red)){.project-card-tech li{background:color-mix(in srgb, currentColor 7%, transparent)}}.project-card-tech li{border:1px solid}@supports (color:color-mix(in lab, red, red)){.project-card-tech li{border:1px solid color-mix(in srgb, currentColor 20%, transparent)}}.project-card-tech li{opacity:.72;white-space:nowrap;transition:opacity .2s}.project-card:hover .project-card-tech li,a.project-card:focus-visible .project-card-tech li{opacity:.9}@media (min-width:1400px){.project-card-name{font-size:1.625rem}.project-card-label{font-size:.75rem}.project-card-text{font-size:1rem}.project-card-tech li{font-size:.8125rem}}.hero-nav{z-index:2;justify-content:space-between;align-items:flex-start;width:100%;padding:2rem;display:flex;position:fixed;top:0}.hero-nav a,.hero-social p,.hero-social a{color:var(--portfolio-fg);letter-spacing:.02em;text-transform:uppercase;font-weight:500;text-decoration:none;display:block}.nav-items{gap:4rem;display:flex}.preloader-overlay{background-color:var(--portfolio-bg);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);z-index:10;pointer-events:none;width:100%;height:100svh;position:fixed;top:0}.preloader-overlay .preloader{background-color:var(--portfolio-accent);transform-origin:0;will-change:transform;width:100%;height:.5rem;position:absolute;top:0;transform:scaleX(0)}.preloader-percent{font-variant-numeric:tabular-nums;color:var(--portfolio-fg);pointer-events:none;z-index:1;align-items:flex-start;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preloader-percent__value{letter-spacing:-.04em;font-size:clamp(4rem,12vw,9rem);font-weight:700;line-height:1}.preloader-percent__symbol{color:var(--portfolio-accent);margin-top:.35em;margin-left:.15em;font-size:clamp(1.25rem,3vw,2rem);font-weight:600}.hero{width:100%;height:100svh;position:relative;overflow:hidden}.intro-img{transform-origin:50%;will-change:transform;border-radius:.5rem;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.intro-img img{object-fit:cover;width:100%;height:100%}.hero-content{width:100%;height:100svh;padding:var(--section-padding-x);z-index:2;pointer-events:none;opacity:0;visibility:hidden;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding-bottom:clamp(1.5rem,5vh,4.5rem);display:flex;position:absolute;inset:0}.hero-content:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(32deg,#0f0f0feb 0%,#0f0f0fb8 28%,#0f0f0f47 52%,#0000 72%);position:absolute;inset:0}.hero-content .hero-cta{pointer-events:auto}.hero-header{flex-direction:column;gap:clamp(1rem,2.5vh,1.5rem);width:min(40rem,100%);display:flex;position:relative}.hero-badge{border:1px solid var(--portfolio-accent);align-items:center;gap:.65rem;width:fit-content;padding:.5rem 1rem .5rem .8rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.hero-badge{border:1px solid color-mix(in srgb, var(--portfolio-accent) 28%, var(--portfolio-border))}}.hero-badge{background:var(--portfolio-fg);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.hero-badge{background:color-mix(in srgb, var(--portfolio-fg) 7%, #0f0f0f8c)}}.hero-badge{-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 var(--portfolio-fg), 0 10px 36px #00000047}@supports (color:color-mix(in lab, red, red)){.hero-badge{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--portfolio-fg) 10%, transparent), 0 10px 36px #00000047}}.hero-badge{color:var(--portfolio-fg);letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:500}.hero-badge-status{background-color:var(--portfolio-accent);width:.42rem;height:.42rem;box-shadow:0 0 10px var(--portfolio-accent);border-radius:50%;flex-shrink:0;position:relative}@supports (color:color-mix(in lab, red, red)){.hero-badge-status{box-shadow:0 0 10px color-mix(in srgb, var(--portfolio-accent) 55%, transparent)}}.hero-badge-status:after{content:"";background-color:var(--portfolio-accent);opacity:.35;border-radius:50%;animation:2.4s ease-in-out infinite hero-badge-pulse;position:absolute;inset:-4px}@keyframes hero-badge-pulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:0;transform:scale(1.75)}}.hero-badge-role{letter-spacing:.08em;font-weight:600}.hero-badge-separator{background:var(--portfolio-fg);flex-shrink:0;width:1px;height:.8rem}@supports (color:color-mix(in lab, red, red)){.hero-badge-separator{background:color-mix(in srgb, var(--portfolio-fg) 22%, transparent)}}.hero-badge-location{color:var(--portfolio-fg)}@supports (color:color-mix(in lab, red, red)){.hero-badge-location{color:color-mix(in srgb, var(--portfolio-fg) 68%, transparent)}}.hero-badge-location{letter-spacing:.03em;text-transform:none;font-weight:500}.hero-header h1{color:var(--portfolio-fg);letter-spacing:-.03em;text-transform:none;text-shadow:0 2px 28px #00000073;font-size:clamp(2rem,4.5vw,3.5rem);font-weight:800;line-height:1.08}.hero-accent{color:var(--portfolio-accent)}.hero-subtitle{max-width:34rem;color:var(--portfolio-fg)}@supports (color:color-mix(in lab, red, red)){.hero-subtitle{color:color-mix(in srgb, var(--portfolio-fg) 82%, transparent)}}.hero-subtitle{letter-spacing:0;text-transform:none;text-shadow:0 1px 18px #0006;font-size:clamp(.95rem,1.5vw,1.1rem);font-weight:400;line-height:1.65}.hero-ctas{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.hero-cta{font:inherit;letter-spacing:.04em;text-transform:none;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:.85rem 1.35rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:background-color .25s,color .25s,border-color .25s;display:inline-flex}.hero-cta-primary{background-color:var(--portfolio-accent);color:var(--portfolio-bg)}.hero-cta-primary:hover{background-color:var(--portfolio-accent)}@supports (color:color-mix(in lab, red, red)){.hero-cta-primary:hover{background-color:color-mix(in srgb, var(--portfolio-accent) 85%, white)}}.hero-cta-secondary{border:1px solid var(--portfolio-accent);color:var(--portfolio-accent);background-color:#0000}.hero-cta-secondary:hover{background-color:var(--portfolio-accent)}@supports (color:color-mix(in lab, red, red)){.hero-cta-secondary:hover{background-color:color-mix(in srgb, var(--portfolio-accent) 12%, transparent)}}.line{will-change:transform;position:relative}@media (max-width:1000px){.nav-items{flex-direction:column;align-items:flex-end;gap:0}.hero-content{padding-inline:var(--section-padding-x);padding-bottom:clamp(1.25rem,4vh,2.5rem)}.hero-content:before{background:linear-gradient(#0000 0%,#0f0f0f8c 45%,#0f0f0feb 100%)}.hero-header{width:100%}.hero-header h1{font-size:2rem}.projects-section,.section-intro,.guiding-light,.nav-text,.portfolio-footer{margin-top:var(--section-mobile-gap)}.hero,.section-intro+:is(.expertise-team,.sticky-cards-hero,.split-cards-sticky,.stack-peel-cards){margin-top:0}.nav-text-section+.nav-text-section{margin-top:var(--section-mobile-gap)}.projects-section{height:auto;min-height:auto;padding:0 var(--section-padding-x) var(--section-padding-y);justify-content:flex-start;gap:var(--section-mobile-gap)}.projects-section .section-titles{width:100%;padding:var(--section-padding-y-loose) 0;flex-direction:column;justify-content:center;align-items:center;margin-bottom:0;display:flex}.projects-grid{perspective:none;gap:var(--section-gap);flex-direction:column}.project-card{width:100%;height:fit-content;min-height:0;box-shadow:0 1px 0 var(--portfolio-fg) inset, 0 16px 36px #00000047;border-radius:1.35rem;flex:none;transform:none!important}@supports (color:color-mix(in lab, red, red)){.project-card{box-shadow:0 1px 0 color-mix(in srgb, var(--portfolio-fg) 8%, transparent) inset, 0 16px 36px #00000047}}a.project-card:hover,a.project-card:focus-visible{transform:translateY(-4px)}.project-card-inner{height:auto;padding:var(--card-padding);gap:1rem}.project-card-top{padding-bottom:.85rem}.project-card-name{font-size:clamp(1.125rem,3vw,1.375rem)}.project-card-label{font-size:clamp(.6875rem,1.8vw,.75rem)}.project-card-text{font-size:clamp(.875rem,2.25vw,1rem)}.project-card-impact{padding:.75rem .85rem}.project-card-tech li{white-space:normal;font-size:clamp(.6875rem,1.8vw,.8125rem)}}@media (max-width:480px){:root{--section-padding-x:clamp(.75rem, 3vw, .875rem);--section-padding-y:clamp(1.5rem, 5vw, 2rem);--section-padding-y-loose:clamp(2.5rem, 7vw, 3.5rem);--section-padding-inner:clamp(.875rem, 2.5vw, 1.25rem);--section-gap:clamp(.75rem, 2.5vw, 1.25rem);--card-padding:clamp(1rem, 3vw, 1.5rem);--card-padding-compact:clamp(.625rem, 2vw, .875rem)}.hero-content{padding-bottom:clamp(1rem,3.5vh,1.75rem)}.hero-subtitle{font-size:clamp(.875rem,3.5vw,1rem)}}img{object-fit:cover;width:100%;height:100%}.card{perspective:1000px;width:300px;height:400px;transform-style:preserve-3d}.card-front,.card-back{backface-visibility:hidden;will-change:transform;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.card-front{background-color:var(--portfolio-accent);color:var(--portfolio-fg);transform:rotateY(0)}.card-back{background-color:var(--portfolio-muted);color:var(--portfolio-fg);transform:rotateY(-180deg)}.guiding-light{--guiding-light-bg:var(--portfolio-bg);--guiding-light-text:var(--portfolio-fg);--mouse-x:0;--mouse-y:0;width:100%;height:100svh;padding:var(--section-padding-inner);background-color:var(--guiding-light-bg);color:var(--guiding-light-text);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:relative;overflow:hidden}.guiding-light-headline{z-index:1;letter-spacing:-.02em;text-transform:uppercase;text-align:center;color:var(--portfolio-accent);font-size:clamp(3rem,5vw,7rem);font-weight:800;line-height:1.05;position:relative}.guiding-light-body{z-index:1;text-align:center;width:60%;color:var(--portfolio-fg);font-size:clamp(1.25rem,2.5vw,2rem);font-weight:500;line-height:1.4;position:relative}.guiding-light-lottie-container{z-index:2;pointer-events:none;width:8rem;height:8rem;position:relative}.guiding-light-lottie{width:100%;height:100%;transform:scale(1.25)}.guiding-light-glow{filter:blur(20px);opacity:.25;pointer-events:none;z-index:-1;background:radial-gradient(circle,#ff0048bf 0%,#ff910099 30%,#fff28c40 50%,#0000 70%);width:40%;height:100%;animation:2s ease-in-out infinite guiding-light-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes guiding-light-pulse{0%,to{opacity:.5;transform:translate(-50%,-50%)scaleY(1)}25%{opacity:.4;transform:translate(-50%,-50%)scaleY(1.2)}50%{opacity:.35;transform:translate(-50%,-50%)scaleY(.9)}75%{opacity:.5;transform:translate(-50%,-50%)scaleY(1.1)}}.guiding-light-mask{z-index:3;pointer-events:none;background:var(--guiding-light-bg);width:100%;height:100%;-webkit-mask:radial-gradient(circle 200px at var(--mouse-x) var(--mouse-y), transparent 0%, transparent 40%, var(--guiding-light-bg) 80%, var(--guiding-light-bg) 100%);-webkit-mask:radial-gradient(circle 200px at var(--mouse-x) var(--mouse-y), transparent 0%, transparent 40%, var(--guiding-light-bg) 80%, var(--guiding-light-bg) 100%);-webkit-mask:radial-gradient(circle 200px at var(--mouse-x) var(--mouse-y), transparent 0%, transparent 40%, var(--guiding-light-bg) 80%, var(--guiding-light-bg) 100%);-webkit-mask:radial-gradient(circle 200px at var(--mouse-x) var(--mouse-y), transparent 0%, transparent 40%, var(--guiding-light-bg) 80%, var(--guiding-light-bg) 100%);mask:radial-gradient(circle 200px at var(--mouse-x) var(--mouse-y), transparent 0%, transparent 40%, var(--guiding-light-bg) 80%, var(--guiding-light-bg) 100%);opacity:0;transition:opacity .3s;position:absolute;top:0;left:0}.guiding-light-mask.active{opacity:.85}@media (max-width:1000px){.guiding-light{height:auto;min-height:auto;padding:var(--section-padding-y-loose) var(--section-padding-inner);justify-content:center;gap:1rem}.guiding-light-headline{width:100%;padding:0}.guiding-light-body{width:100%;padding:0;font-size:1.5rem}.guiding-light-lottie-container,.guiding-light-mask{display:none}}.split-cards-sticky{--split-cards-bg:var(--portfolio-bg);--split-cards-fg:var(--portfolio-fg);--split-cards-back-1:var(--portfolio-card);--split-cards-back-2:var(--portfolio-accent);--split-cards-back-3:var(--portfolio-muted);height:100svh;padding:var(--section-padding-inner);background-color:var(--split-cards-bg);color:var(--split-cards-fg);justify-content:center;align-items:center;display:flex;position:relative}.split-cards-container{perspective:1000px;will-change:width;width:75%;display:flex;position:relative}.split-cards-card{aspect-ratio:5/7;transform-style:preserve-3d;transform-origin:top;flex:1;position:relative}#split-card-1{border-radius:20px 0 0 20px}#split-card-3{border-radius:0 20px 20px 0}.split-cards-front,.split-cards-back{border-radius:inherit;backface-visibility:hidden;width:100%;height:100%;position:absolute;overflow:hidden}.split-cards-front img{object-fit:cover;width:100%;height:100%;display:block}.split-cards-back{padding:var(--section-padding-inner);text-align:left;justify-content:center;align-items:center;display:flex;transform:rotateY(180deg)}.split-cards-index{text-transform:uppercase;letter-spacing:.05em;opacity:.65;font-size:.9rem;font-weight:500;line-height:1;position:absolute;top:2rem;left:2rem}.split-cards-back-content{flex-direction:column;gap:.85rem;width:fit-content;max-width:88%;display:flex}.split-cards-category{border-bottom:1px solid;margin:0;padding-bottom:.55rem}@supports (color:color-mix(in lab, red, red)){.split-cards-category{border-bottom:1px solid color-mix(in srgb, currentColor 28%, transparent)}}.split-cards-category{letter-spacing:.08em;text-transform:uppercase;font-size:clamp(.88rem,1.25vw,1.1rem);font-weight:700;line-height:1.25}.split-cards-skills{flex-direction:column;gap:.55rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.split-cards-skills li{letter-spacing:.04em;text-transform:uppercase;padding-left:1.2rem;font-size:clamp(.82rem,1.15vw,1rem);font-weight:600;line-height:1.35;position:relative}.split-cards-skills li:before{content:"";opacity:.65;background-color:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;top:.58em;left:0}.split-cards-back-1{background-color:var(--split-cards-back-1);color:var(--portfolio-muted)}.split-cards-back-2{background-color:var(--split-cards-back-2);color:var(--split-cards-fg)}.split-cards-back-3{background-color:var(--split-cards-back-3);color:var(--split-cards-fg)}@media (max-width:1000px){.split-cards-sticky{height:max-content;padding:var(--section-padding-y) var(--section-padding-x);flex-direction:column}.split-cards-container{gap:var(--section-gap);flex-direction:column;width:100%}.split-cards-card{width:100%;max-width:400px;margin:0 auto;border-radius:20px!important}#split-card-1,#split-card-2,#split-card-3,.split-cards-back{transform:none}.split-cards-category{font-size:clamp(1rem,2.8vw,1.2rem)}.split-cards-skills li{padding-left:1.35rem;font-size:clamp(1rem,3vw,1.15rem)}}.sticky-cards-hero{--sticky-cards-bg:var(--portfolio-bg);--sticky-cards-fg:var(--portfolio-fg);background-color:var(--sticky-cards-bg);height:100svh;color:var(--sticky-cards-fg);position:relative;overflow:hidden}.sticky-cards-headline{will-change:transform;justify-content:center;align-items:center;width:100%;height:100svh;display:flex;position:absolute}.sticky-cards-headline h2{text-align:center}.sticky-cards-stack{width:100%;height:100svh;transform-style:preserve-3d;perspective:1000px;position:absolute;overflow:hidden}.sticky-cards-card{width:25%;min-width:300px;padding:var(--section-padding-y) var(--section-padding-x);aspect-ratio:4/5;text-align:center;will-change:transform;border-radius:1rem;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:none!important}.sticky-cards-card h3{text-transform:uppercase;font-size:clamp(1.75rem,3vw,3rem);font-weight:800;line-height:.95}.sticky-cards-card p{font-size:1.125rem;font-weight:450;line-height:1.2}.sticky-cards-label{text-transform:uppercase;background-color:var(--portfolio-fg);color:var(--portfolio-muted);border-radius:.25rem;padding:.5rem;font-size:.9rem;font-weight:500}.sticky-cards-front{backface-visibility:hidden;transform:translate(-50%,50%)rotateY(0)}.sticky-cards-back{backface-visibility:hidden;transform:translate(-50%,50%)rotateY(180deg)}.sticky-cards-icon{justify-content:center;align-items:center;display:flex}.sticky-cards-icon-front{border:.125rem solid;border-radius:100%;width:4rem;height:4rem}.sticky-cards-icon-front svg{width:1.5rem;height:1.5rem}.sticky-cards-icon-back{background-color:var(--portfolio-fg);border-radius:50%;width:5rem;height:5rem}.sticky-cards-icon-back svg{width:1.5rem;height:1.5rem}.sticky-cards-variant-accent{background-color:var(--portfolio-accent);color:var(--portfolio-fg)}.sticky-cards-variant-accent .sticky-cards-icon-back{color:var(--portfolio-accent)}.sticky-cards-variant-card{background-color:var(--portfolio-fg);color:var(--portfolio-muted)}.sticky-cards-variant-card .sticky-cards-icon-back{color:var(--portfolio-fg);background-color:var(--portfolio-muted)}.sticky-cards-variant-muted{background-color:var(--portfolio-muted);color:var(--portfolio-fg);border:1px solid var(--portfolio-border)}.sticky-cards-variant-muted .sticky-cards-icon-back{color:var(--portfolio-muted);background-color:var(--portfolio-fg)}.sticky-cards-variant-fg{background-color:var(--portfolio-gold-soft);color:var(--portfolio-muted);border:1px solid var(--portfolio-gold)}.sticky-cards-variant-fg .sticky-cards-icon-back{color:var(--portfolio-gold-soft);background-color:var(--portfolio-gold)}.sticky-cards-outro{background-color:var(--portfolio-muted);width:100%;height:100svh;color:var(--portfolio-fg);justify-content:center;align-items:center;display:flex;position:relative}.sticky-cards-outro h3{text-align:center;text-transform:uppercase;width:60%;font-size:clamp(2rem,3vw,4rem);font-weight:800;line-height:.95}@media (max-width:1000px){.sticky-cards-hero{height:max-content;padding:var(--section-padding-y) var(--section-padding-x)}.sticky-cards-headline{height:auto;margin-bottom:var(--section-gap);position:relative}.sticky-cards-outro h3{width:85%}.sticky-cards-stack{align-items:center;gap:var(--section-gap);perspective:none;flex-direction:column;height:auto;display:flex;position:relative}.sticky-cards-card{width:100%;max-width:400px;padding:var(--card-padding) var(--section-padding-x);will-change:auto;position:relative;top:auto;left:auto;transform:none}.sticky-cards-card p{font-size:clamp(.9375rem,2.5vw,1.125rem)}.sticky-cards-front{display:none}#sticky-card-4{order:1}#sticky-card-3{order:2}#sticky-card-2{order:3}#sticky-card-1{order:4}.sticky-cards-front,.sticky-cards-back{backface-visibility:visible;transform:none}.sticky-cards-outro{height:max-content;padding:var(--section-padding-y) var(--section-padding-x)}}.stack-peel-cards{background-color:var(--portfolio-muted);perspective:1000px;height:100svh;position:relative;overflow:hidden}.stack-peel-card{width:68%;height:68%;padding:var(--card-padding);color:var(--portfolio-fg);transform-origin:bottom;will-change:transform;border-radius:1rem;display:flex;position:absolute;top:50%;left:50%;overflow:hidden}.stack-peel-card-inner{z-index:1;flex-direction:column;gap:1.25rem;width:100%;height:100%;min-height:0;display:flex;position:relative}.stack-peel-testimonial-index{letter-spacing:-.04em;opacity:.1;pointer-events:none;-webkit-user-select:none;user-select:none;top:clamp(1rem,2vw,1.5rem);font-size:clamp(2.5rem,5vw,3.75rem);font-weight:800;line-height:1;position:absolute;inset-inline-end:clamp(1rem,2vw,1.5rem)}.stack-peel-testimonial-watermark{opacity:.07;pointer-events:none;-webkit-user-select:none;user-select:none;top:-.15em;font-size:clamp(7rem,14vw,11rem);font-weight:800;line-height:1;position:absolute;inset-inline-start:clamp(.75rem,2vw,1.25rem)}.stack-peel-testimonial-header{flex-shrink:0;align-items:center;gap:clamp(.85rem,1.6vw,1.25rem);padding-inline-end:3.5rem;display:flex}.stack-peel-testimonial-avatar{border:.125rem solid var(--portfolio-border);border-radius:50%;flex-shrink:0;width:clamp(4rem,6vw,5rem);height:clamp(4rem,6vw,5rem);overflow:hidden}.stack-peel-testimonial-avatar img{object-fit:cover;object-position:center top;width:100%;height:100%}.stack-peel-testimonial-meta{flex-direction:column;gap:.3rem;min-width:0;display:flex}.stack-peel-testimonial-eyebrow{letter-spacing:.04em;text-transform:uppercase;border-radius:.25rem;align-items:center;gap:.4rem;width:fit-content;margin:0;padding:.35rem .5rem;font-size:.82rem;font-weight:500;display:inline-flex}.stack-peel-testimonial-eyebrow-dot{opacity:.85;background:currentColor;border-radius:50%;width:.35rem;height:.35rem}.stack-peel-testimonial-name{text-transform:none;letter-spacing:-.02em;margin:0;font-size:clamp(1.45rem,2.6vw,2rem);font-weight:700;line-height:1.12}.stack-peel-testimonial-role{text-transform:none;letter-spacing:0;opacity:.72;margin:0;font-size:clamp(.85rem,1.15vw,.98rem);font-weight:500;line-height:1.45}.stack-peel-testimonial-quote{flex-direction:column;flex:1;justify-content:flex-start;min-height:0;margin:0;padding-top:.25rem;display:flex;position:relative;overflow:hidden}.stack-peel-testimonial-quote:before{content:"“";opacity:.35;margin-bottom:.5rem;font-size:2.5rem;line-height:1;display:block}.stack-peel-testimonial-quote[dir=rtl]{text-align:right}.stack-peel-testimonial-quote p{text-transform:none;letter-spacing:0;opacity:.92;flex:1;min-height:0;margin:0;font-size:1.1rem;font-weight:400;line-height:1.55;overflow:hidden}.stack-peel-testimonial-highlight{color:var(--portfolio-accent);font-weight:600}.stack-peel-testimonial-quote p .stack-peel-testimonial-highlight{opacity:1}.stack-peel-testimonial-quote[dir=rtl] p{font-family:var(--font-arabic), "Segoe UI", Tahoma, sans-serif;font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.7}#testimonial-mohammed .stack-peel-testimonial-quote p{font-size:1.2rem;line-height:1.5}.stack-peel-testimonial-quote-wrap{flex-direction:column;flex:1;gap:.85rem;min-height:0;display:flex}.stack-peel-testimonial-read-more{letter-spacing:.01em;opacity:.82;align-items:center;gap:.35rem;width:fit-content;font-size:.9rem;font-weight:600;transition:opacity .2s,gap .2s;display:inline-flex}.stack-peel-testimonial-read-more:hover{opacity:1;gap:.5rem}.stack-peel-testimonial-read-more[hidden]{display:none}.testimonial-page{min-height:100svh;padding:clamp(6rem, 12vw, 8rem) var(--section-padding-x) var(--section-padding-y);background-color:var(--portfolio-muted);color:var(--portfolio-fg)}.testimonial-page-inner{width:min(100%,46rem);margin:0 auto}.testimonial-page-back{opacity:.75;align-items:center;gap:.5rem;margin-bottom:clamp(1.5rem,4vw,2.5rem);font-size:.95rem;font-weight:500;transition:opacity .2s,gap .2s;display:inline-flex}.testimonial-page-back:hover{opacity:1;gap:.65rem}.testimonial-page-card{border-radius:1rem;flex-direction:column;gap:1.5rem;padding:clamp(1.5rem,4vw,2.5rem);display:flex;position:relative;overflow:hidden}.testimonial-page-quote{flex:none;overflow:visible}.testimonial-page-quote p{font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.65;overflow:visible}.testimonial-page-quote[dir=rtl] p{font-family:var(--font-arabic), "Segoe UI", Tahoma, sans-serif;font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.75}.stack-peel-variant-accent{background-color:var(--portfolio-accent);color:#fff;z-index:5}.stack-peel-variant-accent .stack-peel-testimonial-eyebrow{background-color:var(--portfolio-fg);color:var(--portfolio-muted)}.stack-peel-variant-card{background-color:var(--portfolio-card);color:var(--portfolio-muted);z-index:4}.stack-peel-variant-card .stack-peel-testimonial-eyebrow{background-color:var(--portfolio-muted);color:var(--portfolio-fg)}.stack-peel-variant-muted{color:var(--portfolio-fg);z-index:3;background-color:#262626}.stack-peel-variant-muted .stack-peel-testimonial-eyebrow{background-color:var(--portfolio-fg);color:var(--portfolio-muted)}.stack-peel-variant-muted .stack-peel-testimonial-eyebrow-dot{background-color:var(--portfolio-gold)}.stack-peel-variant-fg{background-color:var(--portfolio-fg);color:var(--portfolio-muted);z-index:2}#testimonial-sameh{z-index:5}#testimonial-mohammed{z-index:4}@media (max-width:1000px){.stack-peel-cards{height:auto;min-height:auto;padding:var(--section-padding-y) var(--section-padding-x);perspective:none;gap:var(--section-gap);flex-direction:column;display:flex}.stack-peel-card{width:100%;max-width:34rem;height:auto;min-height:auto;padding:var(--card-padding);margin:0 auto;position:relative;top:auto;left:auto;transform:none!important}.stack-peel-testimonial-header{text-align:center;flex-direction:column;padding-inline-end:0}.stack-peel-testimonial-meta{align-items:center}.stack-peel-testimonial-index{top:1rem;inset-inline-end:1rem}#testimonial-mohammed{padding:var(--card-padding)}#testimonial-mohammed .stack-peel-testimonial-quote p{font-size:clamp(.95rem,3.5vw,1.15rem);line-height:1.55}.stack-peel-testimonial-quote[dir=rtl] p{font-size:clamp(.95rem,3.5vw,1.1rem)}}.section-intro{height:100svh;padding:var(--section-padding-inner);text-align:center;background-color:var(--portfolio-bg);color:var(--portfolio-fg);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.section-intro--muted{background-color:var(--portfolio-muted)}.section-intro-title{text-transform:uppercase;width:75%;color:var(--portfolio-accent);font-size:clamp(3rem,10vw,12rem);font-weight:800;line-height:1.05}.expertise-team{width:100%;height:100svh;padding:var(--section-padding-inner);background-color:var(--portfolio-bg);color:var(--portfolio-fg);gap:1rem;display:flex;position:relative;overflow:hidden}.expertise-member{border:2px dashed var(--portfolio-border);will-change:transform;border-radius:1.5rem;flex:1;width:100%;height:100%;position:relative;transform:translateY(125%)}.expertise-member:first-child{z-index:2}.expertise-member:nth-child(2){z-index:1}.expertise-member:nth-child(3){z-index:0}.expertise-member-name-initial{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.expertise-member-name-initial .expertise-member-initial{text-transform:uppercase;color:var(--portfolio-accent);will-change:transform;font-size:clamp(8rem,18vw,20rem);font-weight:800;line-height:.8;display:block;transform:scale(0)}.expertise-member-card{width:calc(100% + 4px);height:calc(100% + 4px);padding:var(--section-padding-inner);background-color:var(--portfolio-card);will-change:transform;border-radius:1.5rem;flex-direction:column;align-items:center;gap:2rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.expertise-member:first-child .expertise-member-card{transform:translate(300%,-50%)scale(.75)rotate(20deg)}.expertise-member:nth-child(2) .expertise-member-card{transform:translate(200%,-50%)scale(.75)rotate(20deg)}.expertise-member:nth-child(3) .expertise-member-card{transform:translate(100%,-50%)scale(.75)rotate(20deg)}.expertise-member-img{aspect-ratio:1;border-radius:1rem;width:100%;margin-bottom:1rem;overflow:hidden}.expertise-member-img img{object-fit:cover;width:100%;height:100%;display:block}.expertise-member-info{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.expertise-member-info p{text-transform:uppercase;letter-spacing:.05em;color:var(--portfolio-muted);font-size:.9rem;font-weight:500;line-height:1}.expertise-member-info h3{text-transform:uppercase;color:var(--portfolio-accent);font-size:clamp(3rem,3vw,6rem);font-weight:800;line-height:.95}.expertise-member-info h3 span{color:var(--portfolio-muted)}.footer-reveal-spacer{pointer-events:none;height:100vh}.portfolio-footer{background-color:var(--portfolio-bg);color:var(--portfolio-fg)}.portfolio-footer-label{letter-spacing:.35em;text-transform:uppercase;color:var(--portfolio-fg);font-size:.75rem;font-weight:600}@supports (color:color-mix(in lab, red, red)){.portfolio-footer-label{color:color-mix(in srgb, var(--portfolio-fg) 50%, transparent)}}.portfolio-footer-cta-primary{background-color:var(--portfolio-accent);color:var(--portfolio-fg);text-transform:uppercase;padding:.5rem 1rem;font-weight:800;transition:transform .3s;display:inline-block}.portfolio-footer-cta-secondary{background-color:var(--portfolio-fg);color:var(--portfolio-muted);text-transform:uppercase;padding:.5rem 1rem;font-weight:800;transition:transform .3s;display:inline-block}.portfolio-footer-link{color:var(--portfolio-fg)}@supports (color:color-mix(in lab, red, red)){.portfolio-footer-link{color:color-mix(in srgb, var(--portfolio-fg) 70%, transparent)}}.portfolio-footer-link{transition:color .2s}.portfolio-footer-link:hover{color:var(--portfolio-fg)}.portfolio-footer-divider{border-color:var(--portfolio-border)}.portfolio-footer-cta-group{flex-wrap:wrap;gap:.5rem;display:flex}.portfolio-footer-email{letter-spacing:-.02em;font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:600}.portfolio-footer-bio{max-width:32rem;color:var(--portfolio-fg);font-size:.95rem;line-height:1.65}@supports (color:color-mix(in lab, red, red)){.portfolio-footer-bio{color:color-mix(in srgb, var(--portfolio-fg) 72%, transparent)}}.portfolio-footer-nav-link{font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;transition:transform .2s,color .2s;display:inline-flex}.portfolio-footer-nav-link:hover{transform:translate(2px)}.portfolio-footer-meta{font-size:.875rem}.portfolio-footer-social-row{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.portfolio-footer-social-icon{border:1px solid var(--portfolio-border);width:2.75rem;height:2.75rem;color:var(--portfolio-fg);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.portfolio-footer-social-icon{color:color-mix(in srgb, var(--portfolio-fg) 70%, transparent)}}.portfolio-footer-social-icon{transition:color .2s,border-color .2s,transform .2s,background-color .2s}.portfolio-footer-social-icon:hover{color:var(--portfolio-fg);border-color:var(--portfolio-accent)}@supports (color:color-mix(in lab, red, red)){.portfolio-footer-social-icon:hover{border-color:color-mix(in srgb, var(--portfolio-accent) 65%, transparent)}}.portfolio-footer-social-icon:hover{background-color:var(--portfolio-accent)}@supports (color:color-mix(in lab, red, red)){.portfolio-footer-social-icon:hover{background-color:color-mix(in srgb, var(--portfolio-accent) 12%, transparent)}}.portfolio-footer-social-icon:hover{transform:translateY(-2px)}.portfolio-footer-connect-link{align-items:flex-start;gap:.75rem;display:flex}.portfolio-footer-connect-icon{border:1px solid var(--portfolio-border);width:2.5rem;height:2.5rem;color:var(--portfolio-fg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.portfolio-footer-connect-icon{color:color-mix(in srgb, var(--portfolio-fg) 65%, transparent)}}.portfolio-footer-connect-icon{transition:border-color .2s,color .2s}.portfolio-footer-connect-link:hover .portfolio-footer-connect-icon{color:var(--portfolio-fg);border-color:var(--portfolio-accent)}@supports (color:color-mix(in lab, red, red)){.portfolio-footer-connect-link:hover .portfolio-footer-connect-icon{border-color:color-mix(in srgb, var(--portfolio-accent) 65%, transparent)}}.portfolio-footer-connect-label{font-weight:500}.portfolio-footer-connect-hint{color:var(--portfolio-fg);margin-top:.125rem;font-size:.8125rem;display:block}@supports (color:color-mix(in lab, red, red)){.portfolio-footer-connect-hint{color:color-mix(in srgb, var(--portfolio-fg) 52%, transparent)}}.portfolio-footer-connect-hint{transition:color .2s}.portfolio-footer-connect-link:hover .portfolio-footer-connect-hint{color:var(--portfolio-fg)}@supports (color:color-mix(in lab, red, red)){.portfolio-footer-connect-link:hover .portfolio-footer-connect-hint{color:color-mix(in srgb, var(--portfolio-fg) 72%, transparent)}}@media (max-width:1000px){.section-intro{height:auto;min-height:auto;padding:var(--section-padding-y-loose) var(--section-padding-inner)}.section-intro-title{width:100%;font-size:4rem;line-height:1.1}.expertise-team{flex-direction:column;align-items:center;height:250svh}.expertise-member{max-width:400px;transform:translateY(0%)!important}.expertise-member-name-initial .expertise-member-initial{transform:scale(1)}.expertise-member .expertise-member-card{transform:translate(-50%,-50%)scale(1)rotate(0)!important}.expertise-member-info h3{font-size:clamp(2.5rem,10vw,3.5rem)}}.nav-text-section{padding:var(--section-padding-inner);background-color:var(--portfolio-bg);color:var(--portfolio-fg);position:relative;overflow:hidden}@media (min-width:1001px){.nav-text-section{height:100svh}#about-me .nav-text-hero,#about-me .nav-text-cta,#about-me .nav-text-outro{height:100svh;min-height:100svh}#about-me .nav-text-hero .nav-text-copy,#about-me .nav-text-cta .nav-text-copy,#about-me .nav-text-outro .nav-text-copy{height:100%;min-height:100%}}.nav-text-copy{text-align:center;border-radius:2rem;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.nav-text-copy h2{width:70%;font-size:clamp(2rem,5vw,5rem);font-weight:900;line-height:1.2}.nav-text-hero .nav-text-copy{background:var(--portfolio-gold-soft);color:var(--portfolio-muted)}.nav-text-cta .nav-text-copy{background:var(--portfolio-fg);color:var(--portfolio-bg)}.nav-text-outro .nav-text-copy{background:var(--portfolio-muted)}.nav-text-outro .nav-text-copy h2{color:var(--portfolio-accent)}.nav-text-copy-bordered{border:.15rem dashed var(--portfolio-border)}.nav-text-body{width:60%}.nav-text-paragraph{color:var(--portfolio-fg);text-align:center;margin:2rem 1rem;font-size:clamp(1.25rem,2.5vw,2rem);font-weight:900;line-height:1.5}.nav-text-word{will-change:background-color, opacity;border-radius:2rem;margin-bottom:.2rem;margin-right:.2rem;padding:.1rem .2rem;display:inline-block;position:relative}.nav-text-keyword-wrapper{margin:0 .4rem .2rem .2rem}.nav-text-word span{position:relative}.nav-text-keyword{width:100%;height:100%;color:var(--portfolio-bg);border-radius:2rem;padding:.1rem 0;display:inline-block}.nav-text-keyword:before{content:"";z-index:-1;border-radius:2rem;width:calc(100% + 1rem);height:calc(100% + .4rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nav-text-keyword-accent:before{background-color:var(--portfolio-accent)}.nav-text-keyword-fg:before{background-color:var(--portfolio-fg)}.nav-text-keyword-muted:before{background-color:var(--portfolio-fg);color:var(--portfolio-bg);border:.1rem solid var(--portfolio-border)}.nav-text-word,.nav-text-word span{opacity:0}@media (max-width:1000px){.nav-text-copy h2,.nav-text-body{width:100%}.nav-text-section{height:auto;min-height:auto;padding:var(--section-padding-y) var(--section-padding-x);overflow:visible}.nav-text-hero,.nav-text-cta,.nav-text-outro{height:auto;min-height:auto;padding:var(--section-padding-y-loose) var(--section-padding-x)}#about-me .nav-text-hero,#about-me .nav-text-cta,#about-me .nav-text-outro{height:50svh;min-height:50svh;padding:var(--section-padding-inner)}#about-me .nav-text-hero .nav-text-copy,#about-me .nav-text-cta .nav-text-copy,#about-me .nav-text-outro .nav-text-copy{height:100%;min-height:100%}.nav-text-hero .nav-text-copy,.nav-text-cta .nav-text-copy,.nav-text-outro .nav-text-copy{flex:none;min-height:auto}.nav-text-container{min-height:auto}#about-me .nav-text-about,#about-me .nav-text-features{min-height:calc(100svh - var(--glass-nav-offset-mobile) - 2 * var(--section-padding-inner));box-sizing:border-box}#about-me .nav-text-about .nav-text-copy,#about-me .nav-text-features .nav-text-copy{height:100%;min-height:100%}.nav-text-copy{height:auto;min-height:18rem}.nav-text-word,.nav-text-word span{opacity:1}.nav-text-word{margin-bottom:.15rem;margin-right:.1rem;padding:.1rem .2rem}.nav-text-keyword-wrapper{margin:0 .2rem .1rem .1rem}}.glass-nav{z-index:60;opacity:0;pointer-events:none;width:fit-content;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .45s;position:fixed;top:clamp(.85rem,2.2vw,1.15rem);left:50%;transform:translate(-50%)translateY(calc(-100% - 1.5rem))}.glass-nav.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.glass-nav__shell{isolation:isolate;background:linear-gradient(135deg, var(--portfolio-fg), var(--portfolio-accent) 42%, var(--portfolio-fg) 72%, var(--portfolio-fg));border-radius:999px;padding:1px;position:relative}@supports (color:color-mix(in lab, red, red)){.glass-nav__shell{background:linear-gradient(135deg, color-mix(in srgb, var(--portfolio-fg) 28%, transparent), color-mix(in srgb, var(--portfolio-accent) 22%, transparent) 42%, color-mix(in srgb, var(--portfolio-fg) 10%, transparent) 72%, color-mix(in srgb, var(--portfolio-fg) 24%, transparent))}}.glass-nav__shell{box-shadow:0 14px 40px #00000057, inset 0 1px 0 var(--portfolio-fg)}@supports (color:color-mix(in lab, red, red)){.glass-nav__shell{box-shadow:0 14px 40px #00000057, inset 0 1px 0 color-mix(in srgb, var(--portfolio-fg) 16%, transparent)}}.glass-nav__liquid{background:radial-gradient(circle at 22% 38%, var(--portfolio-accent), transparent 42%), radial-gradient(circle at 78% 62%, var(--portfolio-fg), transparent 45%);border-radius:50%;position:absolute;inset:-30% -8%}@supports (color:color-mix(in lab, red, red)){.glass-nav__liquid{background:radial-gradient(circle at 22% 38%, color-mix(in srgb, var(--portfolio-accent) 22%, transparent), transparent 42%), radial-gradient(circle at 78% 62%, color-mix(in srgb, var(--portfolio-fg) 12%, transparent), transparent 45%)}}.glass-nav__liquid{filter:blur(18px);opacity:.85;pointer-events:none;z-index:-1;animation:9s ease-in-out infinite alternate glass-nav-liquid}@keyframes glass-nav-liquid{0%{transform:translate(-4%)scale(1)}to{transform:translate(4%,2%)scale(1.06)}}.glass-nav__inner{border-radius:inherit;background:var(--portfolio-bg);align-items:center;gap:clamp(.5rem,1.8vw,1rem);padding:.42rem .45rem .42rem .55rem;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.glass-nav__inner{background:color-mix(in srgb, var(--portfolio-bg) 58%, #0f0f0fb8)}}.glass-nav__inner{-webkit-backdrop-filter:blur(22px)saturate(1.35);overflow:hidden}.glass-nav__inner:before{content:"";background:linear-gradient(115deg, transparent 36%, var(--portfolio-fg) 50%, transparent 64%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.glass-nav__inner:before{background:linear-gradient(115deg, transparent 36%, color-mix(in srgb, var(--portfolio-fg) 10%, transparent) 50%, transparent 64%)}}.glass-nav__inner:before{pointer-events:none;animation:7.5s ease-in-out infinite glass-nav-shimmer;transform:translate(-120%)}@keyframes glass-nav-shimmer{0%,72%{transform:translate(-120%)}to{transform:translate(120%)}}.glass-nav__brand{border:1px solid var(--portfolio-accent);border-radius:999px;flex-shrink:0;place-items:center;width:2.15rem;height:2.15rem;display:grid}@supports (color:color-mix(in lab, red, red)){.glass-nav__brand{border:1px solid color-mix(in srgb, var(--portfolio-accent) 35%, var(--portfolio-border))}}.glass-nav__brand{background:var(--portfolio-accent)}@supports (color:color-mix(in lab, red, red)){.glass-nav__brand{background:color-mix(in srgb, var(--portfolio-accent) 14%, #0f0f0f8c)}}.glass-nav__brand{color:var(--portfolio-fg);letter-spacing:.06em;cursor:pointer;font-size:.68rem;font-weight:700;transition:transform .25s,background .25s,border-color .25s}.glass-nav__brand:hover{border-color:var(--portfolio-accent);transform:scale(1.04)}@supports (color:color-mix(in lab, red, red)){.glass-nav__brand:hover{border-color:color-mix(in srgb, var(--portfolio-accent) 55%, var(--portfolio-border))}}.glass-nav__brand:hover{background:var(--portfolio-accent)}@supports (color:color-mix(in lab, red, red)){.glass-nav__brand:hover{background:color-mix(in srgb, var(--portfolio-accent) 22%, #0f0f0f8c)}}.glass-nav__brand-image{border-radius:inherit;object-fit:cover;width:100%;height:100%}.glass-nav__links{scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:.15rem;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.glass-nav__links::-webkit-scrollbar{display:none}.glass-nav__link{color:var(--portfolio-fg);background:0 0;border:0;border-radius:999px;flex-shrink:0;padding:.45rem .68rem;position:relative}@supports (color:color-mix(in lab, red, red)){.glass-nav__link{color:color-mix(in srgb, var(--portfolio-fg) 72%, transparent)}}.glass-nav__link{letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;cursor:pointer;font-size:.68rem;font-weight:500;transition:color .25s,background .25s,transform .25s}.glass-nav__link:hover{color:var(--portfolio-fg);background:var(--portfolio-fg)}@supports (color:color-mix(in lab, red, red)){.glass-nav__link:hover{background:color-mix(in srgb, var(--portfolio-fg) 7%, transparent)}}.glass-nav__link.is-active{color:var(--portfolio-fg);background:var(--portfolio-accent)}@supports (color:color-mix(in lab, red, red)){.glass-nav__link.is-active{background:color-mix(in srgb, var(--portfolio-accent) 18%, #0f0f0f73)}}.glass-nav__link.is-active{box-shadow:inset 0 1px 0 var(--portfolio-fg), 0 0 0 1px var(--portfolio-accent)}@supports (color:color-mix(in lab, red, red)){.glass-nav__link.is-active{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--portfolio-fg) 12%, transparent), 0 0 0 1px color-mix(in srgb, var(--portfolio-accent) 28%, transparent)}}.glass-nav__toggle{border:1px solid var(--portfolio-fg);flex-shrink:0;justify-content:center;align-items:center;width:2.15rem;height:2.15rem;padding:0;display:none}@supports (color:color-mix(in lab, red, red)){.glass-nav__toggle{border:1px solid color-mix(in srgb, var(--portfolio-fg) 14%, var(--portfolio-border))}}.glass-nav__toggle{background:var(--portfolio-fg);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.glass-nav__toggle{background:color-mix(in srgb, var(--portfolio-fg) 5%, #0f0f0f73)}}.glass-nav__toggle{color:var(--portfolio-fg);cursor:pointer;transition:transform .25s,background .25s,border-color .25s}.glass-nav__toggle:hover{border-color:var(--portfolio-accent);transform:scale(1.04)}@supports (color:color-mix(in lab, red, red)){.glass-nav__toggle:hover{border-color:color-mix(in srgb, var(--portfolio-accent) 45%, var(--portfolio-border))}}.glass-nav__toggle:hover{background:var(--portfolio-accent)}@supports (color:color-mix(in lab, red, red)){.glass-nav__toggle:hover{background:color-mix(in srgb, var(--portfolio-accent) 14%, #0f0f0f73)}}.glass-nav__toggle-icon{width:.95rem;height:.72rem;display:block;position:relative}.glass-nav__toggle-icon span{background:currentColor;border-radius:999px;width:100%;height:1.5px;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .2s,top .28s cubic-bezier(.22,1,.36,1);position:absolute;left:0}.glass-nav__toggle-icon span:first-child{top:0}.glass-nav__toggle-icon span:nth-child(2){top:50%;transform:translateY(-50%)}.glass-nav__toggle-icon span:nth-child(3){top:calc(100% - 1.5px)}.glass-nav.is-menu-open .glass-nav__toggle-icon span:first-child{top:50%;transform:translateY(-50%)rotate(45deg)}.glass-nav.is-menu-open .glass-nav__toggle-icon span:nth-child(2){opacity:0}.glass-nav.is-menu-open .glass-nav__toggle-icon span:nth-child(3){top:50%;transform:translateY(-50%)rotate(-45deg)}.glass-nav__menu{display:none}.glass-nav__menu-list{flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.glass-nav__menu-link{width:100%;color:var(--portfolio-fg);background:0 0;border:0;border-radius:.85rem;padding:.72rem .85rem;display:block}@supports (color:color-mix(in lab, red, red)){.glass-nav__menu-link{color:color-mix(in srgb, var(--portfolio-fg) 78%, transparent)}}.glass-nav__menu-link{letter-spacing:.07em;text-align:left;text-transform:uppercase;cursor:pointer;font-size:.72rem;font-weight:500;transition:color .25s,background .25s,transform .25s}.glass-nav__menu-link:hover{color:var(--portfolio-fg);background:var(--portfolio-fg)}@supports (color:color-mix(in lab, red, red)){.glass-nav__menu-link:hover{background:color-mix(in srgb, var(--portfolio-fg) 7%, transparent)}}.glass-nav__menu-link.is-active{color:var(--portfolio-fg);background:var(--portfolio-accent)}@supports (color:color-mix(in lab, red, red)){.glass-nav__menu-link.is-active{background:color-mix(in srgb, var(--portfolio-accent) 18%, #0f0f0f73)}}.glass-nav__menu-link.is-active{box-shadow:inset 0 1px 0 var(--portfolio-fg), 0 0 0 1px var(--portfolio-accent)}@supports (color:color-mix(in lab, red, red)){.glass-nav__menu-link.is-active{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--portfolio-fg) 12%, transparent), 0 0 0 1px color-mix(in srgb, var(--portfolio-accent) 28%, transparent)}}@media (max-width:1000px){.glass-nav{width:min(100vw - 1.25rem,22rem)}.glass-nav__shell{border-radius:1.35rem}.glass-nav__inner{justify-content:space-between;gap:.65rem;padding:.42rem .45rem .42rem .55rem}.glass-nav__links--desktop{display:none}.glass-nav__toggle{display:inline-flex}.glass-nav__menu{opacity:0;pointer-events:none;background:var(--portfolio-bg);border:1px solid var(--portfolio-border);border-top:1px solid #0000;max-height:0;padding:0 .45rem;transition:max-height .42s cubic-bezier(.22,1,.36,1),opacity .28s,padding .42s cubic-bezier(.22,1,.36,1),border-color .28s;display:block;overflow:hidden}.glass-nav.is-menu-open .glass-nav__inner{background:var(--portfolio-bg);-webkit-backdrop-filter:none}.glass-nav.is-menu-open .glass-nav__inner:before,.glass-nav.is-menu-open .glass-nav__liquid{opacity:0}.glass-nav.is-menu-open .glass-nav__menu{opacity:1;pointer-events:auto;border-top-color:var(--portfolio-fg);max-height:28rem;padding:.35rem .45rem .55rem}@supports (color:color-mix(in lab, red, red)){.glass-nav.is-menu-open .glass-nav__menu{border-top-color:color-mix(in srgb, var(--portfolio-fg) 10%, transparent)}}}@media (min-width:1001px){.glass-nav__menu{display:none!important}}.scroll-progress-bar{z-index:50;pointer-events:none;opacity:0;background:var(--portfolio-fg);width:100%;height:5px;position:fixed;top:0;left:0}@supports (color:color-mix(in lab, red, red)){.scroll-progress-bar{background:color-mix(in srgb, var(--portfolio-fg) 12%, transparent)}}.scroll-progress-bar{transition:opacity .45s}.scroll-progress-bar.is-visible{opacity:1}.scroll-progress-bar__fill{transform-origin:0;will-change:transform;background:linear-gradient(90deg, var(--portfolio-accent), var(--portfolio-accent));width:100%;height:100%;transform:scaleX(0)}@supports (color:color-mix(in lab, red, red)){.scroll-progress-bar__fill{background:linear-gradient(90deg, var(--portfolio-accent), color-mix(in srgb, var(--portfolio-accent) 70%, #fff))}}.scroll-progress-bar__fill{box-shadow:0 0 14px var(--portfolio-accent)}@supports (color:color-mix(in lab, red, red)){.scroll-progress-bar__fill{box-shadow:0 0 14px color-mix(in srgb, var(--portfolio-accent) 50%, transparent)}}.scroll-progress-label{z-index:50;border:1px solid var(--portfolio-border);background:var(--portfolio-bg);border-radius:999px;align-items:center;gap:.75rem;padding:.55rem .9rem;display:flex;position:fixed;bottom:clamp(1.25rem,3vw,2rem);left:clamp(1.25rem,3vw,2rem)}@supports (color:color-mix(in lab, red, red)){.scroll-progress-label{background:color-mix(in srgb, var(--portfolio-bg) 82%, transparent)}}.scroll-progress-label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--portfolio-fg);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;opacity:0;font-size:.7rem;font-weight:500;transition:opacity .45s,transform .45s cubic-bezier(.22,1,.36,1);transform:translateY(.5rem)}.scroll-progress-label.is-visible{opacity:1;transform:translateY(0)}.scroll-progress-label__message{transition:opacity .3s}.scroll-progress-label__percent{color:var(--portfolio-accent);font-variant-numeric:tabular-nums}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}