*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#000;color:#c6cbd4;font-family:Arial,sans-serif;overflow:hidden}button{font:inherit}button:focus-visible{outline:2px solid #aa3037;outline-offset:5px}#scene{position:relative;width:100%;height:100dvh;overflow:hidden;background:#000;isolation:isolate}.world{position:absolute;inset:0;transition:filter 1.3s,opacity 1.3s}.agent{position:absolute;inset:0;background:url('assets/idle.png') center center/cover no-repeat;transform-origin:50% 75%;animation:breathe 7s ease-in-out infinite}.agent.recoil{animation:recoil .85s ease-in-out}.world:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 20%,#0007 85%)}@keyframes breathe{50%{transform:scale(1.009) translateY(-2px)}}@keyframes recoil{35%{transform:rotate(-1.5deg) translateX(-8px)}70%{transform:rotate(.5deg)}}.heli{position:absolute;width:35px;height:10px;background:#030508;border-radius:60% 70% 40% 50%;opacity:.65;animation:flight 46s linear infinite;top:26%;left:-10%}.heli:before{content:'';position:absolute;width:25px;height:3px;background:#05070b;right:24px;top:3px;transform:rotate(8deg)}.heli i{position:absolute;width:60px;height:1px;background:#29334877;left:-14px;top:-5px;animation:rotor .1s linear infinite}.heli b{position:absolute;right:3px;top:7px;width:2px;height:2px;background:#7795ba;box-shadow:0 0 7px #557daa}.heli.h2{top:37%;animation-delay:-24s;animation-duration:64s;transform:scale(.6)}@keyframes flight{0%{left:-10%;translate:0 0}50%{translate:0 -20px}100%{left:110%;translate:0 0}}@keyframes rotor{50%{scale:.2 1}}#secret{position:absolute;inset:0;opacity:0;pointer-events:none;background:#0b0c11;mask-image:radial-gradient(circle 145px at var(--x,-500px) var(--y,-500px),#000 10%,transparent 100%)}#secret p{position:absolute;left:7%;top:45%;font-family:Georgia,serif;font-size:clamp(15px,2vw,29px);line-height:1.6;max-width:37%;color:#aba9a2;transform:rotate(-4deg);text-shadow:0 1px #000}body.light #secret{opacity:1}#beam{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle 150px at var(--x,-500px) var(--y,-500px),#c6d3f30c,transparent);mix-blend-mode:screen}body.light #beam{opacity:1}body.light #scene{cursor:crosshair}#gesture{position:absolute;width:clamp(95px,14vw,220px);height:46%;left:54%;top:59%;transform:translateY(120%) rotate(25deg);transform-origin:50% 100%;pointer-events:none;opacity:0}#gesture svg{width:100%;height:100%;filter:brightness(.7)}#gesture.swat{animation:swat 1.25s ease-in-out}@keyframes swat{0%,100%{transform:translateY(120%) rotate(25deg);opacity:0}20%{opacity:1}40%{transform:translate(-25%,-25%) rotate(-25deg);opacity:1}65%{transform:translate(25%,-35%) rotate(25deg);opacity:1}80%{opacity:1}}#dossier{position:absolute;inset:0;perspective:1600px;display:grid;place-items:center;background:#0000;transition:background 1.3s}#dossier[hidden]{display:none}#dossier.present{background:#000f}.book{width:min(850px,87vw);height:min(640px,83dvh);position:relative;transform:translateY(115vh) scale(.22) rotateX(35deg) rotateZ(-12deg);opacity:0;transition:transform 1.5s cubic-bezier(.22,.7,.22,1),opacity .5s;transform-style:preserve-3d}#dossier.present .book{transform:translateY(0) scale(1);opacity:1}.paper{position:absolute;inset:0;background:#c5c0af;color:#202226;border-radius:2px 9px 9px 2px;box-shadow:0 25px 90px #000,8px 4px 0 #777365,12px 7px 0 #35342e;padding:clamp(22px,5vw,55px);display:flex;flex-direction:column;background-image:linear-gradient(90deg,#0003,transparent 5%,#fff1 95%,#0002)}.paper header{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;border-bottom:1px solid #30303966;padding-bottom:20px;gap:15px}.paper footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:15px;border-top:1px solid #30303944;font-size:11px}.paper footer button{border:0;background:transparent;color:#222;cursor:pointer;padding:8px 18px;font-size:24px}.paper footer button:disabled{opacity:.2;cursor:default}#cover{position:absolute;inset:0;width:100%;height:100%;border:1px solid #292c33;background:linear-gradient(110deg,#151820,#08090c 40%,#101219);border-radius:2px 9px 9px 2px;color:#9da3ae;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;cursor:pointer;transform-origin:left center;transition:transform 1.3s ease,visibility 0s 1.3s;backface-visibility:hidden;box-shadow:inset 10px 0 15px #0009,0 30px 100px #000}#cover img{width:min(300px,52%);height:45%;object-fit:contain;filter:invert(1);opacity:.75}#cover span{letter-spacing:.5em;font-size:clamp(12px,2vw,18px);padding-left:.5em}#dossier.open #cover{transform:rotateY(-165deg);visibility:hidden;pointer-events:none}#close{position:absolute;right:3%;top:3%;font-size:30px;border:0;background:transparent;color:#999;cursor:pointer;padding:5px 15px;opacity:0;transition:opacity 1s}#dossier.present #close{opacity:1}body.folder .world{opacity:0;filter:blur(12px)}body.folder #secret,body.folder #beam{visibility:hidden}#products{overflow:auto;padding:25px 0;flex:1;transition:opacity .3s,transform .3s}#products.turn{opacity:0;transform:rotateY(-8deg) translateX(-15px)}.empty{height:100%;display:flex;flex-direction:column;justify-content:center}.empty h1{font-size:clamp(30px,6vw,65px);font-weight:normal;letter-spacing:-2px;margin:0 0 18px}.empty p{font-family:Georgia,serif;line-height:1.7;color:#55564f}.product{display:block;color:inherit;text-decoration:none;padding:20px 0;border-bottom:1px solid #3333}.product h2{font-size:clamp(20px,3vw,29px);margin:0 0 10px}.product p{line-height:1.5;font-size:14px}.product img{float:right;width:85px;height:85px;object-fit:cover;margin:0 0 15px 18px}.product:hover h2{text-decoration:underline;text-decoration-color:#86252b}#speech{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);font-size:13px;letter-spacing:4px;opacity:0;transition:opacity .3s;pointer-events:none}#speech.show{opacity:.8}#mobileKeys{position:absolute;opacity:0;width:1px;height:1px;left:0;bottom:0;border:0;padding:0;font-size:16px;pointer-events:none}@media(max-width:600px){.agent{background-size:auto 100%;background-position:center}#secret p{left:5%;top:20%;max-width:85%;font-size:17px}.book{width:86vw;height:76dvh}.paper{padding:25px}.paper header{font-size:8px;letter-spacing:1px}#gesture{left:50%;width:30vw}.heli{top:20%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.product{position:relative;padding:18px 0 18px 36px}.product-number{position:absolute;left:0;top:23px;font-size:10px;color:#6b665c;letter-spacing:1px}.product h2{font-size:clamp(22px,3vw,31px);font-weight:normal;margin-bottom:6px}.product p{margin:5px 0 12px;color:#59594f}.product-links{display:flex;gap:20px;flex-wrap:wrap}.product-links a{color:#6b2429;font-size:12px;text-underline-offset:4px}.contact-note{font-family:Georgia,serif;color:#5b584e;font-size:13px;margin:22px 0 5px}@media(max-width:600px){.product{padding-top:13px;padding-bottom:13px}.product-number{top:18px}.product p{font-size:12px}.product-links{gap:12px}.contact-note{font-size:12px}}
.product{padding-top:65px;padding-bottom:38px;border-bottom:0}.product-number{top:73px}.product h2{font-size:clamp(34px,6vw,65px);letter-spacing:-1.5px}.product p{margin:18px 0 26px}.product-links a{font-size:14px}.classified{position:relative;padding-top:65px}.stamp{display:block;font:600 clamp(26px,5vw,46px) monospace;letter-spacing:.12em;color:#742a2c;border:3px double #742a2c;padding:8px 18px;width:max-content;transform:rotate(-12deg);opacity:.8;margin:0 0 45px auto}.redacted{display:flex;gap:7px;height:13px;margin:13px 0;overflow:hidden;max-width:90%}.redacted:nth-child(3n){max-width:67%}.redacted i{display:block;flex-shrink:0;height:100%;background:#22231f;transform:rotate(-.4deg)}@media(max-width:600px){.product{padding-top:60px;padding-bottom:30px}.product-number{top:66px}.product-links{flex-direction:column;gap:20px}.product h2{font-size:38px}.classified{padding-top:32px}.stamp{margin-bottom:32px}.redacted{height:10px;margin:12px 0}}
#scene{overflow:clip}#dossier{position:fixed}.paper{background-color:#09090b;color:#df6268;background-image:linear-gradient(90deg,#000a,transparent 6%,#ffffff02 95%,#0008);box-shadow:0 25px 90px #000,8px 4px 0 #202024,12px 7px 0 #09090b}.paper header{border-color:#762d34}.paper footer{border-color:#762d34}.paper footer button{color:#df6268}.product p,.contact-note{color:#c05d64}.product-number{color:#bd545b}.product-links a{color:#ef777d}.product:hover h2{text-decoration:none}.redacted i{background:#76252d}.classified{padding-top:40px}#products{overflow-x:hidden;min-height:0}.stamp{display:none}
#close{color:#df6268}
.paper{font-weight:600}.paper header,.paper footer{font-weight:700}.product{padding-top:22px;padding-left:0;padding-bottom:10px}.product .app-icon{float:none;display:block;width:90px;height:90px;margin:0 0 20px;object-fit:contain;border-radius:20px;box-shadow:0 8px 28px #0008}.product-number{top:28px;right:0;left:auto;font-size:12px;font-weight:800}.product h2{font-weight:800;font-size:clamp(34px,4.5vw,56px);letter-spacing:-1.5px}.product p{font-weight:600;font-size:16px;line-height:1.75;max-width:620px;margin:15px 0 25px}.product-links a{font-weight:800;font-size:15px}.paper footer button{font-weight:900;font-size:32px;padding:8px 20px}#speech{font-weight:700;color:#df6268;z-index:5}@media(max-width:600px){.product{padding-top:14px}.product .app-icon{width:72px;height:72px;margin-bottom:18px;border-radius:17px}.product-number{top:20px}.product h2{font-size:34px;letter-spacing:-1px}.product p{font-size:14px;line-height:1.7;margin:14px 0 22px}.product-links{gap:18px}.product-links a{font-size:14px}}
body.dismissed #scene{opacity:0;pointer-events:none;transition:opacity .6s}
#gesture{inset:0!important;width:100%!important;height:100%!important;transform:none!important;animation:none!important;opacity:0;z-index:2;pointer-events:none}#gesture svg{width:100%;height:100%;filter:drop-shadow(8px 12px 14px #0008)}body.folder #gesture{visibility:hidden}#speech{display:none!important}
.agent{animation:none!important;transform:none!important}.head-motion{position:absolute;inset:0;width:100%;height:100%;display:none}.agent.head-ready{background-image:none}.agent.head-ready .head-motion{display:block}
.flashlight-world{position:absolute;inset:0;background:url("assets/idle.png") center center/cover no-repeat;filter:brightness(2.15) saturate(.85);opacity:0;pointer-events:none;mask-image:radial-gradient(circle 165px at var(--x,-500px) var(--y,-500px),#000 8%,#000d 30%,transparent 100%);-webkit-mask-image:radial-gradient(circle 165px at var(--x,-500px) var(--y,-500px),#000 8%,#000d 30%,transparent 100%)}body.light .flashlight-world{opacity:1}#secret{background:transparent}#beam{background:radial-gradient(circle 165px at var(--x,-500px) var(--y,-500px),#f3e9cf14,transparent)}@media(max-width:600px){.flashlight-world{background-size:auto 100%;background-position:center}}
.brand-mark{position:absolute;top:28px;left:28px;width:94px;height:94px;padding:11px;border:1px solid #fff;border-radius:3px;background:#0008;z-index:2;pointer-events:none;transition:opacity .4s}.brand-mark img{width:100%;height:100%;object-fit:contain;filter:invert(1);opacity:.95}body.folder .brand-mark{opacity:0}#dossier{z-index:3}@media(max-width:600px){.brand-mark{top:max(18px,env(safe-area-inset-top));left:18px;width:70px;height:70px;padding:8px}}
.brand-mark{border:0;background:transparent}.brand-mark img{filter:url(#logo-outline);opacity:1}
.agent{background-image:url("assets/video-poster.jpg")} .video-stage{position:absolute;inset:0;background:#000}.video-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none}.video-stage .one-shot{opacity:0}.video-stage .one-shot.active{opacity:1}.world:after{background:none}.brand-mark{display:none}.flashlight-world{background:none;filter:none;backdrop-filter:brightness(1.85);-webkit-backdrop-filter:brightness(1.85)}@media(max-width:600px){.video-stage video{object-fit:cover}.brand-mark{display:block}}

/* Full viewport video on every screen. */
html,body,#scene{width:100%;height:100%;min-height:100dvh} .video-stage video{object-fit:cover} .video-stage{overflow:hidden}

.brand-mark{display:block;position:fixed;top:max(18px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));width:90px;height:90px;padding:8px;z-index:2;background:#000;border:0;border-radius:0}@media(max-width:600px){.brand-mark{width:70px;height:70px}}

.brand-mark{display:none!important}