/* Source-based portfolio covers. Each site keeps its own visual identity. */
.project-gana{--cover-bg:#dcedf0;--cover-ink:#16404b;--cover-accent:#4fbbd1;--cover-screen:#fff;--cover-duration:14s}
.project-comedy{--cover-bg:#2a0a11;--cover-ink:#fff1ef;--cover-accent:#f24961;--cover-screen:#050505;--cover-duration:17s}
.project-shkedia{--cover-bg:#efe0d0;--cover-ink:#5b2419;--cover-accent:#a55e46;--cover-screen:#494949;--cover-duration:15s}
.project-greenbike{--cover-bg:#e4edce;--cover-ink:#173b29;--cover-accent:#519f37;--cover-screen:#fff;--cover-duration:16s}
.project-cover{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:27px;aspect-ratio:1.12;padding:26px 25px 22px;border-radius:10px;overflow:hidden;color:var(--cover-ink);background:var(--cover-bg);isolation:isolate;perspective:1100px;--cover-rx:0deg;--cover-ry:0deg;--cover-shift-x:0px;--cover-shift-y:0px;--parallax:0px}
.project-cover::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(135deg,#ffffff25,transparent 60%),linear-gradient(#ffffff1a 1px,transparent 1px),linear-gradient(90deg,#ffffff1a 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}
.cover-heading,.cover-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;z-index:2;flex-shrink:0;line-height:1.5}
.cover-heading{direction:ltr;font-size:0.75rem;letter-spacing:.08em;font-weight:500}.cover-symbol{font-size:1.625rem;line-height:1;width:31px;height:31px;text-align:center}
.cover-browser{width:100%;position:relative;margin:auto 0;background:var(--cover-screen);border-radius:8px;overflow:hidden;border:1px solid #ffffff5c;box-shadow:0 24px 44px -20px #0000008c;transform:translate3d(var(--cover-shift-x),calc(var(--cover-shift-y) + var(--parallax)),0) rotateX(var(--cover-rx)) rotateY(var(--cover-ry));transition:transform .55s cubic-bezier(.2,.75,.25,1),box-shadow .5s;will-change:transform;direction:ltr}
.cover-toolbar{height:30px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f6f7f5;color:#4e514a;line-height:1;border-bottom:1px solid #d4d6cf}
.project-comedy .cover-toolbar{background:#191214;color:#ddd4d5;border-color:#362126}.cover-address{font-family:var(--latin);font-size:0.75rem;letter-spacing:0}.cover-dots{display:flex;gap:5px}.cover-dots i{display:block;width:5px;height:5px;background:currentColor;border-radius:50%;opacity:.5}
.cover-viewport{position:relative;overflow:hidden;aspect-ratio:1.56;background:var(--cover-screen)}
.cover-page{display:block;width:100%;height:auto;max-width:none;object-fit:initial;object-position:top;transform:translate3d(0,0,0);will-change:transform;animation:site-cover-scroll var(--cover-duration) cubic-bezier(.45,0,.2,1) infinite alternate;animation-play-state:paused}
.is-cover-visible .cover-page{animation-play-state:running}
.is-cover-scrubbing .cover-page{animation:none;transform:translate3d(0,var(--cover-scrub,0px),0);transition:transform .55s cubic-bezier(.2,.65,.2,1)}
.project:focus-visible .cover-page{animation-play-state:paused}.project:focus-visible .project-cover{outline:3px solid var(--lime);outline-offset:-3px}
.cover-bottom{font-size:0.875rem}.cover-visit{display:inline-flex;gap:9px;align-items:center;white-space:nowrap}.cover-visit b{font:400 1.4375rem Arial,sans-serif;line-height:1}.project:hover .cover-browser{box-shadow:0 30px 50px -18px #000000a8}
.project-info h3>span{font-family:var(--latin);font-size:1rem;color:var(--muted);font-weight:400;display:inline-block;vertical-align:middle;margin-inline-start:8px;line-height:1.5}
.cover-showcase-stage{position:relative;margin:auto;max-width:100%;width:88%;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;transform:translate3d(var(--cover-shift-x),var(--cover-shift-y),0) rotateX(var(--cover-rx)) rotateY(var(--cover-ry));transition:transform .55s cubic-bezier(.2,.75,.25,1)}
.cover-showcase-image{display:block;max-width:100%;width:auto;max-height:100%;height:auto;border-radius:6px;box-shadow:0 25px 45px -20px #573b386b;animation:showcase-float 6s ease-in-out infinite alternate;animation-play-state:paused}
.is-cover-visible .cover-showcase-image,.is-cover-visible .cover-float-label{animation-play-state:running}
.cover-float-label{position:absolute;border:1px solid #c7afa0;box-shadow:0 6px 20px -8px #593c3c4a;background:#fff6ec;color:#5b2419;font-size:0.875rem;line-height:1.4;padding:9px 16px;border-radius:40px;white-space:nowrap;animation:showcase-float 7s ease-in-out infinite alternate;animation-play-state:paused}
.label-gifts{top:12%;right:-10%;rotate:7deg}.label-taste{bottom:12%;left:-10%;rotate:-7deg;animation-delay:-3s}.cover-showcase{gap:18px}
.brand-proof{display:flex;align-items:center;justify-content:center;gap:clamp(35px,7vw,110px);padding:64px 0 4px;margin-top:90px;border-top:1px solid var(--line)}
.brand-proof-number{font-family:var(--latin);font-size:clamp(5.625rem,13vw,11.5rem);line-height:1;font-weight:600;letter-spacing:-.08em;color:var(--lime);flex-shrink:0}.brand-proof-number>span{font-size:.55em;display:inline-block;vertical-align:top;line-height:1.55;letter-spacing:0;margin-left:8px}
.brand-proof-copy h3{font-size:clamp(1.9375rem,3.7vw,3.25rem);font-weight:600;line-height:1.2;margin-bottom:14px;letter-spacing:-.025em}.brand-proof-copy>p{font-size:clamp(1.0625rem,1.6vw,1.4375rem);line-height:1.65;color:#cdd1c2}.brand-proof-copy>span{display:block;font-size:1rem;color:var(--muted);margin-top:7px}
@keyframes site-cover-scroll{0%,13%{transform:translate3d(0,0,0)}88%,100%{transform:translate3d(0,var(--cover-travel,0px),0)}}
@keyframes showcase-float{from{transform:translateY(5px) rotate(-.7deg)}to{transform:translateY(-6px) rotate(.7deg)}}
.motion-reduced .cover-page,.motion-reduced .cover-showcase-image,.motion-reduced .cover-float-label{animation:none!important;transform:none!important}.motion-reduced .cover-browser,.motion-reduced .cover-showcase-stage{transform:none!important}
@media(max-width:1100px){.project-cover{padding:22px 20px 20px;gap:22px;aspect-ratio:1.02}.cover-bottom{font-size:0.75rem}.cover-heading{letter-spacing:.035em}.cover-toolbar{padding:0 9px}.cover-viewport{aspect-ratio:1.5}.project-info h3>span{font-size:0.8125rem}}
@media(max-width:760px){.project-cover{padding:21px 18px 19px;gap:24px;aspect-ratio:1.01}.cover-heading{font-size:0.75rem;letter-spacing:.025em}.cover-toolbar{height:27px}.cover-address{font-size:0.75rem}.cover-dots{gap:3px}.cover-dots i{width:4px;height:4px}.cover-bottom{font-size:0.75rem;gap:8px}.cover-visit{gap:5px}.cover-visit b{font-size:1.25rem}.cover-browser{border-radius:6px}.cover-viewport{aspect-ratio:1.5}.cover-showcase{gap:13px}.cover-showcase-stage{width:80%}.cover-float-label{font-size:0.75rem;padding:7px 12px}.label-gifts{right:-15%}.label-taste{left:-15%}.project-info h3>span{font-size:0.75rem;margin-inline-start:5px}.brand-proof{gap:24px;padding-top:35px;margin-top:50px;align-items:center;justify-content:flex-start}.brand-proof-number{font-size:5.5rem}.brand-proof-number>span{margin-left:5px}.brand-proof-copy h3{font-size:1.75rem;margin-bottom:10px}.brand-proof-copy>p{font-size:1rem;line-height:1.6}.brand-proof-copy>span{font-size:0.875rem}}
@media(max-width:390px){.brand-proof{flex-direction:column;align-items:flex-start;gap:20px}.brand-proof-number{font-size:6.25rem}.brand-proof-copy h3{font-size:2rem}.project-info h3>span{display:block;margin:7px 0 0}.cover-bottom>span:first-child{max-width:160px}.cover-heading{font-size:0.75rem;letter-spacing:0}.project-cover{aspect-ratio:.97;padding:20px 16px}}
@media(prefers-reduced-motion:reduce){.cover-page,.cover-showcase-image,.cover-float-label{animation:none!important;transform:none!important}.cover-browser,.cover-showcase-stage{transform:none!important}}