.header{position:sticky;top:0;background:#10100ff2;backdrop-filter:blur(12px);z-index:10;height:78px}.header nav{gap:18px;font-size:10px;letter-spacing:1px}.header nav>a{display:inline!important}.header nav>a[aria-current=page]{color:var(--red);border-bottom:1px solid var(--red);padding-bottom:5px}.menu-toggle{display:none}.page-intro{padding:85px 0 55px;border-bottom:1px solid var(--line)}.page-intro h1{font-size:clamp(55px,8vw,110px);max-width:1100px}.page-intro>p:last-child{max-width:700px;line-height:1.9;color:var(--muted);margin:25px 0 0}body[data-page=about] .about{padding-top:80px;border-top:0}.service-related{display:inline-block;margin-top:18px;font:12px/1.8 monospace;color:var(--cream);border-bottom:1px solid var(--red)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px}.process-grid article{border-top:1px solid var(--line);padding-top:18px}.process-grid h3{font:23px/1.6 Anton,sans-serif;letter-spacing:0}
.portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.portal{min-height:340px;position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--line);padding:28px;display:flex;flex-direction:column;justify-content:space-between;background:#171714;transition:border-color .3s,background .4s}.portal:first-child{grid-column:1/-1;min-height:390px}.portal-number{font:10px monospace;letter-spacing:2px;color:var(--muted);z-index:1}.portal-copy{z-index:1;max-width:75%}.portal-copy h2{font-size:clamp(35px,4.5vw,65px);letter-spacing:-1px}.portal-copy p{color:var(--muted);font:15px/1.9 Arial,sans-serif;margin-bottom:0}.portal-arrow{position:absolute;inset-inline-end:26px;bottom:28px;font-size:40px;transition:transform .4s}.portal-art{position:absolute;inset:0;z-index:0;background-image:radial-gradient(#eee3cd28 1px,transparent 1.4px);background-size:7px 7px;mask-image:linear-gradient(110deg,transparent 25%,#000);opacity:.7}.portal-art>span{position:absolute;inset-inline-end:10%;top:3%;font:170px/1.2 Anton,sans-serif;color:var(--red);transform:rotate(-12deg);transition:transform .9s cubic-bezier(.16,1,.3,1)}.portal-film .portal-art{background:linear-gradient(125deg,transparent,#9d151e55),radial-gradient(#eee3cd28 1px,transparent 1.4px);background-size:auto,7px 7px}.portal-learn .portal-art>span{color:var(--cream)}.portal-tools .portal-art>span{font-size:130px;border:2px solid var(--red);padding:15px}.portal-about .portal-art>span{color:var(--cream)}.portal:hover,.portal:focus-visible{border-color:var(--red);background:#201815}.portal:hover .portal-art>span{transform:rotate(0deg) translateY(8px)}.portal:hover .portal-arrow{transform:translate(5px,-5px)}
.sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.sample-card{border:1px solid var(--line);padding:18px;display:flex;flex-direction:column;align-items:flex-start}.sample-art{width:100%;aspect-ratio:4/3;display:grid;place-items:center;background:radial-gradient(#ff2934 1px,transparent 1.8px),#221617;background-size:7px 7px;overflow:hidden;position:relative}.sample-art span{font:clamp(35px,4vw,60px) Anton,sans-serif;transform:rotate(-10deg);padding:15px;background:#10100fe0;color:var(--cream)}.sample-resource-2,.sample-course-2{background-color:#eee3cd;background-image:radial-gradient(#10100f 1px,transparent 1.8px)}.sample-resource-3,.sample-course-3{background:linear-gradient(140deg,#1c1c19,#85242a)}.sample-tag{font:10px/1.9 monospace;color:var(--red);margin:22px 0 12px}.sample-card h2{font-size:30px;line-height:1.4}.sample-card p{font:14px/1.9 Arial,sans-serif;color:var(--muted);flex:1}.sample-card button{font-size:10px;letter-spacing:1px;opacity:.55;cursor:default;margin-top:16px}
.tv-screen-name{isolation:isolate;clip-path:inset(2% 2% round 8%);background:radial-gradient(ellipse,#19151620,#0001)}.screen-word{position:relative;animation:crt-flicker 9s linear infinite;z-index:2}.screen-word:before,.screen-word:after{content:attr(data-text);position:absolute;inset:0;opacity:0;pointer-events:none}.screen-word:before{color:#ff2934;animation:crt-glitch 9s linear infinite;clip-path:inset(15% 0 48% 0)}.screen-word:after{color:var(--cream);animation:crt-glitch 9s 70ms linear infinite;clip-path:inset(60% 0 10% 0)}.crt-noise{position:absolute;inset:0;pointer-events:none;z-index:3;background:repeating-linear-gradient(0deg,#0004 0 1px,transparent 1px 4px);opacity:.3}.crt-scan{position:absolute;left:0;right:0;top:-20%;height:12%;background:linear-gradient(transparent,#eee3cd12,transparent);animation:crt-scan 6s linear infinite;z-index:3}.modal-open .screen-word,.modal-open .screen-word:before,.modal-open .screen-word:after,.scene-offscreen .screen-word,.scene-offscreen .screen-word:before,.scene-offscreen .screen-word:after,.scene-offscreen .crt-scan,.modal-open .crt-scan{animation-play-state:paused}
@keyframes crt-flicker{0%,79%,82%,100%{opacity:1;text-shadow:1px 1px #ff2934,0 0 14px #ff293437}80%{opacity:.8}81%{opacity:.95;text-shadow:-2px 0 #ff2934,2px 0 #eee3cd}}@keyframes crt-glitch{0%,79%,83%,100%{opacity:0;transform:none}80%{opacity:.6;transform:translateX(3px)}81%{opacity:.45;transform:translateX(-3px)}82%{opacity:.5;transform:translateX(1px)}}@keyframes crt-scan{to{transform:translateY(1100%)}}
dialog[open]{animation:player-arrive .45s cubic-bezier(.16,1,.3,1)}dialog.dialog-closing[open]{animation:player-leave .28s ease-in both}dialog.dialog-closing::backdrop{animation:player-backdrop-leave .28s both}@keyframes player-arrive{from{opacity:0;transform:translateY(24px) scale(.96);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}@keyframes player-leave{to{opacity:0;transform:translateY(14px) scale(.97)}}@keyframes player-backdrop-leave{to{opacity:0}}
[dir=rtl] .portal-copy p,[dir=rtl] .sample-card p{font-family:Tahoma,Arial,sans-serif}[dir=rtl] .process-grid h3{font-family:Tahoma,Arial,sans-serif;font-size:21px}
@media(max-width:1150px){.menu-toggle{display:block;margin-inline-start:auto;background:transparent;border:1px solid var(--line);padding:10px;color:var(--cream);font:11px monospace}.header nav{display:none;position:absolute;top:100%;inset-inline:0;padding:25px;background:var(--black);border:1px solid var(--line);flex-direction:column;align-items:stretch;gap:20px;font-size:14px}.header.menu-open nav{display:flex}.header nav>a{padding:5px}.header{gap:12px}.header nav .talk{font-size:12px;padding:14px}.sample-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.header{height:70px}.portal-grid,.sample-grid,.process-grid{grid-template-columns:1fr}.portal:first-child{grid-column:auto;min-height:320px}.portal{min-height:300px;padding:22px}.portal-copy h2{font-size:34px}.portal-copy{max-width:85%}.portal-copy p{font-size:14px}.portal-art>span{font-size:145px}.portal-arrow{font-size:28px;bottom:20px;inset-inline-end:20px}.page-intro{padding:45px 0 35px}.page-intro h1{font-size:46px}.sample-card h2{font-size:27px}body[data-page=about] .about{padding-top:45px}.site-portals .section-heading h2{line-height:1.6}[dir=rtl] .portal-copy h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.screen-word,.screen-word:before,.screen-word:after,.crt-scan{animation:none}.screen-word:before,.screen-word:after{display:none}dialog[open],dialog.dialog-closing[open],dialog.dialog-closing::backdrop{animation:none}.portal,.portal-art>span,.portal-arrow{transition:none}}
.about-headline{font-size:clamp(34px,4.7vw,68px);line-height:1.35;max-width:1100px}.header.menu-open{backdrop-filter:none}[dir=rtl] .about-headline{line-height:1.8}@media(max-width:650px){.about-headline{font-size:37px}[dir=rtl] .about-headline{font-size:31px}}
