*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#030912;color:#f8faff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #74bbff;outline-offset:6px}.background,.background__video,.background__veil,.background__grain{position:fixed;inset:0;width:100%;height:100%}.background{z-index:-2;overflow:hidden;background:#020810}.background__video{object-fit:cover;object-position:center center;opacity:.84}.background__veil{background:linear-gradient(90deg,rgba(1,6,16,.93) 0%,rgba(1,6,16,.82) 31%,rgba(1,6,16,.35) 70%,rgba(1,6,16,.44)),linear-gradient(0deg,rgba(2,7,18,.86),transparent 52%)}.background__grain{opacity:.14;background-image:radial-gradient(rgba(190,225,255,.4) .7px,transparent .7px);background-size:25px 25px;mask-image:linear-gradient(90deg,#000,transparent 75%)}.viewport{min-height:100svh;display:flex;flex-direction:column;padding:36px clamp(24px,5vw,90px) 19px;max-width:1800px;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:baseline;font-size:27px;font-weight:760;letter-spacing:-1.8px}.brand>span:nth-child(2) span{font-weight:350}.brand__signal{align-self:center;width:9px;height:9px;border:2px solid #55c1ff;border-radius:50%;box-shadow:0 0 16px #1d9fff;margin-right:12px}.brand__dot{color:#50baff}.topbar__meta,.topbar__link,.eyebrow,.projects__header,.project__number,.footer{letter-spacing:2.1px;font-size:10px;font-weight:680}.topbar__meta{color:#c0cede}.meta-divider{color:#5aa6ff;padding:0 8px}.topbar__link{border:1px solid rgba(190,225,255,.32);padding:13px 17px;border-radius:999px;transition:background .25s,border-color .25s}.topbar__link:hover{background:rgba(92,159,241,.17);border-color:rgba(190,225,255,.65)}.topbar__link span{font-size:14px;margin-left:8px}.intro{margin:auto 0;max-width:680px;padding:92px 0 95px}.eyebrow{color:#9cc9ef;display:flex;align-items:center;gap:16px}.eyebrow__line{height:1px;width:32px;background:#61bdff;box-shadow:0 0 12px #40adff}.intro h1{margin:32px 0 25px;font-size:clamp(56px,7.3vw,126px);letter-spacing:-.085em;font-weight:740;line-height:.98}.intro h1 em{font-style:normal;color:#c0d5e9;font-weight:330}.intro p{margin:0;line-height:1.7;font-size:clamp(15px,1.3vw,18px);color:#b4c3d4;max-width:520px}.explore{margin-top:30px;display:inline-flex;align-items:center;gap:16px;font-size:13px;font-weight:650;color:#f5faff}.explore span{border-radius:100%;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(190,225,255,.4);font-size:16px}.projects{margin-top:auto}.projects__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;color:#b3c4d9}.projects__header h2{font-size:10px;font-weight:700;margin:0;letter-spacing:2.1px}.projects__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.project{min-height:137px;display:flex;flex-direction:column;justify-content:space-between;padding:22px 22px 19px;border-radius:14px;background:rgba(9,22,42,.52);border:1px solid rgba(180,215,255,.20);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:background .25s,transform .25s,border-color .25s}.project:hover{background:rgba(20,47,78,.72);transform:translateY(-4px);border-color:rgba(151,201,255,.58)}.project__number{display:flex;gap:12px;align-items:center;color:#93b9dc}.project__category{color:#a2b0c6;font-size:9px;letter-spacing:1px}.project__title{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:24px;letter-spacing:-1px;font-weight:550}.arrow{font-size:23px;font-weight:300;color:#8cbce8;transition:transform .2s}.project:hover .arrow{transform:translate(3px,-3px)}.footer{display:flex;justify-content:space-between;gap:20px;color:#8d9cb2;padding-top:25px;letter-spacing:1px;font-size:9px}.inner-page .background__video{opacity:.26}.inner-page .intro{padding:75px 0 20px;margin:35px 0}.inner-page .intro h1{font-size:clamp(46px,5vw,85px)}.inner-page .projects{margin:10px 0 80px}@media(max-width:950px){.projects__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro{padding:100px 0 70px}.viewport{padding-bottom:28px}.project{min-height:120px}}@media(max-width:560px){.viewport{padding:23px 20px}.topbar__meta{display:none}.topbar__link{font-size:10px;padding:11px 14px}.intro{padding:84px 0 68px}.intro h1{font-size:clamp(52px,13.5vw,86px)}.intro p{font-size:15px}.eyebrow{font-size:9px;letter-spacing:1.4px}.projects__grid{gap:9px}.project{min-height:112px;padding:15px}.project__title{font-size:19px}.project__number{gap:7px;font-size:9px}.project__category{letter-spacing:.2px;font-size:8px}.footer{font-size:8px}.footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.background__video{display:none}}

/* Portada deliberadamente mínima: video como protagonista y solo accesos a subpáginas. */
.landing .background__video{opacity:1}
.landing .background__veil{background:linear-gradient(180deg,rgba(1,5,15,.42) 0%,rgba(2,7,18,.05) 36%,rgba(1,5,15,.29) 57%,rgba(1,5,15,.92) 96%)}
.landing .projects{padding-top:40px}
.landing .viewport{min-height:100svh}
@media (max-width:560px){.landing .background__video{object-position:64% center}.landing .projects{padding-top:140px}.landing .background__veil{background:linear-gradient(180deg,rgba(1,5,15,.48) 0%,rgba(1,5,15,.05) 38%,rgba(1,5,15,.87) 75%,rgba(1,5,15,.96) 100%)}}
@media(prefers-reduced-motion:reduce){.background{background:#020810 url('/iokort_core/assets/fondo-poster.jpg') center/cover no-repeat}}