@font-face{font-family:Harmony;src:url('assets/entropy-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Harmony;src:url('assets/entropy-bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Endfield;src:url('assets/endfield-heading.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Roboto;src:url('assets/endfield-text.woff2') format('woff2');font-weight:400;font-display:swap}
:root{font-family:Harmony,Arial,sans-serif;font-synthesis:none;color:#fff;background:#06131e;--accent:#65f4ef;--base:#06131e;--text:#fff;--secondary:#e2e8ec;--muted:#c8d4dc}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}
.experience{position:relative;isolation:isolate;height:100svh;min-height:650px;overflow:hidden;background:var(--base)}.scene{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.film{position:absolute;inset:0 -12% 0 22%;background:url('assets/entropy-action-poster.jpg') center/cover}.background-video{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block;filter:saturate(.85) contrast(1.05)}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#06131e 0%,#06131efc 29%,#06131edb 40%,#06131e50 57%,#06131e08 78%)}.vignette{position:absolute;inset:0;background:linear-gradient(0deg,#06131efa 0%,#06131e88 9%,transparent 27%,transparent 79%,#06131e66 100%)}
header{position:absolute;inset:34px 5% auto;display:flex;align-items:center;justify-content:space-between;z-index:3}.brand{width:200px;height:auto;display:block;filter:drop-shadow(0 3px 14px #0006)}.motion-toggle{width:44px;height:44px;padding:11px;color:white;border:1px solid #ffffff7a;background:#06131e8c;backdrop-filter:blur(8px);border-radius:50%;display:grid;place-items:center}.motion-toggle svg{width:20px;height:20px;grid-area:1/1;stroke:currentColor;stroke-width:2.2;fill:none}.motion-toggle .play-icon{display:none;fill:currentColor;stroke-width:0}.paused .pause-icon{display:none}.paused .play-icon{display:block}.autoplay-blocked .pause-icon{display:none}.autoplay-blocked .play-icon{display:block}
.copy{position:absolute;left:6%;top:50%;transform:translateY(-42%);width:48%;max-width:690px;z-index:2}h1{font-size:clamp(50px,5.5vw,94px);font-weight:700;line-height:1.03;letter-spacing:-.045em;margin:0 0 27px;animation:title-in .85s cubic-bezier(.2,.8,.2,1) both}h1 em{font-style:normal;color:var(--accent)}.description{max-width:445px;margin:0 0 34px;color:var(--secondary);font-size:clamp(18px,1.5vw,22px);line-height:1.55;text-wrap:pretty}.action{position:relative}.cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px;width:min(100%,410px);padding:0 25px;background:var(--accent);color:#07171d;font-size:20px;letter-spacing:.02em;font-weight:700;text-decoration:none;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));isolation:isolate;transition:filter .25s,transform .25s}.cta:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,#ffffffb0 50%,transparent 70%);transform:translateX(-150%);animation:button-shine 5s 1.5s infinite}.cta:after{content:'';position:absolute;inset:5px;border:1px solid #ffffff66;pointer-events:none}.cta svg{width:32px;height:24px;stroke:currentColor;stroke-width:2.2;fill:none;flex:none;transition:transform .25s}.cta:hover{filter:brightness(1.12);transform:translateY(-3px)}.cta:hover svg{transform:translateX(5px)}.compatibility{font-size:15px;line-height:1.55;color:var(--secondary);max-width:460px;margin:20px 0 10px}.compatibility strong{color:var(--text);font-weight:700}.tab-note{font-size:13px;line-height:1.55;color:var(--muted);max-width:410px;margin:0}footer{position:absolute;inset:auto 5% 20px;z-index:2;display:flex;justify-content:space-between;gap:30px;font-size:12px;line-height:1.5;color:var(--muted)}footer p{margin:0}
.endfield{--base:#e8e8df;--accent:#f6ed29;--text:#1f2822;--secondary:#343f37;--muted:#49564b;color:var(--text);font-family:Roboto,Arial,sans-serif}.endfield .film{background-image:url('assets/endfield-action-poster.jpg')}.endfield .brand{width:225px;filter:brightness(0)}.endfield .shade{background:linear-gradient(90deg,#e8e8df 0%,#e8e8dffc 30%,#e8e8dfed 41%,#e8e8df4d 59%,transparent 76%)}.endfield .vignette{background:linear-gradient(0deg,#e8e8df 0%,#e8e8df99 8%,transparent 25%,transparent 81%,#e8e8df33 100%)}.endfield h1{font-family:Endfield,Arial,sans-serif;font-size:clamp(49px,4.65vw,80px);line-height:1.04;letter-spacing:-.04em}.endfield h1 em{position:relative;color:var(--text);z-index:0}.endfield h1 em:before{content:'';position:absolute;inset:35% -4px 0;background:var(--accent);z-index:-1;transform:skewX(-6deg)}.endfield .cta{color:#20291f;font-family:Endfield,Arial,sans-serif}.endfield .cta:after{border-color:#28332440}.endfield .description{max-width:420px}.endfield .motion-toggle{background:#eef0e4c7;color:#283324;border-color:#28332466}.endfield .background-video{filter:saturate(.85) contrast(1.02)}
@keyframes title-in{from{transform:translateY(18px);opacity:.82}to{transform:translateY(0);opacity:1}}@keyframes button-shine{0%,50%{transform:translateX(-150%)}80%,100%{transform:translateX(150%)}}
.paused *, .paused *:before,.paused *:after{animation-play-state:paused!important}
@media(min-width:1800px){.copy{left:8%}.description{max-width:500px}.cta{width:440px;min-height:86px;font-size:22px}}
@media(max-height:790px) and (min-width:801px){.experience{min-height:620px}header{top:25px}.copy{transform:translateY(-40%)}h1{font-size:clamp(48px,5vw,77px);margin-bottom:22px}.endfield h1{font-size:clamp(45px,4.1vw,65px)}.description{font-size:18px;margin-bottom:26px}.cta{min-height:70px}.compatibility{margin-top:16px}footer{bottom:15px}}
@media(max-width:800px){.experience{height:100svh;min-height:700px}header{inset:22px 6% auto}.brand{width:160px}.endfield .brand{width:185px}.motion-toggle{width:40px;height:40px;padding:9px}.film{inset:0 -25% 33% -8%}.background-video{object-position:50% 30%;filter:saturate(.82) contrast(1.03)}.shade{background:linear-gradient(0deg,#06131e 0%,#06131e 36%,#06131ef0 49%,#06131e66 66%,#06131e00 86%)}.vignette{background:linear-gradient(0deg,#06131e 0%,transparent 40%,transparent 85%,#06131e55 100%)}.copy{left:7%;right:7%;top:auto;bottom:94px;transform:none;width:auto;max-width:550px}h1{font-size:clamp(37px,8.8vw,61px);line-height:1.04;letter-spacing:-.045em;margin-bottom:18px}.description{font-size:16px;line-height:1.5;max-width:365px;margin-bottom:24px}.cta{min-height:67px;width:min(100%,410px);padding:0 20px;font-size:17px;gap:15px}.cta svg{width:27px;height:22px}.compatibility{font-size:14px;line-height:1.5;margin-top:17px;max-width:360px}.compatibility strong{display:block}.tab-note{font-size:12px;line-height:1.5;max-width:355px}.endfield .shade{background:linear-gradient(0deg,#e8e8df 0%,#e8e8df 37%,#e8e8dfee 50%,#e8e8df55 67%,transparent 86%)}.endfield .vignette{background:linear-gradient(0deg,#e8e8df 0%,transparent 45%,transparent 90%,#e8e8df22 100%)}.endfield h1{font-size:clamp(35px,8.2vw,57px);line-height:1.02;margin-bottom:18px}.endfield .description{font-size:16px;max-width:365px}footer{left:7%;right:7%;bottom:18px;font-size:11px;line-height:1.35;display:block;max-width:420px}footer p+p{margin-top:4px}}
@media(max-width:800px) and (min-height:850px){.copy{bottom:110px}.film{bottom:26%}.description{margin-bottom:28px}}
@media(max-width:800px) and (max-height:740px){.experience{min-height:620px}.copy{bottom:85px}header{top:17px}h1{font-size:35px;margin-bottom:14px}.endfield h1{font-size:32px;margin-bottom:14px}.description,.endfield .description{font-size:14px;margin-bottom:18px}.cta{min-height:59px;font-size:16px}.compatibility{font-size:13px;margin-top:12px;margin-bottom:7px}.tab-note{font-size:11px}footer{bottom:12px;font-size:10px}.film{bottom:35%}}
@media(max-height:550px) and (min-width:601px){.experience{height:620px;min-height:620px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.nowrap{white-space:nowrap}.endfield .compatibility strong{font-family:Endfield,Arial,sans-serif;font-size:14px}
@media(max-width:800px){.endfield .shade{background:linear-gradient(0deg,#e8e8df 0%,#e8e8df 47%,#e8e8dfe8 65%,#e8e8df00 85%)}}
@media(min-width:801px) and (max-width:1100px){h1{font-size:46px}.endfield h1{font-size:44px}.cta{font-size:18px;padding:0 22px;gap:20px}.compatibility{font-size:14px}}