@font-face{font-family:TF2 Build;src:url(/fonts/tf2build.woff2) format("woff2"),url(/fonts/tf2build.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:TF2 Secondary;src:url(/fonts/tf2secondary.woff2) format("woff2"),url(/fonts/tf2secondary.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:TF2;src:url(/fonts/tf2.woff2) format("woff2"),url(/fonts/tf2.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--brand: #000091;--dark: #00002b;--accent: #80b718;--paper: #f8fcf8;--page: var(--dark);--ink: var(--dark);--ink-soft: color-mix(in srgb, var(--brand) 72%, var(--dark));--accent-hot: color-mix(in srgb, var(--accent) 70%, var(--paper));--line: color-mix(in srgb, var(--brand) 18%, var(--paper));--max: 1300px;--header-h: 62px;--pad: clamp(1.4rem, 4.2vw, 5rem);--font: "TF2 Secondary", sans-serif;--cond: "TF2 Build", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--page);overflow-x:clip}body{min-height:100dvh;background:var(--page);color:var(--ink);font-family:var(--font);font-size:clamp(1.125rem,1.3vw,1.25rem);font-weight:400;line-height:1.45;font-synthesis:none}.seethe-sky{position:fixed;top:0;left:0;z-index:0;width:100%;height:100vh;height:100lvh;pointer-events:none;contain:strict;transform:translateZ(0)}h1,h2,h3,.nav-item,.cta,.info-grid,.video-card h3,.lightbox-title,.lightbox-close,.site-footer a,.hero-tail,.hero-cite,.hero-quote{font-family:var(--cond)}img{display:block;max-width:100%}img[hidden]{display:none}a{color:var(--accent);text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.shell{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100dvh;max-width:var(--max);margin:0 auto}.shell>main{flex:1 0 auto}.site-header{position:sticky;top:0;z-index:20;background:var(--paper)}.top-nav{display:flex;align-items:stretch;min-height:60px;border-bottom:2px solid var(--brand)}.nav-item{position:relative;display:flex;align-items:center;padding:0 1.6rem;color:var(--ink);font-weight:800;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;border-left:1px solid var(--brand);overflow:hidden;transition:color .2s ease}.nav-drawer,.nav-drawer-panel{display:contents}.nav-item span{position:relative;z-index:2}.nav-item:before{content:"";position:absolute;inset:0 auto 0 -20%;width:160%;background:var(--brand);transform:skew(-28deg) translate(-115%);transition:transform .36s ease;z-index:1}.nav-item:hover{color:var(--paper)}.nav-item:hover:before,.nav-item.is-active:before{transform:skew(-28deg) translate(-8%)}.nav-item.is-active{color:var(--paper);background:var(--brand)}.nav-logo{width:72px;justify-content:center;padding:0;border-left:0}.nav-logo .nav-mark{position:relative;z-index:2;width:34px;height:34px;object-fit:contain;transition:filter .36s ease}.nav-logo:hover .nav-mark,.nav-logo:focus-visible .nav-mark,.nav-logo.is-active .nav-mark{filter:saturate(0) brightness(2.4)}.nav-burger{display:none;margin-left:auto;width:56px;flex-direction:column;justify-content:center;gap:5px;padding:0 18px}.nav-burger span{display:block;height:2px;background:var(--ink)}.language-picker{position:relative;display:flex;align-items:stretch;margin-left:auto;border-left:1px solid var(--brand)}.language-trigger{display:grid;place-items:center;width:60px;min-height:60px;transition:color .2s ease,background-color .2s ease}.language-trigger svg{width:1.55rem;height:1.55rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.language-trigger:hover,.language-trigger:focus-visible,.language-picker.is-open .language-trigger{color:var(--paper);background:var(--brand)}.language-menu{position:absolute;top:calc(100% + 2px);right:0;z-index:24;display:grid;gap:.45rem;width:min(19rem,calc(100vw - 1.5rem));padding:1rem;border:1px solid var(--brand);border-top:0;background:var(--paper);box-shadow:0 14px 28px color-mix(in srgb,var(--dark) 22%,transparent)}.language-menu[hidden]{display:none}.language-menu label{font-family:var(--cond);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.language-menu select{width:100%;min-height:2.75rem;padding:.5rem 2.2rem .5rem .7rem;border:1px solid var(--brand);border-radius:0;background:var(--paper);color:var(--ink);font:inherit;font-size:1rem}.hero{position:relative;height:min(260vh,2800px);background:transparent;color:var(--paper);--hero-cluster: 28%;--hero-cluster-gap: 18rem}.hero-scene{position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));overflow:hidden;pointer-events:none}.hero-scene.is-exiting{-webkit-mask-image:var(--hero-fade-mask);mask-image:var(--hero-fade-mask)}.hero-layer{position:absolute;left:0;right:0;top:0;height:100%;pointer-events:none;background-position:center top;background-size:cover;background-repeat:no-repeat}.hero-sky{top:-20%;height:140%;background-image:url(/images/parallax/sky0.webp?v=20260912q);background-position:center center;background-size:cover;transform:none}.hero-far,.hero-map,.hero-near{top:-4%;height:128%;background-position:center 72%;will-change:transform}.hero-far{background-image:url(/images/parallax/layer2-alpha.webp?v=20260912q)}.hero-map{background-image:url(/images/parallax/layer1-alpha.webp?v=20260912q)}.hero-near{background-image:url(/images/parallax/layer3-alpha.webp?v=20260912q)}.hero-haze{background:radial-gradient(ellipse at 50% 38%,transparent 0%,transparent 46%,color-mix(in srgb,var(--dark) 22%,transparent) 78%,transparent 100%)}.hero-hands{z-index:4;inset:0;height:100%;display:flex;justify-content:center;align-items:flex-end;transform:translate3d(0,100%,0);will-change:transform}.hero-hands img{display:block;width:min(64rem,80%);max-height:100%;height:auto;object-fit:contain;object-position:bottom center;pointer-events:none;-webkit-user-select:none;user-select:none}.hero-copy{position:sticky;top:var(--header-h);z-index:3;display:grid;justify-items:center;align-items:start;height:calc(100vh - var(--header-h));margin-top:calc(var(--header-h) - 100vh);padding-top:0;pointer-events:none}.hero-copy-inner{position:relative;display:grid;justify-items:center;align-content:start;width:100%;height:100%;padding:7vh 1.5rem 0;text-align:center;pointer-events:auto}.hero-preamble,.hero-logo{grid-area:1 / 1}.hero-preamble{display:flex;flex-direction:column;align-items:center;gap:.65rem;max-width:min(52rem,92vw);will-change:opacity,transform}.hero-quote{font-size:clamp(1.45rem,3.4vw,2.55rem);font-weight:800;line-height:1.2;white-space:nowrap;text-shadow:0 2px 18px color-mix(in srgb,var(--dark) 72%,transparent),0 1px 3px color-mix(in srgb,var(--dark) 88%,transparent)}.hero-cite{color:var(--accent);font-size:.82rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero-tail{margin-top:.35rem;font-family:var(--cond);font-size:clamp(1.7rem,4.4vw,3.2rem);font-weight:900;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;text-shadow:0 2px 18px color-mix(in srgb,var(--dark) 72%,transparent),0 1px 3px color-mix(in srgb,var(--dark) 88%,transparent)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero-logo{position:absolute;top:calc(var(--hero-cluster) - 15%);left:0;right:0;margin-inline:auto;width:min(58rem,92vw);height:auto;opacity:0;mix-blend-mode:screen;filter:drop-shadow(0 10px 28px color-mix(in srgb,var(--dark) 55%,transparent));will-change:opacity,transform}.available{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;padding:.85rem var(--pad) .4rem;position:relative;z-index:4}.available h2{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:900;line-height:1.1}.inverted{color:var(--paper)}.cta{display:inline-flex;align-items:center;justify-content:center;min-width:min(16.5rem,100%);padding:.85rem 1.25rem;border:1px solid var(--paper);color:var(--paper);font-weight:800;font-size:.92rem;letter-spacing:.08em;text-transform:uppercase;transition:background-color .2s ease,color .2s ease}.cta:hover{background:var(--paper);color:var(--dark)}.cta--on-light{border-color:var(--ink);color:var(--ink);margin-top:1.6rem}.cta--on-light:hover{background:var(--brand);color:var(--paper)}.videos{padding:4.5rem var(--pad) 3.4rem}.video-card{position:relative;display:block;width:100%;text-align:left}.video-card img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:contain}.video-card h3{margin-top:.7rem;color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.video-thumb{position:relative;display:block}.play{position:absolute;top:50%;left:50%;width:4.2rem;height:4.2rem;border:2px solid color-mix(in srgb,var(--paper) 92%,transparent);border-radius:50%;transform:translate(-50%,-50%);background:color-mix(in srgb,var(--dark) 22%,transparent);transition:transform .2s ease,background-color .2s ease}.play:after{content:"";position:absolute;top:50%;left:53%;transform:translate(-50%,-50%);border-style:solid;border-width:.55rem 0 .55rem .95rem;border-color:transparent transparent transparent var(--paper)}.video-card:hover .play{transform:translate(-50%,-50%) scale(1.08);background:color-mix(in srgb,var(--accent) 42%,transparent)}.video-card--lead{margin-bottom:0}.video-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.15rem}.video-row .play{width:2.8rem;height:2.8rem}.video-row .play:after{border-width:.38rem 0 .38rem .65rem}.intro{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.15fr);gap:clamp(1.5rem,4vw,3.5rem);padding:var(--pad);background:var(--paper)}.intro h2{font-size:clamp(1.7rem,3.1vw,2.45rem);font-weight:900;line-height:1.15}.intro-copy p+p{margin-top:1rem}.footnote-ref{margin-left:.08em;font-size:.72em;font-weight:800;line-height:0}.intro-copy .footnote{margin-top:1.15rem;font-size:.88em;font-weight:300;color:var(--ink-soft)}.text-link{display:inline-block;margin-top:1.2rem;font-weight:800;letter-spacing:.04em}.gallery{background:var(--paper);padding:0 0 .4rem}.gallery-stage{position:relative;aspect-ratio:16 / 8.4;overflow:hidden;background:var(--dark)}.gallery-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s ease;pointer-events:none}.gallery-stage:not(.is-ready) img:first-child,.gallery-stage img.is-active{opacity:1}.gallery-controls{position:relative;display:flex;align-items:center;justify-content:center;min-height:3.2rem;padding:0 var(--pad)}.gallery-dots{display:flex;gap:.85rem}.gallery-dots button{position:relative;width:.85rem;height:.85rem;border:1px solid var(--accent);border-radius:50%;background:transparent;transition:background-color .3s ease}.gallery-dots button:before{content:"";position:absolute;inset:-.85rem}.gallery-dots button.is-active,.gallery-dots button:hover,.gallery-dots button:focus-visible{background:var(--accent)}.gallery-arrow{position:absolute;top:0;bottom:0;z-index:1;display:grid;align-items:center;width:5.5rem;margin-block:auto;overflow:visible;line-height:0;color:var(--accent)}.gallery-arrow--prev{left:var(--pad);justify-items:start}.gallery-arrow--next{right:var(--pad);justify-items:end}.gallery-arrow svg{display:block;width:1.05rem;height:1.6rem;overflow:visible;fill:transparent;stroke:currentColor;stroke-width:6;stroke-miterlimit:10;transition:fill .3s ease}.gallery-arrow--prev svg{transform:scaleX(-1)}.gallery-arrow:hover svg,.gallery-arrow:focus-visible svg{fill:currentColor}.vr-systems{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 1.5rem;background:var(--paper);padding:0 var(--pad) var(--pad)}.vr-systems article{display:flex;flex-direction:column;align-items:center;gap:.85rem}.vr-systems img{width:auto;height:3.4rem;object-fit:contain}.vr-systems h3{font-size:1.05rem;font-weight:800;text-align:center}.vr-more{grid-column:1 / -1;font-family:var(--cond);font-size:1.05rem;font-weight:800;letter-spacing:.04em;text-align:center}.community{display:grid;grid-template-columns:1fr 1.15fr;min-height:28rem;background:var(--paper)}.community-copy{padding:var(--pad)}.community-copy h2{font-size:clamp(1.7rem,3.1vw,2.45rem);font-weight:900;line-height:1.15;margin-bottom:1rem}.community-signoff{margin-top:1.6rem;font-family:var(--cond);font-weight:800}.community-art{background:url(/images/screens/respawn.webp?v=20260913e) center / cover no-repeat}.game-footer{background:var(--dark);padding:var(--pad)}.info-grid{display:grid;grid-template-columns:.42fr 1fr}.info-grid div{display:contents}.info-grid dt,.info-grid dd{padding:1rem 1.1rem;border:1px solid var(--accent);margin:-1px 0 0 -1px;color:var(--paper);font-weight:800;letter-spacing:.06em;text-transform:uppercase}.info-grid dt{color:var(--accent)}.site-footer{display:grid;grid-template-columns:auto minmax(16rem,1fr) auto;grid-template-areas:"nav legal social";align-items:center;gap:.75rem 1.5rem;padding:2rem var(--pad) 3rem;color:color-mix(in srgb,var(--paper) 62%,var(--brand));font-size:.92rem}.site-footer ul{display:flex;flex-wrap:nowrap;align-items:center;gap:1.2rem 1.8rem;list-style:none}.site-footer>ul:not(.social-links){grid-area:nav;min-width:0;justify-self:start}.site-footer a{color:var(--paper);font-weight:800;letter-spacing:.06em;text-transform:uppercase}.site-footer a:hover{color:var(--accent)}.site-footer p{grid-area:legal;min-width:0;text-align:center;text-wrap:balance;line-height:1.35}.social-links{grid-area:social;justify-self:end;gap:.85rem}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;color:var(--paper)}.social-links a:hover{color:var(--accent)}.social-links svg{width:1.7rem;height:1.7rem;overflow:visible;fill:currentColor}.social-icon-discord{width:1.95rem;height:1.95rem}.social-icon-youtube{width:1.9rem;height:1.9rem}.lightbox{--lightbox-pad: clamp(1.25rem, 4vw, 2.75rem);width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:var(--lightbox-pad);border:0;background:#000000eb;color:var(--paper)}.lightbox[open]{display:flex;align-items:center;justify-content:center}.lightbox>form{display:contents}.lightbox::backdrop{background:#000000eb}.lightbox-stage{display:flex;flex-direction:column;align-items:center;width:min(calc(100vw - var(--lightbox-pad) * 2),calc((100dvh - var(--lightbox-pad) * 2 - 3rem) * 16 / 9))}.lightbox-frame{position:relative;width:100%;aspect-ratio:16 / 9;background:#000}.lightbox-frame:empty{display:none}.lightbox-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.lightbox-close{position:absolute;top:var(--lightbox-pad);right:var(--lightbox-pad);z-index:1;display:grid;place-items:center;width:2.75rem;height:2.75rem;color:var(--paper)}.lightbox-close svg{width:1.35rem;height:1.35rem}.lightbox-close:hover{color:var(--accent)}.lightbox-title{margin-top:.85rem;color:color-mix(in srgb,var(--paper) 78%,transparent);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-align:center;text-transform:uppercase}.lightbox-note{margin-top:.85rem;color:color-mix(in srgb,var(--paper) 78%,var(--brand));font-weight:300;text-align:center}.page-panel{background:var(--paper);padding:var(--pad)}.page-panel h1{font-size:clamp(1.8rem,3.1vw,2.5rem);margin-bottom:1rem}.page-panel h2{margin:1.8rem 0 .55rem}.page-panel p+p{margin-top:1rem}.faq-item+.faq-item{margin-top:1.6rem}.about-section+.about-section{margin-top:2.6rem}.about-section h2{margin:0 0 .7rem;padding-bottom:.45rem;border-bottom:1px solid var(--line)}.credit-list{margin:.15rem 0 0 1.15rem}.credit-list li+li{margin-top:.28rem}@media(max-height:740px){.hero{--hero-cluster: 20%;--hero-cluster-gap: 15rem}.hero-hands img{width:min(42rem,70%)}}@media(max-width:1280px){.site-footer{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"nav social" "legal legal"}.hero-logo{width:min(50rem,86vw)}}@media(max-aspect-ratio:5/4){.hero{--hero-cluster: 28%;--hero-cluster-gap: 15rem}.hero-copy-inner{padding-top:5vh}.hero-logo{width:min(40rem,82vw)}.hero-hands img{width:min(48rem,80%)}}@media(max-width:360px){.site-footer{grid-template-columns:1fr;grid-template-areas:"nav" "social" "legal"}}@media(max-width:900px){.site-footer{column-gap:.7rem}.site-footer ul{gap:.75rem .95rem}.social-links{gap:.2rem}.social-links a{width:2.15rem;height:2.15rem}.intro,.community,.info-grid,.video-row{grid-template-columns:1fr}.vr-systems{grid-template-columns:repeat(2,1fr)}.available{flex-direction:column;align-items:center;justify-content:center;text-align:center}.hero{height:min(210vh,1900px)}.hero-copy{top:var(--header-h)}.hero{--hero-cluster: 28%;--hero-cluster-gap: 10.5rem}.hero-copy-inner{padding-top:5vh}.hero-logo{width:min(26rem,84vw)}.hero-hands img{width:min(30rem,86%)}.hero-quote,.hero-tail{white-space:normal;text-wrap:balance}.community-art{min-height:16rem}.site-header{position:sticky;top:0;box-shadow:0 10px 28px color-mix(in srgb,var(--dark) 18%,transparent)}.top-nav{position:relative;display:grid;grid-template-columns:auto 1fr auto auto;align-items:stretch}.nav-logo{grid-column:1;grid-row:1}.nav-burger{display:flex;grid-column:4;grid-row:1;margin-left:0;min-height:60px}.language-picker{grid-column:3;grid-row:1;margin-left:0}.nav-drawer{position:absolute;top:calc(100% + 2px);left:0;right:0;z-index:21;display:grid;grid-template-rows:0fr;overflow:hidden;background:var(--paper);transition:grid-template-rows .38s cubic-bezier(.22,1,.36,1)}.top-nav.is-open .nav-drawer{grid-template-rows:1fr;box-shadow:0 14px 28px color-mix(in srgb,var(--dark) 22%,transparent)}.nav-drawer-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden;transform:translateY(-.55rem);transition:transform .38s cubic-bezier(.22,1,.36,1)}.top-nav.is-open .nav-drawer-panel{transform:none}.nav-item:not(.nav-logo){width:100%;min-height:52px;border-left:0;border-top:1px solid var(--line)}}@media(max-aspect-ratio:3/4){.hero{--hero-cluster: 36%}.hero-logo{width:min(42rem,92vw)}.hero-hands{padding-bottom:clamp(5rem,15vh,10rem)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero{height:100vh}.hero-copy-inner{display:flex;flex-direction:column;gap:2.2rem}.hero-preamble,.hero-logo,.hero-hands{opacity:1;transform:none}.nav-item:before,.nav-drawer,.nav-drawer-panel{transition:none}.gallery-stage img{transition:none}}