@font-face{font-family:LPPortfolioDisplay;src:url('website-express/display-latin.woff2') format('woff2');font-display:swap;unicode-range:U+0000-00FF}@font-face{font-family:LPPortfolioDisplay;src:url('website-express/display-latin-ext.woff2') format('woff2');font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}@font-face{font-family:LPPortfolioDisplay;src:url('website-express/display-greek.woff2') format('woff2');font-display:swap;unicode-range:U+0370-03FF,U+1F00-1FFF}
.lp-portfolio-experience{--pf-bg:#07120f;--pf-surface:#0b211a;--pf-text:#faf8f1;--pf-muted:#c4c9bd;--pf-gold:#e5c58e;--pf-line:#ae8c4f66;color:var(--pf-text);background:var(--pf-bg);overflow:clip;line-height:1.55;font-size:16px;color-scheme:dark;isolation:isolate}.lp-portfolio-experience *{box-sizing:border-box}.lp-portfolio-experience ::selection{color:#07120f;background:#e5c58e}.lp-portfolio-experience :focus-visible{outline:2px solid #f4dca8;outline-offset:5px}.lp-portfolio-experience a{color:inherit;text-decoration:none;touch-action:manipulation}.lp-portfolio-experience button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}.lp-portfolio-experience button:disabled{cursor:default}.lp-portfolio-experience h1,.lp-portfolio-experience h2,.lp-portfolio-experience h3,.pf-category>strong,.pf-project-select>strong{font-family:LPPortfolioDisplay,Georgia,serif;font-weight:400;letter-spacing:-.025em;text-wrap:balance;line-height:1.06}.lp-portfolio-experience h1{font-size:clamp(43px,4.4vw,70px);max-width:600px;margin:0 0 25px}.lp-portfolio-experience h2{font-size:clamp(31px,3.2vw,48px);margin:0 0 22px}.lp-portfolio-experience h3{font-size:22px;margin:28px 0 14px}.lp-portfolio-experience p{max-width:68ch}.pf-shell{width:min(1320px,calc(100% - 88px));margin-inline:auto}.pf-section{padding-block:68px;scroll-margin-top:110px}.pf-actions{display:flex;gap:18px;flex-wrap:wrap;align-items:center}.pf-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:13px 25px;border:1px solid #c4a267;border-radius:999px;transition:background .25s,color .25s,transform .25s}.pf-button:hover{background:#194331;transform:translateY(-2px)}.pf-gold,.lp-portfolio-experience .pf-gold{background:linear-gradient(115deg,#f3dda8,#d7b16d);color:#122019;border-color:transparent}.pf-gold:hover{background:#f3dda8}.pf-button svg,.pf-text-link svg,.pf-other svg,.pf-card-details a svg,.pf-archive a svg{width:20px;height:20px;flex:none}.pf-text-link,.pf-other{display:inline-flex;align-items:center;gap:12px;min-height:44px;text-underline-offset:5px}.pf-text-link:hover,.pf-other:hover{text-decoration:underline;color:var(--pf-gold)}.pf-note{font-size:12px;color:var(--pf-muted);line-height:1.6}.pf-hero{position:relative;background:linear-gradient(90deg,#07120ff2 12%,#07120f80 75%),url('website-express/marble-1600.webp') center/cover}.pf-hero-grid{min-height:650px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:18px;padding-top:42px}.pf-hero-copy{position:relative;z-index:3;padding-bottom:25px}.pf-hero-copy>p:not(.pf-note){font-size:18px;color:var(--pf-muted);max-width:41ch;margin:0 0 30px}.pf-hero-copy .pf-note{margin-top:26px}.pf-universe{height:580px;position:relative;perspective:1400px;min-width:0}.pf-floating{position:absolute;display:block;background:#07120f;border-radius:14px;overflow:hidden;box-shadow:0 28px 55px #0009;transform-style:preserve-3d;transition:filter .4s,translate .5s;will-change:auto}.pf-floating:hover{filter:brightness(1.16);translate:0 -8px}.pf-floating img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover}.pf-browser{height:24px;display:flex;align-items:center;gap:4px;padding-inline:10px;background:#0a1712;color:#d2c6a7;font-size:8px;overflow:hidden}.pf-browser>i{width:4px;height:4px;border-radius:50%;background:#ad925c}.pf-browser>span{margin-inline:auto;white-space:nowrap}.pf-floating--noir{width:76%;left:12%;top:160px;transform:rotateY(-12deg) rotateZ(3deg);z-index:4;outline:1px solid #ddbf80}.pf-floating--aelia{width:43%;left:-3%;top:63px;transform:rotateY(16deg) rotateZ(-9deg);z-index:2}.pf-floating--atelier{width:48%;right:-3%;top:28px;transform:rotateY(-18deg) rotateZ(8deg);z-index:1}.pf-floating--pineapple{width:20%;right:0;bottom:22px;transform:rotateY(-14deg) rotateZ(8deg);z-index:5;border:5px solid #09160f;outline:1px solid #b09055;border-radius:24px}.pf-floating--pineapple .pf-browser,.pf-floating--pineapple .pf-float-label{display:none}.pf-floating--pineapple img{aspect-ratio:390/844}.pf-category[data-pf-category=branding] img{object-fit:contain;background:#faf8f1}.pf-float-label{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;color:var(--pf-gold);font-size:11px}.pf-float-label small{font-size:8px}.pf-orbit{position:absolute;width:130%;height:110%;left:-15%;top:-5%;pointer-events:none;stroke:#cfae65;stroke-width:1;opacity:.65;filter:drop-shadow(0 0 6px #e6bb6b)}.pf-hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:22px;position:relative;color:var(--pf-muted);font-size:11px}.pf-hero-bottom>span{max-width:90ch}.pf-motion{white-space:nowrap;background:#0b211a;border:1px solid var(--pf-line);border-radius:999px;min-height:44px;padding:8px 17px}.pf-motion:disabled{display:none}.pf-section-head{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:28px}.pf-section-head h2{margin:0}.pf-controls{display:flex;gap:10px;flex:none}.pf-controls button{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--pf-line);border-radius:50%;background:transparent}.pf-controls button:hover{background:#29432b}.pf-controls button svg{width:20px;height:20px}.pf-controls button[data-pf-prev] svg,.pf-controls button[data-pf-category-prev] svg{transform:rotate(180deg)}.pf-controls button:disabled{opacity:.3}.pf-categories{background:#0a1d16}.pf-category-track{display:flex;gap:17px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 4px 22px;perspective:1600px;scrollbar-width:thin;scrollbar-color:#ae8c4f #07120f}.pf-category{flex:1 0 185px;min-width:0;padding-bottom:18px;border-bottom:1px solid var(--pf-line);scroll-snap-align:center;transition:transform .45s,background .35s;color:var(--pf-text)}.pf-category[aria-current=true]{background:#173325;transform:translateY(-7px)}.pf-category-media{position:relative;overflow:hidden;border-radius:12px;aspect-ratio:1.15;margin-bottom:18px;box-shadow:0 12px 24px #0004}.pf-category-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.pf-category:hover img{transform:scale(1.06)}.pf-category-media>span{position:absolute;bottom:10px;left:10px;background:#07120fe8;padding:6px;border-radius:8px;color:var(--pf-gold)}.pf-category>strong{display:block;font-size:23px;padding-inline:8px}.pf-category>p{color:var(--pf-muted);font-size:12px;line-height:1.6;padding-inline:8px;margin:9px 0}.pf-category>small{display:block;color:var(--pf-gold);font-size:10px;padding-inline:8px}.pf-filter{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:24px}.pf-filter button{background:transparent;border:1px solid var(--pf-line);border-radius:999px;padding:9px 15px;min-height:44px;font-size:12px}.pf-filter button[aria-pressed=true]{background:#e5c58e;color:#122019;border-color:transparent}.pf-project-track{display:flex;gap:24px;overflow-x:auto;padding:20px 7px 32px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#ae8c4f #07120f;perspective:1600px;touch-action:pan-x pan-y}.pf-project-card{flex:0 0 285px;min-width:0;scroll-snap-align:center;background:#0d2119;border-radius:14px;overflow:hidden;box-shadow:0 14px 26px #0005;align-self:flex-start;transition:transform .45s,opacity .45s;transform:rotateY(-3deg) scale(.96);transform-origin:center}.pf-project-card[data-active=true]{transform:rotateY(0) scale(1.025);outline:1px solid #e5c58e}.pf-project-card[hidden]{display:none}.pf-project-select{padding:0 0 16px;display:block;width:100%;border:0;background:transparent;text-align:left}.pf-project-media{display:block;overflow:hidden;aspect-ratio:1.6;background:#08120e}.pf-project-media img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s}.pf-project-select:hover img{transform:scale(1.04)}.pf-project-status{display:block;font-size:9px;color:var(--pf-gold);margin:17px 18px 9px}.pf-project-select>strong{display:block;font-size:25px;margin:0 18px 12px;line-height:1.12}.pf-project-description{display:block;font-size:12px;margin:0 18px;color:var(--pf-muted);line-height:1.6}.pf-card-details{padding:0 18px 17px;font-size:12px}.pf-card-details summary{cursor:pointer;min-height:35px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:4px;color:var(--pf-gold)}.pf-card-details ul{padding-left:17px;color:var(--pf-muted)}.pf-card-details a{display:flex;gap:10px;align-items:center;min-height:44px}.pf-counter{font-variant-numeric:tabular-nums;font-size:11px;color:var(--pf-gold);margin:0;text-align:right}.pf-showcase{background:linear-gradient(140deg,#113529,#07120f 65%);border-block:1px solid var(--pf-line)}.pf-showcase-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:start}.pf-preview{min-width:0;position:sticky;top:120px}.pf-screen{width:100%;background:#050b08;border-radius:14px;overflow:hidden;box-shadow:0 24px 48px #0006;margin-inline:auto;min-height:200px}.pf-screen>img{display:block;width:100%;height:auto;object-fit:contain}.pf-screen[data-view=mobile]{max-width:275px}.pf-screen[data-view=mobile]>.pf-browser{display:none}.pf-screen[data-kind=art]{max-width:600px;background:transparent;box-shadow:none}.pf-screen[data-kind=art]>.pf-browser{display:none}.pf-preview-thumbs{display:flex;gap:12px;justify-content:center;margin-top:22px}.pf-preview-thumbs button{background:#081a13;border:1px solid var(--pf-line);border-radius:10px;padding:5px;width:calc((100% - 24px)/3);max-width:135px;min-height:44px;overflow:hidden}.pf-preview-thumbs button[aria-pressed=true]{border-color:var(--pf-gold);background:#193525}.pf-preview-thumbs img{display:block;width:100%;height:66px;object-fit:cover;object-position:top;border-radius:5px}.pf-preview-thumbs span{display:block;font-size:10px;margin-top:6px}.pf-project-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--pf-gold);font-size:10px;margin:2px 0 22px}.pf-project-info h2{color:var(--pf-gold)}.pf-project-info>p{color:var(--pf-muted);font-size:16px}.pf-features{padding:0;list-style:none;margin:0 0 22px;display:grid;gap:10px}.pf-features li{display:flex;gap:12px;align-items:baseline;font-size:14px}.pf-features li:before{content:'';flex:none;display:block;width:6px;height:6px;border:1px solid var(--pf-gold);transform:rotate(45deg)}.pf-technologies{font-size:11px!important;color:var(--pf-gold)!important;margin-bottom:26px}.pf-other{font-size:12px;margin-top:21px}.pf-archive{padding-block:40px}.pf-archive summary{display:flex;justify-content:space-between;gap:20px;align-items:center;font-family:LPPortfolioDisplay,Georgia,serif;font-size:28px;padding-block:17px;min-height:60px;border-block:1px solid var(--pf-line);cursor:pointer}.pf-archive summary>span{color:var(--pf-gold);font-size:22px}.pf-archive p{color:var(--pf-muted);font-size:13px}.pf-archive ul{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.pf-archive li{border-bottom:1px solid #ae8c4f30}.pf-archive a{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:55px;font-size:13px;padding-block:10px}.pf-archive a:hover{color:var(--pf-gold)}.pf-contact{background:#102e23}.pf-contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}.pf-contact-grid h2{color:var(--pf-gold)}.pf-contact-grid p{color:var(--pf-muted)}.pf-contact-actions{display:flex;flex-direction:column;gap:15px;align-items:flex-start}.lp-portfolio-experience:not([data-enhanced]) .pf-filter{display:none}.lp-portfolio-experience[data-motion-state=running] .pf-floating--noir{animation:pf-float 7s ease-in-out infinite}.lp-portfolio-experience[data-motion-state=running] .pf-floating--aelia{animation:pf-float 9s ease-in-out infinite reverse}@keyframes pf-float{0%,100%{translate:0 0}50%{translate:0 -10px}}.lp-portfolio-experience[data-motion-state=still] .pf-floating{animation:none}.lp-portfolio-experience [data-pf-track][data-dragging=true]{scroll-snap-type:none;cursor:grabbing;user-select:none}.lp-portfolio-experience [data-pf-track][data-dragging=true] *{pointer-events:none}
@media(min-width:1600px){.pf-hero-grid{min-height:700px}.pf-universe{height:620px}.pf-floating--noir{top:210px}}
@media(max-width:1100px){.pf-shell{width:calc(100% - 60px)}.pf-hero-grid{grid-template-columns:.9fr 1.1fr;min-height:590px}.pf-universe{height:470px}.pf-floating--noir{top:160px}.pf-floating--aelia{top:60px}.pf-floating--atelier{top:30px}.pf-floating--pineapple{bottom:25px}.pf-float-label{font-size:9px}.pf-float-label small{display:none}.pf-showcase-grid{gap:35px;grid-template-columns:1.15fr 1fr}.pf-preview{top:105px}.pf-category{flex-basis:185px}.pf-project-card{flex-basis:270px}.pf-contact-grid{gap:30px}}
@media(max-width:760px){.pf-shell{width:calc(100% - 36px)}.pf-section{padding-block:44px;scroll-margin-top:95px}.pf-hero{background:linear-gradient(#07120fe8,#07120f99),url('website-express/marble-960.webp') center/cover}.pf-hero-grid{display:flex;flex-direction:column;gap:0;padding-top:35px;min-height:0}.lp-portfolio-experience h1{font-size:clamp(39px,9.8vw,58px);max-width:560px;margin-bottom:20px}.pf-hero-copy{padding:0;align-self:stretch}.pf-hero-copy>p:not(.pf-note){font-size:15px;max-width:42ch;margin-bottom:23px}.pf-actions{gap:12px}.pf-button{font-size:13px;min-height:48px;padding:12px 21px}.pf-text-link{font-size:13px}.pf-hero-copy .pf-note{font-size:10px;margin-top:20px}.pf-universe{height:360px;width:100%;margin-top:5px}.pf-floating--noir{width:91%;left:4.5%;top:110px;transform:rotateY(-6deg) rotateZ(2deg)}.pf-floating--aelia{width:48%;left:-3%;top:27px}.pf-floating--atelier{width:48%;right:-3%;top:18px}.pf-floating--pineapple{display:none}.pf-float-label{padding:5px 8px;font-size:9px}.pf-floating .pf-browser{height:16px;font-size:6px}.pf-browser>i{width:3px;height:3px}.pf-hero-bottom{padding-block:15px;gap:15px;align-items:flex-end}.pf-hero-bottom>span{font-size:9px;max-width:43ch}.pf-motion{font-size:10px;padding:7px 12px;min-height:44px}.pf-section-head{gap:12px;margin-bottom:17px}.pf-section-head h2{font-size:32px}.pf-controls{gap:7px}.pf-controls button{width:44px;height:44px}.pf-category-track{gap:16px;padding-top:10px;margin-inline:-18px;padding-inline:18px}.pf-category{flex:0 0 210px}.pf-category-media{aspect-ratio:1.4}.pf-category>strong{font-size:25px}.pf-category>p{min-height:38px}.pf-filter{flex-wrap:nowrap;overflow-x:auto;margin-inline:-18px;padding:4px 18px 10px;scrollbar-width:thin;scrollbar-color:#ae8c4f #07120f}.pf-filter button{white-space:nowrap;flex:none;font-size:11px;padding-inline:13px}.pf-project-track{margin-inline:-18px;padding-inline:26px;gap:23px;scroll-padding-inline:26px}.pf-project-card{flex-basis:min(78vw,310px);transform:scale(.97)}.pf-project-card[data-active=true]{transform:scale(1.015)}.pf-project-select>strong{font-size:27px}.pf-showcase-grid{display:flex;flex-direction:column;gap:35px}.pf-preview{position:static;width:100%}.pf-screen[data-view=mobile]{max-width:230px}.pf-project-info{width:100%}.pf-project-info h2{font-size:39px}.pf-project-info h3{font-size:24px}.pf-project-info>p{font-size:15px}.pf-project-info .pf-actions{gap:12px}.pf-project-meta{margin-bottom:15px}.pf-preview-thumbs{gap:10px;margin-top:18px}.pf-contact-grid{grid-template-columns:1fr;gap:20px}.pf-contact-actions{align-items:stretch}.pf-contact-actions .pf-text-link{justify-content:center}.pf-archive summary{font-size:25px}.pf-archive ul{grid-template-columns:1fr}.pf-archive a{font-size:12px}.pf-contact{padding-block:45px}.pf-hero-grid .pf-actions{gap:10px}.pf-hero-copy .pf-actions .pf-text-link{font-size:12px}.pf-category[aria-current=true]{transform:none}}
@media(max-width:359px){.pf-universe{height:305px}.pf-floating--noir{top:95px}.pf-hero-copy .pf-actions{align-items:flex-start;flex-direction:column}.pf-hero-bottom{align-items:center}.pf-hero-bottom>span{max-width:27ch}.pf-section-head h2{font-size:28px}.pf-project-card{flex-basis:80vw}.pf-project-info h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.lp-portfolio-experience *, .lp-portfolio-experience *:before,.lp-portfolio-experience *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.pf-floating:hover{translate:0 0}.pf-category[aria-current=true]{transform:none}}