.nav [aria-current=page]{color:var(--gold)}.portfolio-intro{isolation:isolate;padding-block:95px 65px;position:relative}.portfolio-intro:before{content:"";inset-block:0 -40px;z-index:-1;pointer-events:none;background:url(/images/bg-ribbons.webp) 50%/cover;width:100vw;position:absolute;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#0000,#000a 20% 70%,#0000);mask-image:linear-gradient(#0000,#000a 20% 70%,#0000)}.portfolio-intro h1{font-size:clamp(44px,5.6vw,78px);font-weight:800;line-height:1.3}.portfolio-intro>p:not(.kicker){color:var(--muted);margin-top:25px;font-size:19px;line-height:1.9}.portfolio-notice{color:#c6b599;gap:10px;max-width:650px;margin-top:26px;font-size:12px;line-height:1.9;display:flex}.portfolio-notice>span{color:var(--gold)}.portfolio-gallery{padding-bottom:85px}.portfolio-toolbar{border-bottom:1px solid var(--ra7-divider);justify-content:space-between;align-items:center;gap:25px;margin-bottom:40px;padding-block:15px 25px;display:flex}.portfolio-toolbar>p{color:var(--muted);font-size:13px}.portfolio-filters{flex-wrap:wrap;gap:8px;display:flex}.portfolio-filters button{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:5px;min-height:44px;padding:11px 24px;font-size:14px;transition:background .2s,color .2s}.portfolio-filters button.active{color:var(--goldLight);border-color:var(--ra7-edge-strong);background:#dfb67e12}.portfolio-filters button:hover{color:var(--gold)}.portfolio-grid{perspective:1200px;grid-template-columns:1fr 1fr;gap:55px 30px;display:grid}.portfolio-project{min-width:0}.portfolio-image{text-align:start;background:var(--ra7-surface);border-radius:var(--ra7-radius-card);perspective:1100px;width:100%;height:390px;padding:35px 30px 0;display:block;position:relative;overflow:hidden}.portfolio-image.coffee,.portfolio-image.light{background:var(--ra7-surface)}.portfolio-browser{border:1px solid var(--ra7-edge);color:#efe6d6;background:#161511;border-radius:8px;transition:transform .3s ease-out;overflow:hidden;transform:rotateX(2deg)rotateY(-3deg)translateY(10px);box-shadow:2px 5px #0b0b0b70}.portfolio-browser-bar{color:#bcb4a9;direction:ltr;background:#222;justify-content:space-between;padding:9px 12px;font:8px Arial,sans-serif;display:flex}.portfolio-browser-bar>span:first-child{letter-spacing:2px;color:var(--gold);font-size:6px}.portfolio-demo-nav{justify-content:space-between;align-items:center;gap:15px;height:52px;padding-inline:20px;display:flex}.portfolio-demo-nav b{letter-spacing:3px;font:22px Georgia,serif}.portfolio-demo-nav>span{font-size:9px}.portfolio-demo-cover{background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:start;gap:14px;height:240px;padding:28px;display:flex}.portfolio-demo-cover>span:first-child{max-width:240px;font-size:32px;font-weight:600;line-height:1.3}.portfolio-demo-cover small{font-size:11px}.portfolio-fake-button{color:#241b10;background:#ddbd8d;border-radius:3px;padding:8px 14px;font-size:10px}.portfolio-demo-bottom{padding:22px}.portfolio-demo-bottom p{font-size:16px}.portfolio-demo-bottom>div{gap:12px;margin-top:15px;display:flex}.portfolio-demo-bottom>div>span{background-size:cover;border-radius:3px;flex:1;height:80px}.portfolio-browser.light{color:#352a1f;background:#f1ece3}.portfolio-browser.light .portfolio-demo-cover{color:#34291e}.portfolio-open{color:#f3e6d1;border:1px solid var(--ra7-edge);background:#111e;border-radius:5px;align-items:center;gap:25px;min-height:40px;padding:12px 18px;font-size:12px;display:flex;position:absolute;bottom:18px;left:20px}.portfolio-caption{justify-content:space-between;align-items:center;margin-top:25px;display:flex}.portfolio-caption h2{letter-spacing:3px;font:30px Georgia,serif}.portfolio-caption p{color:var(--gold);margin-top:10px;font-size:12px}.portfolio-caption p span{margin-inline:8px}.portfolio-arrow{width:44px;height:44px;color:var(--text);background:0 0;font-size:24px}.portfolio-description{color:var(--muted);max-width:480px;margin-top:16px;font-size:14px;line-height:1.9}.portfolio-note{isolation:isolate;grid-template-columns:1fr 1fr;gap:70px;padding-block:65px;display:grid;position:relative}.portfolio-note:before{content:"";inset-block:0;z-index:-1;pointer-events:none;background:linear-gradient(#090a0b,#090a0b77 30% 70%,#090a0b),url(/images/bg-diagonal.webp) 50%/cover;width:100vw;position:absolute;left:50%;transform:translate(-50%)}.portfolio-note>div:last-child>p{color:var(--muted);font-size:17px;line-height:2}.portfolio-note .text-link{color:var(--gold);margin-top:20px}.portfolio-dialog{border:1px solid var(--ra7-edge);width:min(940px,100% - 32px);max-height:90dvh;color:var(--text);overscroll-behavior:contain;background:#111214;border-radius:12px;padding:0}.portfolio-dialog::backdrop{background:#000c}.portfolio-dialog-body{padding:45px;position:relative}.portfolio-dialog .dialog-close{font-size:28px;line-height:1}.portfolio-dialog-heading{margin-bottom:30px;padding-inline-end:15px}.portfolio-dialog-heading h2{letter-spacing:4px;font:42px Georgia,serif}.portfolio-dialog-heading>p:last-child{color:var(--muted);margin-top:18px;font-size:15px;line-height:1.9}.portfolio-browser.large{transform:none}.large .portfolio-demo-cover{height:330px}.large .portfolio-demo-cover>span:first-child{max-width:340px;font-size:44px}.large .portfolio-demo-bottom>div>span{height:100px}.portfolio-details{grid-template-columns:1fr 1fr;gap:30px;margin-block:35px;display:grid}.portfolio-details h3,.portfolio-custom-note h3{margin-bottom:12px;font-size:19px}.portfolio-details p,.portfolio-details li,.portfolio-custom-note p{color:var(--muted);font-size:14px;line-height:1.9}.portfolio-details ul{margin:0;padding-inline-start:18px}.portfolio-custom-note{border-block:1px solid var(--ra7-divider);padding-block:23px}.portfolio-demo-disclaimer{color:#bda98b;margin-block:25px;font-size:12px;line-height:1.9}.portfolio-dialog-body>.btn{width:100%}@media (hover:hover) and (pointer:fine){[data-depth=on] .portfolio-image:hover .portfolio-browser{transform:rotateY(0)rotateX(0)translateY(0)}}@media (max-width:900px){.portfolio-image{height:330px;padding:25px 20px 0}.portfolio-demo-cover{height:200px}.portfolio-demo-cover>span:first-child{font-size:28px}.portfolio-demo-nav>span{font-size:7px}.portfolio-note{gap:35px}}@media (max-width:650px){.portfolio-intro{padding-block:60px 40px}.portfolio-intro:before{background-image:url(/images/bg-ribbons-mobile.webp)}.portfolio-intro>p:not(.kicker){font-size:16px}.portfolio-notice{font-size:11px}.portfolio-toolbar{flex-direction:column;align-items:start;gap:14px;margin-bottom:28px}.portfolio-filters{gap:4px}.portfolio-filters button{padding:11px 15px;font-size:13px}.portfolio-grid{grid-template-columns:1fr;gap:40px}.portfolio-image{height:320px}.portfolio-demo-cover{height:210px;padding:20px}.portfolio-demo-cover>span:first-child{font-size:29px}.portfolio-caption h2{font-size:27px}.portfolio-description{font-size:13px}.portfolio-gallery{padding-bottom:45px}.portfolio-note{grid-template-columns:1fr;gap:25px;padding-block:45px}.portfolio-note h2{font-size:34px}.portfolio-note>div:last-child>p{font-size:15px}.portfolio-note:before{background-image:linear-gradient(#090a0b,#090a0b77 30% 70%,#090a0b),url(/images/bg-diagonal-mobile.webp)}.portfolio-dialog{width:calc(100% - 20px)}.portfolio-dialog-body{padding:45px 20px 25px}.portfolio-dialog-heading h2{font-size:32px}.portfolio-dialog-heading>p:last-child{font-size:14px}.large .portfolio-demo-cover{height:230px}.large .portfolio-demo-cover>span:first-child{max-width:230px;font-size:30px}.portfolio-details{grid-template-columns:1fr;gap:24px}.large .portfolio-demo-bottom>div>span{height:60px}.portfolio-demo-nav{padding-inline:14px}.portfolio-demo-nav b{font-size:18px}.portfolio-demo-nav>span{font-size:7px}.portfolio-open{bottom:14px;left:14px}}