/*! © 2026 Salah Nechabeh / SSN Tech Studio. All rights reserved. salahnechabeh.com */
.svc2{position:relative;background:#050505;color:#fff;overflow:hidden}.svc2-gl,.svc2-words,.svc2-lines,.svc2-frame{display:none}.svc2-ui{position:relative;padding:clamp(48px,7vw,110px) clamp(24px,6vw,96px);display:flex;flex-direction:column;gap:clamp(28px,4vw,56px)}.svc2-hud{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;font:300 11px/1.9 JetBrains,ui-monospace,monospace;letter-spacing:.2em;color:#6b7078;text-transform:uppercase}.svc2-hud div{display:flex;flex-direction:column}.svc2-hud div:nth-child(2){text-align:center}.svc2-hud div:nth-child(3){text-align:right}.svc2-hud b{font-weight:400;color:#e6e8eb}.svc2-main{display:flex;justify-content:space-between;align-items:center;gap:48px}.svc2-title{margin:0;font:400 clamp(52px,7.4vw,124px)/.92 Cairo,Arial,sans-serif;letter-spacing:-.01em;text-transform:uppercase}.svc2-title span{display:block;overflow:hidden;padding-right:.08em}.svc2-title b,.svc2-title em{display:inline-block;font-weight:400}.svc2-title em{color:#c9ccd1}.svc2-lede{max-width:22rem;margin:22px 0 0;font:300 15px/1.7 Cairo,Arial,sans-serif;color:#9aa0a8}.svc2-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:min(100%,640px);flex:0 0 auto}.svc2-card{position:relative;display:flex;flex-direction:column;gap:18px;min-height:160px;padding:22px;color:#fff;background:#050505b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .5s}.svc2-card:before{content:"";position:absolute;inset:0;padding:1px;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.34),rgba(255,255,255,.05) 50%,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.svc2-card:hover{background:#ffffff0d}.svc2-k{display:flex;justify-content:space-between;align-items:center;font:400 11px/1 JetBrains,ui-monospace,monospace;letter-spacing:.2em;color:#9aa0a8}.svc2-ic{font-style:normal;color:#e6e8eb;font-size:14px}.svc2-dotp{width:6px;height:6px;border-radius:50%;background:#e6e8eb;animation:svc2pulse 1.6s ease-in-out infinite}@keyframes svc2pulse{50%{opacity:.25}}.svc2-card strong{margin-top:auto;font:400 clamp(20px,2.1vw,30px)/1.15 Cairo,Arial,sans-serif;letter-spacing:-.02em}.svc2-tags{display:flex;flex-wrap:wrap;gap:8px}.svc2-tags i{font:400 11px/1 JetBrains,ui-monospace,monospace;font-style:normal;letter-spacing:.12em;padding:6px 9px;border:1px solid rgba(255,255,255,.12);color:#cfd3d8}.svc2-bars{display:flex;align-items:flex-end;gap:4px;height:16px;opacity:.75}.svc2-bars i{flex:1;background:#ffffff4d}.svc2-bars i:nth-child(1){height:50%}.svc2-bars i:nth-child(2){height:75%;background:#ffffff73}.svc2-bars i:nth-child(3){height:35%}.svc2-bars i:nth-child(4){height:100%;background:#ffffffa6}.svc2-bars i:nth-child(5){height:66%}.svc2-bars i:nth-child(6){height:90%;background:#ffffffd9}.svc2-meter{display:block;height:2px;background:#ffffff1a}.svc2-meter i{display:block;height:100%;width:88%;background:#d2d6db}.svc2-foot{display:flex;justify-content:space-between;align-items:flex-end;font:300 11px/1.9 JetBrains,ui-monospace,monospace;letter-spacing:.2em;color:#6b7078;text-transform:uppercase}.svc2-foot span:last-child{display:flex;flex-direction:column;text-align:right}.svc2-foot b{font-weight:400;color:#e6e8eb}@media(max-width:820px){.svc2-main{flex-direction:column;align-items:flex-start;gap:28px}.svc2-hud{grid-template-columns:1fr 1fr}.svc2-hud div:nth-child(2){display:none}.svc2-cards{gap:10px}.svc2-card{min-height:118px;padding:14px;gap:12px}.svc2-card strong{font-size:16px}.svc2-k{font-size:9px;letter-spacing:.14em}.svc2-tags i{font-size:9px;padding:4px 6px}.svc2-lede{font-size:13px;margin-top:14px}}html.svc2-on .svc2{height:480svh;overflow:visible}html.svc2-on .svc2-pin{position:sticky;top:0;height:100svh;overflow:hidden;perspective:900px;background:#050505}html.svc2-on .svc2-gl{display:block;position:absolute;inset:0;width:100%;height:100%;opacity:0}html.svc2-on .svc2-ui{position:absolute;inset:0;justify-content:space-between;padding:clamp(40px,6vw,80px) clamp(28px,6vw,84px);gap:20px}html.svc2-on .svc2-frame{display:block;position:absolute;inset:clamp(14px,2.6vw,46px);border:1px solid rgba(255,255,255,.1);pointer-events:none;opacity:0}.svc2-frame i{position:absolute;width:7px;height:7px;border:1px solid rgba(255,255,255,.32);background:#050505}.svc2-frame i:nth-child(1){left:-4px;top:-4px}.svc2-frame i:nth-child(2){right:-4px;top:-4px}.svc2-frame i:nth-child(3){left:-4px;bottom:-4px}.svc2-frame i:nth-child(4){right:-4px;bottom:-4px}html.svc2-on .svc2-hud,html.svc2-on .svc2-foot,html.svc2-on .svc2-lede{opacity:0}html.svc2-on .svc2-title b,html.svc2-on .svc2-title em{transform:translateY(105%)}html.svc2-on .svc2-card{opacity:0;transform-origin:0 0;will-change:transform,opacity}html.svc2-on .svc2-lines{position:absolute;inset:0;z-index:5;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;font:500 clamp(38px,6vw,92px)/.98 Cairo,Arial,sans-serif;letter-spacing:-.03em}html.svc2-on .svc2-lines span{display:block;will-change:transform,opacity}html.svc2-on .svc2-lines span+span{color:#5d6370}html.svc2-on .svc2-words{display:block;position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;will-change:transform,opacity;pointer-events:none}.svc2-words i{position:absolute;left:0;top:0;white-space:nowrap;font:500 clamp(24px,3.2vw,48px)/1 Cairo,Arial,sans-serif;font-style:normal;letter-spacing:-.01em;transform-style:preserve-3d}.svc2-one{position:absolute;left:50%;top:50%;z-index:40;pointer-events:none;opacity:0;background:#050505cc;border:1px solid rgba(255,255,255,.22);box-shadow:0 30px 80px #0009,inset 0 0 40px #96beff0d}.svc2-type{position:absolute;inset:0;z-index:50;pointer-events:none}.svc2-type span{position:absolute;left:50%;top:50%;white-space:nowrap;font:700 clamp(22px,3.4vw,50px)/1 Cairo,Arial,sans-serif;letter-spacing:-.02em;color:#fff;text-shadow:0 0 24px rgba(78,185,255,.35);will-change:transform,opacity}.svc2-black{position:absolute;inset:0;z-index:60;background:#020305;opacity:0;pointer-events:none}.svc2-s{position:absolute;inset:0;z-index:65;pointer-events:none}.svc2-s svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.svc2-s path{fill:#fff;fill-opacity:0;stroke:#dfe9f5;stroke-width:1.4;filter:drop-shadow(0 0 14px rgba(140,200,255,.35))}.svc2-s-img{position:absolute;inset:0;background:#02040a center/cover no-repeat;opacity:0}.svc2-s-dot{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#fff;box-shadow:0 0 14px 4px #aad7ffcc;opacity:0}.svc2-s-line{position:absolute;left:50%;top:50%;width:min(40vw,420px);height:1px;background:#dce8f58c;opacity:0}@media(max-width:820px){html.svc2-on .svc2-ui{padding:30px 26px 34px}}.svc2-cc{position:absolute;left:0;top:0;overflow:hidden;background:#111;box-shadow:0 25px 60px #0009;opacity:0;visibility:hidden;pointer-events:none;will-change:left,top,width,height,opacity}.svc2-cc img{width:100%;height:100%;object-fit:cover;display:block}.svc2-cc b{position:absolute;left:12px;bottom:10px;font:600 10px JetBrains,ui-monospace,monospace;letter-spacing:.2em;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.9)}.svc2{direction:rtl}.svc2-lines,.svc2-lines span,.svc2-words i,.svc2-type span,.svc2-title,.svc2-title *,.svc2-card strong,.svc2-lede{letter-spacing:0!important}.svc2-title{font-weight:900;line-height:1.1;text-transform:none}.svc2-title b,.svc2-title em{font-weight:900}.svc2-hud div:nth-child(3){text-align:left}.svc2-foot span:last-child{text-align:left}.svc2-cards{width:min(100%,700px)}.svc2-card strong{font-weight:700}.svc2-type span{font-weight:800}html.svc2-on .svc2-ui{padding-top:clamp(84px,9vw,110px)}@media(max-width:820px){html.svc2-on .svc2-ui{padding-top:80px}}.svc2-hud{display:none!important}.svc2-title{font-size:clamp(40px,5vw,88px)}.svc2-title span{white-space:nowrap}.svc2-zoom{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:55;visibility:hidden;pointer-events:none;background:#111 url(/assets/pj-fastfood-16x-poster.jpg) center/cover no-repeat;box-shadow:0 30px 80px #0009}.svc2-zoom{overflow:hidden}.svc2-zoom:after{content:"";position:absolute;inset:0;opacity:var(--dim,0);background:linear-gradient(0deg,#141c26f2 8%,#141c2666 55%,#141c2633)}.svc2-zoom.has-card{background:none;box-shadow:0 16px 50px #14110a47}.svc2-zoom.has-card:after{display:none}.svc2-zcard{position:absolute;inset:0;min-height:0!important;margin:0;border-radius:22px;clip-path:none!important}.svc2-zcard .ed-media img{width:100%;height:100%;object-fit:cover;filter:brightness(.62) saturate(.85)}@media(max-width:640px){.svc2-zcard h3{font-size:28px}.svc2-zcard .ed-body{padding:20px 18px;padding-inline-start:18px}.svc2-zcard .ed-brand{display:none}.svc2-zcard .ed-tags{left:16px;top:56px;max-width:80%}}html.svc2-on .svc2-pin:before{content:"";position:absolute;inset:-6%;z-index:0;pointer-events:none;opacity:calc(var(--wbg,0) * .55);background:url(/assets/pj-fastfood-16x-poster.jpg) center/cover;filter:blur(26px) saturate(1.15) brightness(1.08)}html.svc2-on .svc2-pin:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:var(--wbg,0);background:radial-gradient(70% 60% at 50% 50%,#ffffff59,#ffffffb8)}.svc2-ui,.svc2-zoom,.svc2-type,.svc2-lines,.svc2-words{z-index:1}html.svc2-on .svc2{padding:0!important}.svc2-burst{position:absolute;inset:0;z-index:4;pointer-events:none;visibility:hidden;overflow:hidden}.svc2-burst i{position:absolute;left:50%;top:50%;border-radius:50%;opacity:0;will-change:transform,opacity}.b-core{width:180px;height:180px;background:radial-gradient(circle,#fff 0 18%,#b9d6ff 30%,#2f7bff 52%,#2f7bff00 72%);filter:blur(2px);mix-blend-mode:screen}.b-ring{width:260px;height:260px;border:10px solid #fff;box-shadow:0 0 40px 12px #5b8cff,inset 0 0 40px 10px #5b8cff,0 0 120px 40px #3c5aff8c;filter:blur(1.5px)}.b-ring.b2{border-width:4px;box-shadow:0 0 24px 6px #a9c8ff,inset 0 0 24px 6px #a9c8ff}.b-flash{left:0!important;top:0!important;width:100%;height:100%;border-radius:0!important;background:radial-gradient(circle at 50% 50%,#fff 0 30%,#dce8ff 60%,#b9cfff)}.svc2-zoom{z-index:3}
