:is(html:has(.portfolio-shell),body:has(.portfolio-shell)){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#bcd1e2}.portfolio-shell{--portfolio-surround:#bcd1e2;--portfolio-base:#102a43;--portfolio-panel-light:#3e769f6b;--portfolio-panel-dark:#204a6b5c;--portfolio-accent:#75c9f1;--portfolio-hover:#286998;--portfolio-label:#b9e0f5;--portfolio-muted:#c2d3e1;--portfolio-border:#97cff03d;--portfolio-card:#0d29413d;isolation:isolate;background:var(--portfolio-surround);color:#f1f7fc;min-height:100svh;padding:6rem 1rem 3rem;position:relative}.portfolio-shell:before{content:"";z-index:-1;pointer-events:none;background-color:var(--portfolio-surround);background-image:url(/images/ethereal/overlay.png),radial-gradient(at 15% 10%,#deedf7 0%,#0000 60%),linear-gradient(135deg,#cbddea 0%,#bcd1e2 48%,#90aec8 100%);background-repeat:repeat,no-repeat,no-repeat;background-size:128px 128px,cover,cover;position:fixed;inset:0}.portfolio-header{z-index:30;justify-content:space-between;gap:1rem;display:flex;position:absolute;inset:1.25rem 1rem auto}.portfolio-header-link{color:#234864;letter-spacing:.15rem;text-transform:uppercase;white-space:nowrap;background:0 0;border:0;border-radius:.25rem;justify-content:center;align-items:center;gap:.5rem;min-width:2.75rem;min-height:2.75rem;padding:.5rem 1.5rem;font-family:Arial,Helvetica,sans-serif;font-size:.65rem;font-weight:700;text-decoration:none;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out,color .2s ease-in-out;display:inline-flex;box-shadow:inset 0 0 0 2px #23486461}.portfolio-header-link:hover{color:#174665;background:#deedf759;box-shadow:inset 0 0 0 2px #286998}.portfolio-header-link:active{background:#28699829}.portfolio-frame{width:100%;min-width:0;position:relative}.portfolio-credit{color:var(--portfolio-surround);text-align:right;margin-top:2rem;font-size:.75rem;line-height:1.5}.portfolio-strip{isolation:isolate;background:var(--portfolio-base);position:relative;overflow:clip;box-shadow:0 2rem 3.5rem -.5rem #0d1b2a8c,0 .75rem 1.5rem #0d1b2a47,0 0 0 1px #0d1b2a1f}.portfolio-backdrop{z-index:0;pointer-events:none;height:100svh;margin-bottom:-100svh;position:sticky;top:0}.portfolio-rail{z-index:10;flex-direction:column;min-width:0;display:flex;position:relative}.portfolio-rail>section,.portfolio-rail>article{border:0 solid var(--portfolio-border);border-bottom-width:1px;min-height:0;padding:2.5rem 1.25rem;box-shadow:inset 0 1px #cdebff14}.portfolio-rail>:nth-child(odd){background:var(--portfolio-panel-dark)}.portfolio-rail>:nth-child(2n){background:var(--portfolio-panel-light)}.portfolio-accent{color:var(--portfolio-accent)}.portfolio-label{color:var(--portfolio-label)}.portfolio-muted{color:var(--portfolio-muted)}.portfolio-card{background:var(--portfolio-card);border-color:var(--portfolio-border)}a.portfolio-card:hover{background:#34699461;border-color:#b9e0f599}.portfolio-chip{border-color:var(--portfolio-border);background:#63afde14}.portfolio-rail>#contact{padding:0}.portfolio-rail>#contact>[data-panel-scroll]{padding:2.5rem 1.25rem}.portfolio-hero{justify-content:flex-start}.portfolio-drag-hint{display:none}.portfolio-header-link:focus-visible{outline-offset:5px;outline:3px solid #2563eb}@media (min-width:40rem){.portfolio-shell{padding-inline:2rem}.portfolio-header{inset-inline:2rem}.portfolio-rail>section,.portfolio-rail>article,.portfolio-rail>#contact>[data-panel-scroll]{padding:3rem}.portfolio-rail>#contact{padding:0}}@media (min-width:48rem) and (hover:hover) and (pointer:fine){.portfolio-shell{align-items:center;height:auto;padding:6rem clamp(3rem,5vw,5rem) 3rem;display:flex}.portfolio-header{inset:1.25rem clamp(3rem,5vw,5rem) auto}.portfolio-strip{height:min(56rem,140svh - 14rem);box-shadow:0 3rem 4.5rem -.5rem #0d1b2aa6,0 1rem 2rem #0d1b2a52,0 0 0 1px #0d1b2a29}.portfolio-backdrop{height:auto;margin-bottom:0;position:absolute;inset:0}.portfolio-rail{cursor:grab;flex-direction:row;height:100%;overflow:auto hidden}.portfolio-rail:active{cursor:grabbing}.portfolio-rail>section,.portfolio-rail>article{scrollbar-width:thin;scrollbar-color:#75a4c5 transparent;border-bottom-width:0;border-right-width:1px;height:100%;min-height:0;padding:2.5rem 3rem;overflow-y:auto}.portfolio-rail>#contact{padding:0;overflow:hidden}.portfolio-rail>#contact>[data-panel-scroll]{scrollbar-width:thin;scrollbar-color:#60799c transparent;min-height:0;padding:2.5rem 3rem;overflow-y:auto}.portfolio-hero h1{margin-top:1.25rem;font-size:clamp(2.5rem,4.2vw,4rem)}.portfolio-hero h1~p{margin-top:1.25rem}.portfolio-drag-hint{letter-spacing:.16em;color:#ffffff73;margin-top:2rem;font-family:monospace;font-size:.625rem;display:block}}@media (prefers-reduced-motion:reduce){.portfolio-header-link{transition:none}}