.portfolio{--pf-bg:var(--color-background);--pf-ink:var(--color-foreground);--pf-muted:var(--color-muted);--pf-line:var(--color-border);--pf-panel:var(--color-surface-muted);--pf-gradient:var(--gradient-text);background:var(--pf-bg);color:var(--pf-ink);overflow:clip}.portfolio :is(button,a){-webkit-tap-highlight-color:transparent}.portfolio :is(button,a):focus-visible,.portfolio-dialog button:focus-visible{outline:3px solid var(--color-accent-label);outline-offset:5px}.portfolio-toolbar{letter-spacing:.15em;color:var(--pf-muted);justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem;font-size:.65rem;display:flex}.portfolio-toolbar button{border:1px solid var(--pf-line);border-radius:2rem;align-items:center;gap:.75rem;min-height:44px;padding:.7rem 1rem;display:flex}.portfolio-hero{grid-template-columns:.95fr 1.05fr;align-items:center;min-height:650px;padding-top:2rem;display:grid;position:relative}.portfolio-hero__glow{background:radial-gradient(ellipse, color-mix(in srgb,var(--color-accent-orange) 7%,transparent), color-mix(in srgb,var(--color-accent-purple) 4%,transparent) 45%, transparent 70%);pointer-events:none;width:60%;height:80%;position:absolute;inset:0 0 auto auto}.portfolio-hero__copy{z-index:2;padding-bottom:3rem;position:relative}.portfolio-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--pf-muted);font-size:.7rem;font-weight:600;display:block}.portfolio-hero h1{margin:1.5rem 0 2rem;font-size:clamp(3.3rem,5.5vw,6rem);font-weight:600;line-height:1.06}.portfolio-hero__line{display:block}.portfolio-gradient{background:var(--pf-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;width:fit-content;max-width:100%}.portfolio-action{border-bottom:1px solid var(--pf-ink);align-items:center;gap:1.25rem;min-height:50px;font-size:.9rem;font-weight:600;display:inline-flex}.portfolio-stage{direction:ltr;width:100%;height:510px;position:relative}.portfolio-float{width:39%;height:360px;position:absolute;top:70px}.portfolio-float__depth,.portfolio-float a{height:100%;display:block}.portfolio-float .portfolio-art{box-shadow:0 22px 50px color-mix(in srgb,var(--color-inverse-background) 20%,transparent);border:2px solid color-mix(in srgb,var(--color-white) 50%,transparent);border-radius:1.3rem}.portfolio-float--0{z-index:1;top:100px;left:0;rotate:-12deg}.portfolio-float--1{z-index:3;top:26px;left:29%;rotate:3deg}.portfolio-float--2{z-index:2;top:112px;left:60%;rotate:13deg}.portfolio-index{border-top:1px solid var(--pf-line);color:var(--pf-muted);grid-column:1/-1;justify-content:space-between;gap:2rem;padding:1.6rem 0;font-size:.75rem;display:flex;position:relative}.portfolio-index a{padding:.5rem 0}.portfolio-section{padding-block:clamp(3.5rem,7vw,7rem);scroll-margin-top:7rem}.portfolio-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.5rem;display:flex}.portfolio-heading h2{margin-top:.8rem;font-size:clamp(2.2rem,4vw,4.1rem);font-weight:550;line-height:1.12}.portfolio-projects{grid-template-columns:1fr 1fr;gap:3rem 2rem;display:grid}.portfolio-project:nth-child(2n){margin-top:4rem}.portfolio-project{min-width:0;transition:translate .3s;display:block}.portfolio-project__image{aspect-ratio:1.35;border-radius:.7rem;overflow:hidden}.portfolio-project__caption{justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.portfolio-project__caption span{color:var(--pf-muted);font-size:.7rem}.portfolio-project__caption h3{margin-top:.3rem;font-size:clamp(1.3rem,2vw,1.8rem);font-weight:550}.portfolio-project__caption svg{transition:transform .3s}.portfolio-art{isolation:isolate;width:100%;height:100%;color:var(--color-white);background:var(--color-media-frame);text-align:start;position:relative;overflow:hidden;container-type:inline-size}.portfolio-art>picture{display:block}.portfolio-art>img,.portfolio-art>picture>img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.portfolio-reels{background:var(--pf-panel)}.portfolio-rail-controls{justify-content:end;gap:.7rem;margin-top:-1rem;margin-bottom:1.4rem;display:flex}.portfolio-rail-controls button{border:1px solid var(--pf-line);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.portfolio-rail{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--pf-muted) transparent;gap:1.3rem;padding:.5rem .2rem 1.5rem;display:flex;overflow-x:auto}.portfolio-reel{aspect-ratio:9/16;scroll-snap-align:start;text-align:start;border-radius:.8rem;flex:0 0 27%;min-width:0;position:relative;overflow:hidden}.portfolio-reel__play{border:1px solid color-mix(in srgb,var(--color-white) 53%,transparent);background:color-mix(in srgb,var(--color-brand-deep) 53%,transparent);width:50px;height:50px;color:var(--color-white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolio-reel__caption{color:var(--color-white);background:linear-gradient(transparent, color-mix(in srgb,var(--color-inverse-background) 86%,transparent));gap:.3rem;padding:3rem 1.2rem 1.2rem;display:grid;position:absolute;inset:auto 0 0}.portfolio-reel__caption>span{font-size:.7rem}.portfolio-designs{grid-template-columns:1.2fr .8fr 1fr;gap:1rem;display:grid}.portfolio-designs>button{aspect-ratio:.9;border-radius:.5rem;min-width:0;position:relative;overflow:hidden}.portfolio-designs>button:nth-child(3n+2){margin-top:3rem}.portfolio-designs>button:nth-child(3n){margin-top:6rem}.portfolio-designs__expand{color:var(--color-white);background:color-mix(in srgb,var(--color-brand-deep) 73%,transparent);border-radius:50%;padding:.6rem;position:absolute;top:1rem;bottom:auto;right:1rem}.portfolio-designs--detail{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-designs--detail>button:nth-child(n){margin-top:0}.portfolio-designs--detail>button:only-child{aspect-ratio:1.7;grid-column:1/-1}.portfolio-cta{padding-block:6rem;position:relative}.portfolio-cta h2{max-width:70%;margin:1.5rem 0 2rem;font-size:clamp(2.5rem,5vw,5rem);font-weight:550;line-height:1.12}.portfolio-dialog{--dialog-bg:var(--color-background);--dialog-ink:var(--color-foreground);--dialog-muted:var(--color-muted);--dialog-line:var(--color-border);border:1px solid var(--dialog-line);background:var(--dialog-bg);color:var(--dialog-ink);border-radius:1rem;width:min(850px,94vw);max-height:92dvh;margin:auto;padding:0}.portfolio-dialog::backdrop{background:var(--color-overlay-backdrop);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.portfolio-dialog__body{padding:1rem}.portfolio-dialog header{justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.portfolio-dialog h2{font-size:1rem}.portfolio-dialog button{border:1px solid var(--dialog-line);border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.portfolio-dialog__art{height:min(65dvh,620px)}.portfolio-dialog video{-o-object-fit:contain;object-fit:contain;background:var(--color-inverse-background);width:100%;height:min(65dvh,620px);max-height:65dvh;display:block}.portfolio-dialog p,.portfolio-dialog details{color:var(--dialog-muted);padding-top:1rem;font-size:.85rem;line-height:1.8}.portfolio-detail nav{color:var(--pf-muted);margin-bottom:3rem;font-size:.8rem}.portfolio-detail h1{margin-block:1.2rem;font-size:clamp(2.8rem,6vw,6rem);line-height:1.15}.portfolio-detail__notice{color:var(--pf-muted);margin-bottom:2rem;font-size:.8rem}.portfolio-detail__cover{border-radius:1rem;height:clamp(320px,50vw,650px);overflow:hidden}.portfolio-detail__cover .portfolio-art__words{max-width:60%;font-size:clamp(3rem,8vw,8rem)}.portfolio-detail__story{grid-template-columns:1fr 1fr;gap:4rem;padding-top:3rem;display:grid}.portfolio-detail__story h2{margin-bottom:1rem;font-size:1.6rem}.portfolio-detail__story p{color:var(--pf-muted);max-width:34rem;line-height:1.8}.portfolio-detail__story ul{flex-wrap:wrap;gap:.7rem;margin-top:1.5rem;display:flex}.portfolio-detail__story li{border-inline-start:1px solid var(--pf-line);padding:.5rem .8rem;font-size:.7rem}.portfolio-detail__media-label{bottom:1rem;background:color-mix(in srgb,var(--color-brand-deep) 80%,transparent);color:var(--color-white);border-radius:2rem;padding:.6rem 1rem;font-size:.8rem;position:absolute;inset-inline-end:1rem}html[dir=rtl] .portfolio-art__words{letter-spacing:0;line-height:1.3;font-family:var(--font-ar), sans-serif}html[dir=rtl] .portfolio-kicker,html[dir=rtl] .portfolio-toolbar{letter-spacing:0}html[dir=rtl] .portfolio-rail-controls svg{transform:scaleX(-1)}html[dir=rtl] .portfolio-stage .portfolio-art{direction:rtl}@media (hover:hover) and (prefers-reduced-motion:no-preference){.portfolio-project:hover{translate:0 -4px}.portfolio-project:hover .portfolio-project__caption svg{transform:translate(3px,-3px)}}@media (max-width:1023px){.portfolio-designs:not(.portfolio-designs--detail){grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-designs>button:nth-child(n){margin-top:0}.portfolio-designs__expand{padding:.45rem;top:.65rem;right:.65rem}.portfolio-hero{min-height:auto}.portfolio-stage{height:400px}.portfolio-float{height:280px}.portfolio-float--2{top:80px}.portfolio-hero h1{font-size:clamp(2.5rem,5.5vw,4rem)}.portfolio-reel{flex-basis:36%}.portfolio-index{gap:1rem}}@media (max-width:767px){.portfolio-hero{grid-template-columns:1fr;padding-top:2.5rem}.portfolio-hero__copy{padding-bottom:1rem}.portfolio-hero h1{margin-block:1rem 1.5rem;font-size:clamp(2.9rem,10vw,4.8rem)}.portfolio-stage{max-width:470px;height:390px;margin-inline:auto}.portfolio-float{width:38%;height:270px}.portfolio-float--0{top:50px;left:2%}.portfolio-float--1{top:22px}.portfolio-float--2{top:70px;left:59%}.portfolio-index{flex-wrap:wrap;gap:.25rem 1rem}.portfolio-index a{flex-basis:44%;align-items:center;min-height:44px;display:flex}.portfolio-heading{display:block}.portfolio-projects{grid-template-columns:1fr;gap:2rem}.portfolio-project:nth-child(2n){margin-top:0}.portfolio-reel{flex-basis:72%}.portfolio-designs{grid-template-columns:1fr 1fr;gap:.7rem}.portfolio-designs>button:nth-child(n){margin-top:0}.portfolio-designs>button:nth-child(3n+1){aspect-ratio:1.4;grid-column:span 2}.portfolio-designs--detail{grid-template-columns:1fr}.portfolio-designs--detail>button:nth-child(n){aspect-ratio:1;grid-column:auto}.portfolio-metric{padding:1.5rem .65rem}.portfolio-metric h3{font-size:.8rem}.portfolio-metric p{font-size:.65rem}.portfolio-cta{padding-block:4rem}.portfolio-cta h2{max-width:85%}.portfolio-detail__story{grid-template-columns:1fr;gap:2rem}.portfolio-detail__cover .portfolio-art__words{max-width:80%}.portfolio-detail nav{margin-bottom:2rem}}@media (prefers-reduced-motion:no-preference){.portfolio,.portfolio-reels,.portfolio-toolbar button,.portfolio-solutions .case-card{transition:background-color .18s,color .18s,border-color .18s}}@media (max-width:359px){.portfolio-stage{height:330px}.portfolio-float{height:220px}.portfolio-toolbar{letter-spacing:.05em}}@media (prefers-reduced-motion:reduce){.portfolio *,.portfolio :before,.portfolio :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.portfolio-experience{position:relative}.portfolio-experience .portfolio-hero{grid-template-columns:.9fr 1.1fr;min-height:calc(94svh - 9rem);padding-top:0}.portfolio-experience .portfolio-hero__copy{padding-block:1.5rem 3rem}.portfolio-experience .portfolio-hero h1{letter-spacing:-.065em;margin:1rem 0 2rem;font-size:clamp(4.5rem,7.65vw,8.3rem);line-height:.97}.portfolio-experience .portfolio-hero__line{padding-bottom:.08em}.portfolio-experience .portfolio-action{background:var(--color-brand-deep);color:var(--color-white);min-height:56px;box-shadow:0 8px 30px color-mix(in srgb,var(--color-accent-pink) 11%,transparent);border:0;border-radius:3rem;padding:.85rem 1.35rem;position:relative}.portfolio-experience .portfolio-action:before{content:"";background:var(--gradient-brand);border-radius:inherit;z-index:-1;position:absolute;inset:-2px}.portfolio-experience .portfolio-stage{perspective:1200px;height:clamp(510px,68svh,740px);transform-style:preserve-3d}.portfolio-experience .portfolio-float{width:35%;height:72%;top:15%}.portfolio-experience .portfolio-float--0{z-index:1;height:61%;top:20%;left:-1%;rotate:-18deg}.portfolio-experience .portfolio-float--1{z-index:3;height:74%;top:10%;left:10%;rotate:-11deg}.portfolio-experience .portfolio-float--2{z-index:5;width:39%;height:87%;top:2%;left:32%;rotate:3deg}.portfolio-experience .portfolio-float--3{z-index:4;height:73%;top:17%;left:62%;rotate:12deg}.portfolio-experience .portfolio-float--4{z-index:2;width:29%;height:57%;top:29%;left:75%;rotate:20deg}.portfolio-experience .portfolio-float .portfolio-art{box-shadow:0 25px 60px color-mix(in srgb,var(--color-brand-deep) 19%,transparent), 0 2px 5px color-mix(in srgb,var(--color-brand-deep) 6%,transparent);border-radius:1.5rem}.portfolio-experience .portfolio-hero__glow{background:radial-gradient(ellipse at 20% 50%,color-mix(in srgb,var(--color-accent-pink) 19%,transparent),transparent 52%),radial-gradient(ellipse at 55% 28%,color-mix(in srgb,var(--color-accent-orange) 19%,transparent),transparent 52%),radial-gradient(ellipse at 68% 60%,color-mix(in srgb,var(--color-accent-purple) 17%,transparent),transparent 55%),radial-gradient(ellipse at 90% 70%,color-mix(in srgb,var(--color-accent-blue) 16%,transparent),transparent 50%);filter:blur(36px);width:65%;height:90%;top:-5%;right:-8%}.portfolio-experience .portfolio-index{padding-block:1rem;font-size:.7rem}.portfolio-experience .portfolio-section{padding-block:clamp(4rem,6vw,6.5rem)}.portfolio-experience .portfolio-heading{margin-bottom:2.5rem}.portfolio-experience .portfolio-heading h2{white-space:pre-line;font-size:clamp(2.8rem,4.8vw,5rem);line-height:1.02}.portfolio-projects--selected{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:2.5rem 2rem}.portfolio-projects--selected .portfolio-project:nth-child(n){grid-column:span 4;margin:0}.portfolio-projects--selected .portfolio-project:first-child{grid-column:span 7}.portfolio-projects--selected .portfolio-project:nth-child(2){grid-column:span 5;padding-top:4.5rem}.portfolio-projects--selected .portfolio-project:nth-child(6){grid-column:1/-1}.portfolio-projects--selected .portfolio-project__image{aspect-ratio:1.15;position:relative}.portfolio-projects--selected .portfolio-project:nth-child(2) .portfolio-project__image{aspect-ratio:.95}.portfolio-projects--selected .portfolio-project:nth-child(n+3) .portfolio-project__image{aspect-ratio:1.1}.portfolio-projects--selected .portfolio-project:nth-child(6) .portfolio-project__image{aspect-ratio:3.1}.portfolio-projects--selected .portfolio-project:nth-child(6) .portfolio-art__words{max-width:50%;font-size:clamp(2rem,5vw,5rem)}.portfolio-project__image:after{content:"";background:linear-gradient(120deg,color-mix(in srgb,var(--color-accent-pink) 6%,transparent),color-mix(in srgb,var(--color-accent-orange) 4%,transparent),color-mix(in srgb,var(--color-accent-purple) 10%,transparent),color-mix(in srgb,var(--color-accent-blue) 9%,transparent));opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.portfolio-project:hover .portfolio-project__image:after{opacity:1}.portfolio-experience .portfolio-reels{background:var(--color-inverse-background);color:var(--color-inverse-foreground);--pf-muted:var(--color-inverse-muted);--pf-line:var(--color-inverse-border);padding:0;position:relative;overflow:hidden}.portfolio-reels:before{content:"";background:radial-gradient(ellipse,color-mix(in srgb,var(--color-accent-purple) 17%,transparent),transparent 70%);pointer-events:none;width:70%;height:75%;position:absolute;top:-10%;left:-10%}.portfolio-reels__pin{min-height:min(900px,100svh);padding-block:clamp(3rem,5vw,5rem);position:relative}.portfolio-reels .portfolio-heading{align-items:center;margin-bottom:1rem}.portfolio-reels .portfolio-heading h2{margin:0}.portfolio-experience .portfolio-rail{scroll-snap-type:x mandatory;padding:1rem .25rem 1.5rem;display:block;overflow-x:auto}.portfolio-rail__track{gap:clamp(1rem,1.8vw,2rem);width:max-content;display:flex}.portfolio-experience .portfolio-reel{aspect-ratio:9/16;scroll-snap-align:start;transform-origin:50%;flex:none;width:clamp(205px,21vw,330px);height:auto}.portfolio-reel .portfolio-art:after{content:"";background:linear-gradient(transparent,color-mix(in srgb,var(--color-inverse-background) 60%,transparent));pointer-events:none;position:absolute;inset:72% 0 0}.portfolio-reel__caption{inset-block-end:1.1rem}.portfolio-reel__caption strong{font-size:.85rem;font-weight:600}.portfolio-experience .portfolio-reel:nth-child(2n){margin-top:2rem}.portfolio-experience .portfolio-rail-controls{gap:.5rem;margin:0}.portfolio-reels[data-pinned=true] .portfolio-rail{scroll-snap-type:none;overflow:hidden}.portfolio-reels[data-pinned=true] .portfolio-rail-controls{visibility:hidden}.portfolio-reels[data-pinned=true] .portfolio-reels__pin{min-height:calc(100svh - 88px);padding-block:2rem}.portfolio-reels[data-pinned=true] .portfolio-reel{width:min(21vw,56.25svh - 185.625px)}.portfolio-experience #designs{position:relative}.portfolio-experience #designs:before{content:"";z-index:-1;background:radial-gradient(ellipse,color-mix(in srgb,var(--color-accent-orange) 7%,transparent),color-mix(in srgb,var(--color-accent-pink) 4%,transparent),transparent 65%);pointer-events:none;width:65%;height:70%;position:absolute;top:0;right:-30%}.portfolio-experience .portfolio-designs{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:1rem}.portfolio-experience .portfolio-designs>button:nth-child(n){aspect-ratio:.8;grid-column:span 4;margin:0}.portfolio-experience .portfolio-designs>button:first-child{aspect-ratio:1.35;grid-column:span 7}.portfolio-experience .portfolio-designs>button:nth-child(2){aspect-ratio:1;grid-column:span 5;margin-top:3rem}.portfolio-experience .portfolio-designs>button:nth-child(3){aspect-ratio:.85;grid-column:span 5}.portfolio-experience .portfolio-designs>button:nth-child(4){aspect-ratio:1.2;grid-column:span 7;margin-top:4rem}.portfolio-experience .portfolio-designs>button:nth-child(5),.portfolio-experience .portfolio-designs>button:nth-child(6){aspect-ratio:1.35;grid-column:span 6}.portfolio-experience .portfolio-designs>button:after{content:"";background:linear-gradient(130deg,color-mix(in srgb,var(--color-accent-pink) 6%,transparent),transparent,color-mix(in srgb,var(--color-accent-blue) 9%,transparent));opacity:0;transition:opacity .4s;position:absolute;inset:0}.portfolio-experience .portfolio-designs>button:hover:after{opacity:1}.portfolio-cta{text-align:center;isolation:isolate;padding-block:clamp(5rem,11vw,10rem);position:relative;overflow:hidden}.portfolio-cta__inner{position:relative}.portfolio-cta h2{letter-spacing:-.06em;max-width:none;margin:0 0 2.5rem;font-size:clamp(3.5rem,8.5vw,9rem);line-height:1.04}.portfolio-cta h2 .portfolio-gradient{margin-inline:auto;display:block}.portfolio-cta [data-magnetic]{display:inline-block}.portfolio-cta .primary-button{border-radius:3rem;min-width:160px;padding:1rem 2rem}.portfolio-cta__mesh{z-index:-1;background:radial-gradient(ellipse at 15% 80%,color-mix(in srgb,var(--color-accent-pink) 18%,transparent),transparent 48%),radial-gradient(ellipse at 40% 90%,color-mix(in srgb,var(--color-accent-orange) 21%,transparent),transparent 45%),radial-gradient(ellipse at 70% 85%,color-mix(in srgb,var(--color-accent-purple) 24%,transparent),transparent 45%),radial-gradient(ellipse at 100% 70%,color-mix(in srgb,var(--color-accent-blue) 22%,transparent),transparent 45%);filter:blur(35px);position:absolute;inset:-20% -5%;transform:rotate(-7deg)}.portfolio-solutions{padding-top:3rem}.portfolio-cursor{background:var(--color-accent-pink);z-index:100;pointer-events:none;opacity:0;letter-spacing:.04em;width:9px;height:9px;color:var(--color-white);border-radius:50%;place-items:center;font-size:.65rem;font-weight:700;transition:width .18s,height .18s,background-color .18s;display:none;position:fixed;top:0;left:0}.portfolio-cursor span{display:none}.portfolio-cursor[data-mode=view],.portfolio-cursor[data-mode=play]{background:color-mix(in srgb,var(--color-brand-deep) 91%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:66px;height:66px}.portfolio-cursor[data-mode=view] [data-cursor-label=view],.portfolio-cursor[data-mode=play] [data-cursor-label=play]{display:inline}.portfolio-proof{background:var(--pf-panel)}.portfolio-proof__grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:1rem;display:grid}.portfolio-proof__card{text-align:start;border:1px solid var(--pf-line);background:var(--pf-bg);min-width:0;color:var(--pf-ink);box-shadow:0 18px 45px color-mix(in srgb,var(--color-brand-deep) 5%,transparent);border-radius:1.2rem;transition:transform .3s,box-shadow .3s;overflow:hidden}.portfolio-proof__card:hover{box-shadow:0 24px 60px color-mix(in srgb,var(--color-brand-deep) 10%,transparent);transform:translateY(-3px)}.portfolio-proof__card[data-featured=true]{grid-row:span 2}.portfolio-proof__image{background:var(--color-media-frame);height:100%;min-height:255px;max-height:410px;position:relative}.portfolio-proof__card[data-featured=true] .portfolio-proof__image{min-height:520px;max-height:none}.portfolio-proof__image img{padding:1rem}.portfolio-proof__caption{justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.25rem;display:flex}.portfolio-proof__caption strong{font-size:.96rem;display:block}.portfolio-proof__caption small{color:var(--pf-muted);margin-top:.2rem;font-size:.7rem;display:block}.portfolio-proof__caption svg{flex:none;transition:transform .25s}.portfolio-proof__card:hover .portfolio-proof__caption svg{transform:translate(2px,-2px)}.portfolio-proof-dialog{border:1px solid var(--color-border);background:var(--color-background);width:min(96vw,1700px);max-width:none;max-height:94vh;color:var(--color-foreground);box-shadow:0 30px 100px color-mix(in srgb,var(--color-inverse-background) 55%,transparent);border-radius:1.1rem;margin:auto;padding:0}.portfolio-proof-dialog::backdrop{background:var(--color-overlay-backdrop);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.portfolio-proof-dialog__panel{padding:clamp(.75rem,2vw,1.5rem)}.portfolio-proof-dialog header{justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.portfolio-proof-dialog header h2{font-size:clamp(1rem,2vw,1.6rem);font-weight:600}.portfolio-proof-dialog header>div{gap:.5rem;display:flex}.portfolio-proof-dialog header button{border:1px solid var(--color-border);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.portfolio-proof-dialog__viewport{overscroll-behavior:contain;background:var(--color-media-frame);max-height:75vh;overflow:auto}.portfolio-proof-dialog__viewport img{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:auto;max-width:100%;height:auto;max-height:75vh;margin-inline:auto;display:block}.portfolio-proof-dialog__panel>p{color:var(--color-muted);padding-top:.8rem;font-size:.78rem}.portfolio-detail{padding-top:clamp(1.4rem,3vw,2.5rem)}.portfolio-detail h1{margin:.4rem 0 .6rem;line-height:1.03}.portfolio-detail__description{max-width:42rem;color:var(--pf-muted);margin-bottom:1.6rem;font-size:clamp(.87rem,1.2vw,1rem)}.portfolio-detail__cover{border-radius:1.2rem;height:clamp(410px,51vw,720px)}html[data-theme=dark] .portfolio-proof__image{background:var(--color-media-frame)}@media (max-width:767px){.portfolio-proof__grid{scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:min(87vw,430px);grid-auto-flow:column;padding-bottom:.8rem;display:grid;overflow-x:auto}.portfolio-proof__card[data-featured=true]{grid-row:auto}.portfolio-proof__image,.portfolio-proof__card[data-featured=true] .portfolio-proof__image{height:clamp(250px,58vw,360px);min-height:250px;max-height:none}.portfolio-proof__card{scroll-snap-align:start}.portfolio-detail{padding-top:1.4rem}.portfolio-detail h1{font-size:clamp(2.8rem,11vw,4rem)}.portfolio-detail__cover{height:clamp(410px,115vw,540px)}}@media (prefers-reduced-motion:reduce){.portfolio-proof__card{transition:none}}@media (min-width:1024px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.portfolio-cursor{display:grid}}html[dir=rtl] .portfolio-experience .portfolio-hero h1{letter-spacing:0;font-size:clamp(4rem,6.6vw,7rem);line-height:1.22}html[dir=rtl] .portfolio-experience .portfolio-heading h2{line-height:1.3}html[dir=rtl] .portfolio-cta h2{letter-spacing:0;line-height:1.25}@media (min-width:1024px) and (max-height:760px){.portfolio-experience .portfolio-stage{height:490px}.portfolio-experience .portfolio-hero h1{font-size:clamp(4rem,6vw,6.5rem)}.portfolio-reels__pin{padding-block:2rem}.portfolio-experience .portfolio-reel{width:min(21vw,240px)}}@media (max-width:1023px){.portfolio-experience .portfolio-hero{grid-template-columns:1fr 1fr;min-height:auto;padding-top:2rem}.portfolio-experience .portfolio-hero h1{font-size:clamp(3.2rem,7vw,5.5rem)}html[dir=rtl] .portfolio-experience .portfolio-hero h1{font-size:clamp(3rem,6vw,5rem)}.portfolio-experience .portfolio-stage{height:480px}.portfolio-projects--selected .portfolio-project:nth-child(n){grid-column:span 6;padding-top:0}.portfolio-projects--selected .portfolio-project:nth-child(n) .portfolio-project__image{aspect-ratio:1.1}.portfolio-projects--selected .portfolio-project:nth-child(6) .portfolio-art__words{max-width:75%;font-size:12cqw}.portfolio-reels__pin{min-height:0}.portfolio-experience .portfolio-reel{width:32vw}.portfolio-metric{padding:1.5rem}.portfolio-metric strong{font-size:clamp(2.5rem,5vw,4rem)}}@media (max-width:767px){.portfolio-experience .portfolio-hero{grid-template-columns:1fr;padding-top:.5rem}.portfolio-experience .portfolio-hero__copy{padding-block:.5rem 1rem}.portfolio-experience .portfolio-hero h1{margin-bottom:1.5rem;font-size:clamp(3.1rem,15vw,5.5rem)}html[dir=rtl] .portfolio-experience .portfolio-hero h1{font-size:clamp(3.5rem,13vw,5rem)}.portfolio-experience .portfolio-hero__glow{filter:blur(24px);width:110%;height:65%;top:30%;right:-15%}.portfolio-experience .portfolio-stage{height:380px;margin-top:1rem}.portfolio-experience .portfolio-float--0,.portfolio-experience .portfolio-float--4{display:none}.portfolio-experience .portfolio-float--1{width:41%;height:73%;top:13%;left:1%}.portfolio-experience .portfolio-float--2{width:44%;height:89%;top:0;left:28%}.portfolio-experience .portfolio-float--3{width:38%;height:70%;top:17%;left:61%}.portfolio-experience .portfolio-section{padding-block:3.5rem}.portfolio-experience .portfolio-heading h2{font-size:clamp(2.6rem,10vw,3.5rem)}.portfolio-projects--selected{gap:2rem .8rem}.portfolio-projects--selected .portfolio-project:nth-child(n){grid-column:1/-1}.portfolio-projects--selected .portfolio-project:nth-child(3),.portfolio-projects--selected .portfolio-project:nth-child(4){grid-column:span 6}.portfolio-projects--selected .portfolio-project:nth-child(3) .portfolio-project__image,.portfolio-projects--selected .portfolio-project:nth-child(4) .portfolio-project__image{aspect-ratio:.78}.portfolio-projects--selected .portfolio-project__caption h3{font-size:1.15rem}.portfolio-projects--selected .portfolio-project__caption span{font-size:.65rem}.portfolio-experience .portfolio-reels{padding-block:0}.portfolio-reels__pin{padding-block:3.5rem}.portfolio-experience .portfolio-reel{width:69vw;max-width:320px}.portfolio-experience .portfolio-reel:nth-child(2n){margin-top:1rem}.portfolio-experience .portfolio-designs{gap:.75rem}.portfolio-experience .portfolio-designs>button:nth-child(n){aspect-ratio:.78;grid-column:span 6;margin:0}.portfolio-experience .portfolio-designs>button:first-child,.portfolio-experience .portfolio-designs>button:nth-child(4){aspect-ratio:1.15;grid-column:1/-1}.portfolio-metrics{grid-template-columns:1fr;gap:.85rem}.portfolio-metric{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:.4rem 1rem;padding:1.5rem;display:grid}.portfolio-metric strong{grid-row:span 2;font-size:clamp(2.25rem,12.8vw,3.5rem)}.portfolio-metric h3{margin:0}.portfolio-spark{height:42px;margin:.25rem 0}.portfolio-metric p{grid-column:1/-1}.portfolio-dashboard{padding:1.25rem}.portfolio-dashboard__top{align-items:center}.portfolio-demo-label{font-size:.7rem}.portfolio-cta{padding-block:5rem}.portfolio-cta h2{font-size:clamp(3.2rem,13vw,5rem)}.portfolio-cursor{display:none!important}}