/* Shared base for FUTURE project pages — each page adds its own identity layer */
@font-face{font-family:"NW Ext";src:url(../fonts/neueworld-extthin.woff2) format("woff2");font-weight:100;font-display:swap}
@font-face{font-family:"NW Cond";src:url(../fonts/neueworld-cond.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url(../fonts/inter-var.woff2) format("woff2");font-weight:100 900;font-display:swap}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:clamp(15px,1.05vw,17px);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;background:var(--bg);color:var(--ink)}
img{max-width:100%;height:auto;display:block}
figure{margin:0}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid currentColor;outline-offset:3px}
html[lang="sl"] [lang="en"]:not(html),html[lang="en"] [lang="sl"]:not(html){display:none!important}
:root{--pad:clamp(20px,4vw,64px);--ease:cubic-bezier(.2,.7,.1,1)}
.wrap{padding-inline:var(--pad)}
.narrow{max-width:760px}

/* top bar */
.pbar{position:fixed;inset:0 0 auto;z-index:50;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px var(--pad);font-size:12px;letter-spacing:.14em;text-transform:uppercase;mix-blend-mode:difference;color:#fff}
.pbar a{text-decoration:none;display:inline-flex;gap:10px;align-items:center}
.pbar .lang{display:flex;border:1px solid currentColor;border-radius:99px;overflow:hidden}
.pbar .lang button{padding:4px 10px;font-size:11px;letter-spacing:.12em}
.pbar .lang button[aria-pressed="true"]{background:#fff;color:#000}

/* generic blocks */
.sec{padding:clamp(70px,12vh,140px) var(--pad)}
.kick{font-size:11px;letter-spacing:.24em;text-transform:uppercase;opacity:.7;margin:0 0 18px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,72px)}
@media (max-width:860px){.grid2{grid-template-columns:1fr}}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.reveal.in{opacity:1;transform:none}

/* video (click to load, privacy friendly) */
.videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1100px;margin-inline:auto}
@media (max-width:640px){.videos{grid-template-columns:1fr}}
.yt{position:relative;aspect-ratio:16/9;background:#000 center/cover;border:0;padding:0;width:100%;overflow:hidden}
.yt::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.25);transition:background .3s}
.yt:hover::after{background:rgba(0,0,0,.05)}
.yt .play{position:absolute;left:50%;top:50%;z-index:2;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:var(--play,#fff);display:grid;place-items:center;transition:transform .3s var(--ease)}
.yt:hover .play{transform:scale(1.1)}
.yt .play::before{content:"";border-left:20px solid var(--play-ink,#000);border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* gallery + lightbox */
.gal{columns:5 220px;column-gap:10px;max-width:1400px;margin-inline:auto}
.sec:has(>.videos)>.kick{max-width:1100px;margin-inline:auto}
.sec:has(>.gal)>.kick{max-width:1400px;margin-inline:auto}
.gal button{display:block;width:100%;padding:0;margin:0 0 10px;break-inside:avoid;overflow:hidden;line-height:0}
.gal img{width:100%;height:auto;transition:transform .8s var(--ease)}
.gal button:hover img{transform:scale(1.04)}
.lb{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center}
.lb.on{display:flex}
.lb img{max-width:92vw;max-height:86vh;object-fit:contain}
.lb button{position:absolute;color:#fff;font-size:28px;padding:16px 22px}
.lb .x{top:8px;right:8px}.lb .p{left:8px;top:50%;transform:translateY(-50%)}.lb .n{right:8px;top:50%;transform:translateY(-50%)}
.lb .c{position:absolute;bottom:16px;left:0;right:0;text-align:center;color:#aaa;font-size:12px;letter-spacing:.2em}

/* footer */
.pfoot{padding:clamp(50px,9vh,100px) var(--pad) 28px;display:grid;grid-template-columns:2fr 1fr;gap:var(--pad);border-top:1px solid currentColor}
.pfoot .back{font-family:"NW Ext",sans-serif;font-weight:100;font-size:clamp(28px,4vw,64px);line-height:1;text-decoration:none;text-transform:uppercase}
.pfoot ul{list-style:none;margin:0;padding:0;line-height:2;font-size:14px}
.pfoot ul a{text-decoration:none}
.pfoot ul a:hover{text-decoration:underline}
.pfoot small{grid-column:1/-1;opacity:.6;font-size:12px;padding-top:20px;border-top:1px solid;border-color:inherit}
@media (max-width:760px){.pfoot{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}