.portfolio-page{overflow:clip}.portfolio-page p{margin:0}.portfolio-gradient{color:#6246df}@supports (background-clip:text){.portfolio-gradient{background:var(--text-accent-gradient);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}}.portfolio-hero{isolation:isolate;background:radial-gradient(at 70% 15%,#e6def355,#0000 60%);position:relative}.portfolio-intro{z-index:3;pointer-events:none;justify-content:center;align-items:center;min-height:calc(100svh - 72px);padding-block:125px 110px;display:flex;position:relative}.portfolio-intro-copy{isolation:isolate;text-align:center;width:fit-content;max-width:480px;position:relative}.portfolio-intro-copy:before{content:"";z-index:-1;pointer-events:none;opacity:var(--intro-veil,1);background:radial-gradient(#fafafdf5 0%,#fafafdd4 43%,#fafafd00 72%);position:absolute;inset:-48px -90px}.portfolio-intro .eyebrow{color:#5c4b86;margin:0 0 22px}.portfolio-intro h1{letter-spacing:-.055em;margin:0;font-size:clamp(3.1rem,5.7vw,5.2rem);font-weight:600;line-height:1.1}.portfolio-explore{color:#392468;pointer-events:auto;flex-direction:column;align-items:center;gap:10px;width:fit-content;margin:26px auto 0;font-size:.875rem;font-weight:600;display:flex}.portfolio-explore-arrow{-webkit-backdrop-filter:blur(12px)saturate(130%);background:radial-gradient(at 28% 8%,#fff 0%,#ffffff4d 40%,#0000 64%),linear-gradient(145deg,#ffffffa6,#d6c6ed8c);border:1px solid #fffffff0;border-radius:50%;place-items:center;width:72px;height:72px;transition:transform .25s,box-shadow .25s;display:grid;position:relative;box-shadow:0 8px 24px -12px #47256b66,0 2px 5px #44215c14,inset 0 2px 3px #fff,inset 0 -3px 7px #76579926}.portfolio-explore-arrow:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff70;border-bottom-color:#9b7cc333;position:absolute;inset:3px}.portfolio-explore-arrow svg{filter:drop-shadow(0 1px #ffffffc9);transition:transform .25s;position:relative}.portfolio-explore-label{line-height:1.4}@media (hover:hover) and (pointer:fine){.portfolio-explore:hover .portfolio-explore-arrow{transform:translateY(-2px);box-shadow:0 12px 28px -12px #47256b80,0 2px 5px #44215c14,inset 0 2px 3px #fff,inset 0 -3px 7px #76579933}.portfolio-explore:hover .portfolio-explore-arrow svg{transform:translateY(3px)}}.portfolio-explore:active .portfolio-explore-arrow{transform:scale(.96)}.portfolio-preview-label{color:#766884;margin-top:16px;font-size:.875rem;display:block}.portfolio-work{padding-bottom:64px;scroll-margin-top:0;position:relative}.portfolio-parallax{z-index:1;width:min(1680px,100% - 64px);position:relative}.portfolio-plane{transform-origin:50% 0}.portfolio-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.portfolio-hero[data-parallax-ready] .portfolio-plane{transform:translateY(var(--portfolio-lift,0px)) perspective(1600px) rotateX(var(--portfolio-tilt,30deg)) rotateZ(var(--portfolio-turn,14deg)) scale(var(--portfolio-scale,1.18));opacity:var(--portfolio-opacity,.6)}.portfolio-hero[data-parallax-ready] .portfolio-project{transform:translateX(calc(var(--card-direction) * var(--portfolio-drift,80px)))}.portfolio-hero[data-parallax-ready] .portfolio-project-copy{opacity:var(--portfolio-details-opacity,0)}.portfolio-hero[data-parallax-moving] .portfolio-plane{will-change:transform,opacity}.portfolio-project{cursor:pointer;background:linear-gradient(145deg,#fff,#f7f4fb);border:1px solid #e3deeb;border-radius:24px;flex-direction:column;min-width:0;padding:8px;transition:translate .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;box-shadow:0 12px 30px -20px #25143f45}.portfolio-project:focus-within{border-color:#a68bcf;translate:0 -6px;box-shadow:0 20px 36px -16px #4b26774d,0 0 0 1px #c4afe859}.portfolio-project:focus-within .portfolio-project-link{color:#fff;background:#583a83}@media (hover:hover) and (pointer:fine){.portfolio-project:hover{border-color:#a68bcf;translate:0 -6px;box-shadow:0 20px 36px -16px #4b26774d,0 0 0 1px #c4afe859}.portfolio-project:hover .portfolio-project-link{color:#fff;background:#583a83}.portfolio-project:hover .portfolio-project-link>span{transform:translate(2px,-2px)}}.portfolio-project-copy{grid-template-columns:1fr auto;align-items:center;gap:12px;padding:14px 10px 10px;display:grid}.portfolio-format{display:none}.portfolio-project h3{letter-spacing:-.025em;margin:0;font-size:1.0625rem;line-height:1.3}.portfolio-project p{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.portfolio-project-link{text-align:left;color:#5a368d;border-radius:12px;place-items:center;width:36px;height:44px;padding:0;font-size:0;transition:background .25s,color .25s;display:grid}.portfolio-project-link:after{content:"";border-radius:24px;position:absolute;inset:0}.portfolio-project-link:focus-visible{outline:none}.portfolio-project:has(.portfolio-project-link:focus-visible){outline-offset:5px;outline:3px solid #8966c1}.portfolio-project-link>span{font-size:1.25rem;transition:transform .25s}.portfolio-project:focus-within .portfolio-project-link>span{transform:translate(2px,-2px)}.portfolio-cover{--cover-ink:#fff;--cover-muted:#e8defa;--cover-line:#ffffff38;aspect-ratio:16/10;min-width:0;min-height:180px;color:var(--cover-ink);background:radial-gradient(at 100% 0,#a593d6,#0000 67%),linear-gradient(140deg,#352354,#7654a7);border-radius:17px;flex-direction:column;justify-content:space-between;padding:20px;display:flex;position:relative;overflow:hidden}.portfolio-cover:before{content:"";aspect-ratio:1;border:28px solid #ffffff09;border-radius:50%;width:70%;position:absolute;bottom:-55%;right:-20%}.portfolio-cover--indigo{background:radial-gradient(at 90% 0,#91a7d6,#0000 72%),linear-gradient(140deg,#222848,#596295)}.portfolio-cover--mint{--cover-ink:#173f39;--cover-muted:#3f655d;--cover-line:#21584a38;background:radial-gradient(at 100% 0,#f2faf4,#0000 70%),linear-gradient(140deg,#b1d3c9,#daece2)}.portfolio-cover--rose{--cover-ink:#593247;--cover-muted:#785c6e;--cover-line:#713b6033;background:radial-gradient(at 100% 0,#ffefe1,#0000 72%),linear-gradient(140deg,#d9b9ce,#f5e1e1)}.portfolio-cover--blue{--cover-ink:#254467;--cover-muted:#4c6381;--cover-line:#314d6933;background:radial-gradient(at 100% 0,#e7edf9,#0000 72%),linear-gradient(140deg,#b2c6e0,#d4e1ee)}.portfolio-cover--midnight{background:radial-gradient(at 100% 0,#625180,#0000 68%),linear-gradient(140deg,#18172a,#353046)}.portfolio-cover--sand{--cover-ink:#614831;--cover-muted:#79634e;--cover-line:#79563533;background:radial-gradient(at 100% 0,#fff5df,#0000 72%),linear-gradient(140deg,#dfc6a5,#f0e4d2)}.portfolio-cover--teal{background:radial-gradient(at 100% 0,#679e9d,#0000 72%),linear-gradient(140deg,#193f48,#3f727a)}.portfolio-cover-top,.portfolio-cover-bottom{z-index:1;justify-content:space-between;align-items:center;gap:12px;font-size:.6875rem;font-weight:600;line-height:1.3;display:flex;position:relative}.portfolio-cover-top>:first-child{max-width:52%}.portfolio-cover-badge{border:1px solid var(--cover-line);color:var(--cover-muted);white-space:nowrap;border-radius:50px;padding:5px 7px;font-size:.65rem;font-weight:400}.portfolio-image-slot{text-align:left;flex:1;justify-content:center;align-items:center;min-height:60px;margin:14px 2px;padding:10px;display:flex;position:relative}.portfolio-image-slot>strong{width:100%;font-family:var(--font-display);letter-spacing:-.04em;color:var(--cover-ink);font-size:clamp(1.05rem,1.65vw,1.5rem);font-weight:500;line-height:1.2;display:block}.portfolio-slot-corner{border-top:1px solid var(--cover-line);border-left:1px solid var(--cover-line);border-radius:4px 0 0;width:18px;height:18px;position:absolute;inset:0 auto auto 0}.portfolio-slot-corner:last-child{inset:auto 0 0 auto;rotate:180deg}.portfolio-cover-bottom{color:var(--cover-muted);font-size:.625rem;font-weight:400}.portfolio-cover-bottom img{object-fit:contain;box-sizing:content-box;background:#ffffffea;border-radius:4px;width:auto;height:18px;padding:3px 5px}.portfolio-screenshot{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.portfolio-invitation{color:#fff;background:radial-gradient(at 15% 0,#52377488,#0000 70%),#171327;border-radius:36px;grid-template-columns:1.2fr 1fr;align-items:center;gap:70px;margin-bottom:50px;padding:60px;display:grid}.portfolio-invitation .eyebrow{color:#c5b5e0;margin-bottom:24px}.portfolio-invitation h2{margin:0;font-size:clamp(2rem,3.3vw,3rem);line-height:1.2}.portfolio-invitation h2>span{color:#d2bced}@supports (background-clip:text){.portfolio-invitation h2>span{color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(110deg,#f0e1ff 0%,#c8abff 42%,#e8c3f4 72%,#bfc6ff 100%);-webkit-background-clip:text;background-clip:text}}.portfolio-invitation p{color:#d4cfdf;font-size:1.125rem;line-height:1.65}.portfolio-invitation .button{gap:20px;margin-top:26px;font-size:.9375rem}.site-header a[aria-current=page]{color:#58338d}.portfolio-page :is(a,button):focus-visible{outline-offset:4px;border-radius:8px;outline:3px solid #8966c1}.portfolio-page .portfolio-explore:focus-visible{outline:none}.portfolio-explore:focus-visible .portfolio-explore-arrow{outline-offset:5px;outline:3px solid #8966c1}.portfolio-page .portfolio-project-link:focus-visible{outline:none}.portfolio-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.portfolio-preview-dialog{color:#261936;background:linear-gradient(140deg,#fff,#f6f0fc);border:1px solid #e9e0f4;border-radius:26px;width:min(510px,100vw - 36px);max-height:calc(100svh - 40px);padding:36px;box-shadow:0 30px 90px #1c102a45,inset 0 1px #fff}.portfolio-preview-dialog::backdrop{backdrop-filter:blur(7px);background:#19102f70}.portfolio-dialog-close{color:#6a537f;background:#e7deef80;border-radius:50%;width:36px;height:36px;font-size:1.5rem;line-height:1;position:absolute;top:14px;right:17px}.portfolio-dialog-logo{border-radius:12px;margin-bottom:24px;display:block}.portfolio-preview-dialog>.eyebrow{color:#7a5f95;margin-bottom:12px;font-size:.75rem}.portfolio-preview-dialog h2{letter-spacing:-.05em;margin:0;font-size:2.7rem}.portfolio-dialog-project{border-block:1px solid #e4d9ec;margin-block:24px 20px;padding-block:20px}.portfolio-dialog-project>span{color:#7b5a98;font-size:.8125rem;font-weight:600}.portfolio-dialog-project h3{margin-top:8px;font-size:1.3rem;line-height:1.3}.portfolio-dialog-project p{margin-top:10px;font-size:1rem;line-height:1.6}.portfolio-preview-dialog>p{color:#7b6b86;font-size:.9375rem;line-height:1.6}.portfolio-preview-dialog>.button{color:#fff;background:#38254f;border-radius:12px;justify-content:space-between;width:100%;margin-top:25px;font-size:1rem}@media (width<=1000px){.portfolio-intro{padding-block:115px 95px}.portfolio-intro h1{font-size:clamp(3rem,5.6vw,4.4rem)}.portfolio-grid{gap:16px}.portfolio-cover{padding:12px}.portfolio-cover-badge{display:none}.portfolio-cover-top>:first-child{max-width:100%}.portfolio-image-slot>strong{font-size:1rem}.portfolio-cover-bottom>span{display:none}.portfolio-project-copy{gap:4px;padding:12px 4px 6px}.portfolio-project h3{font-size:.9375rem}.portfolio-project-link{width:28px}.portfolio-invitation{gap:35px;padding:40px}}@media (width<=760px){.portfolio-intro{min-height:clamp(430px,100svh - 112px,560px);padding-block:80px 64px}.portfolio-intro-copy:before{inset:-36px -64px}.portfolio-intro h1{font-size:clamp(2.7rem,8.5vw,3.8rem)}.portfolio-intro .eyebrow{margin-bottom:18px;font-size:.75rem}.portfolio-preview-label{font-size:.8125rem}.portfolio-explore-arrow{width:64px;height:64px}.portfolio-work{padding-bottom:40px;scroll-margin-top:0}.portfolio-parallax{width:calc(100% - 40px)}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.portfolio-project{border-radius:18px;padding:6px}.portfolio-project-copy{gap:4px;padding:10px 4px 6px}.portfolio-cover{aspect-ratio:4/5;border-radius:12px;padding:10px}.portfolio-cover-top{font-size:.625rem}.portfolio-image-slot{min-height:50px;margin:12px 0;padding:7px}.portfolio-image-slot>strong{font-size:clamp(.875rem,3.5vw,1.25rem)}.portfolio-project h3{font-size:.9375rem}.portfolio-project-link{width:24px}.portfolio-invitation{border-radius:28px;grid-template-columns:1fr;gap:26px;margin-bottom:0;padding:34px 27px}.portfolio-invitation h2{font-size:2rem}.portfolio-invitation .eyebrow{margin-bottom:18px;font-size:.75rem}.portfolio-invitation p{font-size:1.0625rem}.portfolio-invitation .button{gap:12px;padding-inline:18px;font-size:.875rem}.portfolio-preview-dialog{padding:28px 24px}.portfolio-preview-dialog h2{font-size:2.3rem}}@media (prefers-reduced-motion:reduce){.portfolio-hero[data-parallax-ready] .portfolio-plane,.portfolio-hero[data-parallax-ready] .portfolio-project{opacity:1;transform:none}.portfolio-hero[data-parallax-ready] .portfolio-project-copy{opacity:1}.portfolio-project:focus-within,.portfolio-project:hover{translate:none}.portfolio-project-link>span,.portfolio-explore .portfolio-explore-arrow,.portfolio-explore .portfolio-explore-arrow svg{transform:none!important}.portfolio-intro{min-height:0;padding-block:90px 60px}.portfolio-page *{scroll-behavior:auto!important;transition:none!important}}@media (prefers-reduced-transparency:reduce){.portfolio-explore-arrow{-webkit-backdrop-filter:none;background:#eae1f4}}@media (forced-colors:active){.portfolio-explore-arrow{color:linktext;box-shadow:none;-webkit-backdrop-filter:none;background:canvas;border:2px solid linktext}.portfolio-explore-arrow:before{display:none}.portfolio-explore-arrow svg{filter:none}.portfolio-explore:focus-visible .portfolio-explore-arrow{outline-color:highlight}.portfolio-intro-copy:before{display:none}.portfolio-gradient{color:canvastext;-webkit-text-fill-color:CanvasText;background:0 0}.portfolio-cover,.portfolio-invitation,.portfolio-preview-dialog{color:canvastext;--cover-ink:CanvasText;--cover-muted:CanvasText;--cover-line:CanvasText;background:canvas;border:1px solid canvastext}.portfolio-invitation :is(p,h2>span,.eyebrow){color:canvastext;-webkit-text-fill-color:CanvasText;background:0 0}.portfolio-project:is(:hover,:focus-within){border-color:highlight}.portfolio-project:is(:hover,:focus-within) .portfolio-project-link{color:highlighttext;background:highlight}}@media print{.portfolio-explore,.portfolio-project-link{display:none}.portfolio-intro{min-height:0;padding-block:20px}.portfolio-hero[data-parallax-ready] .portfolio-plane,.portfolio-hero[data-parallax-ready] .portfolio-project{opacity:1;transform:none}.portfolio-hero[data-parallax-ready] .portfolio-project-copy{opacity:1}.portfolio-gradient,.portfolio-invitation h2>span{color:#4930ad;-webkit-text-fill-color:#4930ad;background:0 0}.portfolio-project{break-inside:avoid}}