/* NEFES / four sector-specific creative examples inside existing portfolio dialogs.
   Namespaced: does not modify the scene router, account panel or gallery behavior. */
.nf4-feature{margin:12px clamp(14px,3.2vw,32px) 17px;border:1px solid rgba(101,236,227,.38);border-radius:20px;background:linear-gradient(140deg,#0b3736,#092124 68%,#061a1b);color:#e6f7f2;overflow:hidden;box-shadow:0 16px 42px rgba(0,0,0,.19)}
.nf4-toggle{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;padding:16px 18px!important;border:0;background:none;color:#e7f9f4;text-align:left;cursor:pointer}
.nf4-toggle:focus-visible,.nf4-range:focus-visible{outline:2px solid #a8fff6;outline-offset:-4px}
.nf4-toggle-meta{display:block;min-width:0;flex:1}
.nf4-sector{display:block;font:760 10px/1.3 var(--govde,Manrope,sans-serif);letter-spacing:.12em;color:#65ece3}
.nf4-title{display:block;font:700 clamp(14px,3.6vw,20px)/1.2 var(--display,Montserrat,sans-serif);letter-spacing:-.045em;margin:7px 0 4px}
.nf4-toggle-hint{display:block;font:650 11px/1.5 var(--govde,Manrope,sans-serif);color:#9ac8c0}
.nf4-toggle-arrow{height:34px;width:34px;flex:none;display:grid;place-items:center;border:1px solid rgba(130,247,234,.5);border-radius:50%;color:#7ff3e8;font-size:26px;line-height:1}
.nf4-content{padding:0 15px 17px}
.nf4-content[hidden]{display:none!important}
.nf4-canvas{--nf4-split:50%;position:relative;isolation:isolate;width:100%;min-height:300px;height:min(62vh,430px);margin:0 auto;background:#122f2c;border:1px solid rgba(128,242,229,.55);overflow:hidden}
.nf4-before,.nf4-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nf4-after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--nf4-split))}
.nf4-video{display:block;object-position:center}
.nf4-canvas:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 65%,rgba(0,13,15,.5));pointer-events:none}
.nf4-divider{position:absolute;z-index:3;pointer-events:none;top:0;bottom:0;left:var(--nf4-split);width:2px;background:#74f4e5;transform:translateX(-50%);box-shadow:0 0 12px #55f4e47a}
.nf4-knob{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;border:2px solid #a0fff2;color:#bafff4;background:#072c2e;border-radius:50%;font:500 28px/1 var(--govde,Manrope,sans-serif);box-shadow:0 0 0 4px #5ce5d52e,0 3px 18px #0009}
.nf4-chip{position:absolute;z-index:3;top:12px;font:780 10px/1 var(--govde,Manrope,sans-serif);letter-spacing:.06em;padding:8px 10px;border-radius:40px;background:#052625dd;color:#f4fffd;border:1px solid #a1f5ed73}
.nf4-chip.before{left:12px}.nf4-chip.after{right:12px;background:#60ebe0;color:#07302c}
.nf4-guide{position:absolute;z-index:3;bottom:13px;left:50%;transform:translateX(-50%);font:780 10px/1 var(--govde,Manrope,sans-serif);white-space:nowrap;letter-spacing:.065em;color:#edfffb;border:1px solid #81f5e788;background:#062827dd;padding:9px 13px;border-radius:999px}
.nf4-range{position:absolute;z-index:4;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:ew-resize;touch-action:pan-y;-webkit-appearance:none;appearance:none}
.nf4-credit{font:650 11px/1.4 var(--govde,Manrope,sans-serif);color:#8fbfb5;padding-top:11px}
@media(max-width:420px){.nf4-feature{margin:9px 11px 15px;border-radius:17px}.nf4-toggle{padding:13px 13px!important}.nf4-content{padding:0 9px 13px}.nf4-canvas{height:355px;min-height:285px}.nf4-title{font-size:14px}.nf4-sector{font-size:9px}.nf4-toggle-hint{font-size:10px}.nf4-guide{font-size:9px}.nf4-chip{font-size:8px;padding:7px 9px}}
@media(prefers-reduced-motion:reduce){.nf4-canvas{scroll-behavior:auto}}