:root{--yellow:#f8c100;--yellow-hot:#ffd512;--blue:#001786;--blue-deep:#000a50;--red:#e52516;--orange:#f05a17;--ink:#080808;--paper:#fff0a0}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--yellow)}body{margin:0;min-width:1180px;background:var(--yellow);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}::selection{background:var(--blue);color:var(--yellow)}
.grain{position:fixed;inset:0;z-index:80;pointer-events:none;opacity:.13;mix-blend-mode:multiply;background-image:radial-gradient(circle at 20% 30%,rgba(0,0,0,.35) 0 .6px,transparent .8px),radial-gradient(circle at 70% 65%,rgba(255,255,255,.55) 0 .5px,transparent .8px);background-size:5px 5px,7px 7px}.cursor-dot{position:fixed;width:14px;height:14px;border-radius:50%;background:var(--red);border:3px solid var(--ink);z-index:90;pointer-events:none;transform:translate(-50%,-50%);transition:width .15s ease,height .15s ease;opacity:.92}.top-mark{position:fixed;top:18px;left:26px;right:26px;z-index:70;display:flex;align-items:center;justify-content:space-between;font:900 12px/1 "Courier New",monospace;letter-spacing:.14em;text-transform:uppercase;mix-blend-mode:multiply}.top-mark-eye{color:var(--red);font-size:20px}.scene{position:relative;width:100%;height:100vh;min-height:760px;overflow:hidden;isolation:isolate}
.hero{min-height:900px;background:linear-gradient(rgba(248,193,0,.9),rgba(248,193,0,.9)),url('../assets/background/yellow-paper.jpg') center/cover}.hero:before{content:"";position:absolute;width:52vw;height:52vw;max-width:930px;max-height:930px;min-width:650px;min-height:650px;left:50%;top:52%;transform:translate(-50%,-50%) rotate(-4deg);border:20px solid var(--red);border-radius:50%;opacity:.94;z-index:0}.hero:after{content:"";position:absolute;width:35vw;height:35vw;max-width:640px;max-height:640px;min-width:450px;min-height:450px;left:50%;top:52%;transform:translate(-50%,-50%) rotate(4deg);border:28px solid var(--yellow-hot);border-radius:50%;box-shadow:0 0 0 18px var(--orange);z-index:1}.hero-word{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%) scaleX(.93);z-index:2;font-family:Impact,Haettenschweiler,"Arial Black",sans-serif;font-size:clamp(220px,21vw,410px);line-height:.7;letter-spacing:-.055em;color:var(--blue);white-space:nowrap;text-shadow:10px 9px 0 rgba(0,0,0,.08)}.hero-kicker{position:absolute;top:12%;left:7%;z-index:5;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(28px,2.6vw,50px);transform:rotate(-4deg);letter-spacing:.02em}.hero-tagline{position:absolute;top:18.5%;left:7.4%;z-index:5;max-width:430px;font:700 18px/1.3 Georgia,serif;transform:rotate(-4deg)}.character-stage{position:absolute;left:50%;bottom:-16%;width:52vw;max-width:900px;min-width:620px;height:88%;transform:translateX(-50%);background:transparent;border:0;padding:0;z-index:4;cursor:pointer;outline:0}.hero-boogl{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(12px 24px 0 rgba(0,0,0,.16));transform-origin:52% 74%;animation:boogl-idle 4.8s ease-in-out infinite}.character-stage:hover .hero-boogl{animation-duration:1.4s}.character-stage:active .hero-boogl{transform:scale(.97,.93) rotate(-1deg)}.character-stage.is-reacting .hero-boogl{animation:boogl-react .62s cubic-bezier(.2,.8,.2,1)}.reaction{position:absolute;top:34%;right:-10%;display:block;padding:11px 14px 9px;background:var(--paper);border:4px solid var(--ink);font:900 18px/1 "Courier New",monospace;transform:rotate(7deg) scale(0);transform-origin:left bottom;transition:transform .16s ease}.character-stage.is-reacting .reaction{transform:rotate(7deg) scale(1)}.hero-side-note{position:absolute;z-index:6;font:900 12px/1.15 "Courier New",monospace;letter-spacing:.12em;writing-mode:vertical-rl}.left-note{left:2.2%;bottom:19%;transform:rotate(180deg)}.right-note{right:2.2%;top:23%}.hero-links{position:absolute;right:4.5%;bottom:8.5%;z-index:7;display:flex;flex-direction:column;gap:11px;align-items:flex-end}.hero-links a{position:relative;display:inline-block;padding:8px 10px 5px;font:900 24px/.95 Impact,"Arial Black",sans-serif;letter-spacing:.02em}.hero-links a:after{content:"";position:absolute;left:-3px;right:-3px;bottom:1px;height:5px;background:var(--red);z-index:-1;transform:rotate(-1deg) scaleX(.7);transform-origin:right;transition:transform .18s ease}.hero-links a:hover:after{transform:rotate(1deg) scaleX(1)}.hero-links a:active{transform:translateY(2px)}.hero-ca{position:absolute;left:4.5%;bottom:8.5%;z-index:7;width:min(560px,37vw);transform:rotate(-1.2deg)}.ca-label{display:inline-block;margin-bottom:6px;font:900 15px/1 "Courier New",monospace;letter-spacing:.16em}.hero-ca code,.final-ca-line code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 14px/1.2 "Courier New",monospace}.copy-button{margin-top:10px;border:3px solid var(--ink);background:var(--blue);color:var(--yellow);padding:9px 14px 8px;font:900 13px/1 "Courier New",monospace;letter-spacing:.08em;clip-path:polygon(2% 8%,97% 0,100% 88%,4% 100%);cursor:pointer;transition:transform .12s ease,background .12s ease,color .12s ease}.copy-button:hover{background:var(--red);color:#fff;transform:rotate(-2deg) scale(1.03)}.copy-button:active{transform:rotate(1deg) scale(.96)}.scroll-note{position:absolute;left:50%;bottom:2.1%;transform:translateX(-50%);font:900 11px/1 "Courier New",monospace;letter-spacing:.13em;z-index:7}
.marquee{width:100vw;overflow:hidden;background:var(--blue);color:var(--yellow);border-top:7px solid var(--ink);border-bottom:7px solid var(--ink);transform:rotate(-.45deg) scale(1.015);transform-origin:center;position:relative;z-index:20}.marquee-track{display:flex;width:max-content;white-space:nowrap;animation:marquee-run 24s linear infinite;will-change:transform}.marquee-set{flex-shrink:0;min-width:max-content}.marquee-set span{display:block;padding:13px 0 10px;font:900 29px/.9 Impact,"Arial Black",sans-serif;letter-spacing:.05em}@keyframes marquee-run{to{transform:translateX(-50%)}}
.department{background:var(--paper)}.department:before{content:"";position:absolute;inset:0;background:url('../assets/background/boogl-original.png') center/cover no-repeat;opacity:.08;filter:grayscale(.2) contrast(1.2);mix-blend-mode:multiply}.dept-label{position:absolute;left:5.5%;top:12%;font:900 clamp(68px,7.2vw,138px)/.82 Impact,"Arial Black",sans-serif;width:72%;color:var(--blue);letter-spacing:-.02em;transform:rotate(-1.2deg)}.dept-number{position:absolute;right:4%;top:9%;font:900 clamp(170px,15vw,280px)/.8 Impact,"Arial Black",sans-serif;color:var(--red);opacity:.82}.dept-copy{position:absolute;left:8%;bottom:13%;width:38%;font:700 clamp(20px,1.5vw,30px)/1.35 Georgia,serif;transform:rotate(-1deg)}.dept-copy p{margin:0 0 18px}.dept-character-wrap{position:absolute;right:-7%;bottom:-24%;width:48%;height:87%;transform:rotate(5deg)}.dept-boogl{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(-14px 20px 0 rgba(0,0,0,.12));animation:slow-peek 6s ease-in-out infinite}.watch-eye{position:absolute;width:150px;height:150px;border-radius:50%;background:var(--yellow-hot);border:17px solid var(--red);box-shadow:0 0 0 8px var(--orange),0 0 0 14px var(--blue-deep);display:grid;place-items:center;transform:rotate(var(--rot,0deg))}.watch-eye i{display:block;width:38px;height:38px;border-radius:50%;background:var(--ink);transform:translate(calc(var(--eye-x,0)*1px),calc(var(--eye-y,0)*1px));transition:transform .06s linear}.eye-a{left:48%;bottom:28%;--rot:-8deg}.eye-b{left:57%;bottom:44%;width:92px;height:92px;border-width:10px;box-shadow:0 0 0 6px var(--orange),0 0 0 10px var(--blue-deep);--rot:9deg}.eye-b i{width:25px;height:25px}.eye-c{left:44%;top:48%;width:70px;height:70px;border-width:8px;box-shadow:0 0 0 4px var(--orange),0 0 0 8px var(--blue-deep);--rot:14deg}.eye-c i{width:18px;height:18px}.tape-note{position:absolute;padding:15px 17px 12px;background:#ffe65d;border:2px solid rgba(0,0,0,.5);box-shadow:5px 7px 0 rgba(0,0,0,.11);font:900 15px/1.2 "Courier New",monospace;z-index:5}.note-one{left:47%;top:24%;transform:rotate(7deg)}.note-two{left:61%;bottom:12%;transform:rotate(-9deg)}.blue-brush{position:absolute;width:470px;height:100px;background:url('../assets/decor/blue-strokes.png') center/contain no-repeat;opacity:.75}.brush-one{left:3%;top:7%;transform:rotate(-6deg)}
.facts{background:var(--blue);color:var(--yellow)}.facts:before,.facts:after{content:"";position:absolute;border-radius:50%;background:var(--yellow);border:18px solid var(--red);opacity:.97}.facts:before{width:370px;height:370px;left:-130px;bottom:-110px}.facts:after{width:250px;height:250px;right:-70px;top:70px}.facts-title{position:absolute;left:4%;top:8%;font:900 clamp(78px,8.7vw,165px)/.78 Impact,"Arial Black",sans-serif;letter-spacing:-.03em;width:78%}.fact{position:absolute;font:900 clamp(28px,2.4vw,46px)/.95 "Arial Black",Arial,sans-serif;color:var(--paper);letter-spacing:-.025em}.f1{left:8%;top:38%;transform:rotate(-6deg);color:var(--yellow-hot)}.f2{left:38%;top:35%;transform:rotate(4deg)}.f3{left:65%;top:37%;transform:rotate(-2deg);color:var(--yellow-hot)}.f4{left:18%;bottom:13%;transform:rotate(2deg)}.f5{right:9%;bottom:12%;transform:rotate(-5deg);color:var(--yellow-hot)}.fact-index{position:absolute;right:4%;top:5%;font:900 13px/1 "Courier New",monospace;letter-spacing:.14em}.scribble-line{position:absolute;height:7px;background:var(--red);transform-origin:left}.scribble-a{width:380px;left:10%;top:32%;transform:rotate(-4deg)}.scribble-b{width:310px;right:16%;bottom:9%;transform:rotate(4deg)}
.hallway{background:#f4bd00}.hallway-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.08) 1px,transparent 1px) 0 0/9vw 100%,linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px) 0 0/100% 17vh,url('../assets/background/yellow-paper.jpg') center/cover;transform:perspective(700px) rotateX(1deg) scale(1.03)}.hallway-bg:after{content:"";position:absolute;inset:9% 11%;border:10px solid rgba(0,0,0,.35);clip-path:polygon(0 4%,96% 0,100% 95%,3% 100%)}.hallway-title{position:absolute;left:5%;top:12%;z-index:3;font:900 clamp(82px,8.4vw,160px)/.78 Impact,"Arial Black",sans-serif;color:var(--blue);letter-spacing:-.03em;transform:rotate(-2deg)}.hallway-copy{position:absolute;left:6%;top:42%;width:360px;z-index:3;font:700 25px/1.35 Georgia,serif}.hallway-boogl{position:absolute;z-index:4;right:7%;bottom:-13%;width:50%;height:83%;object-fit:contain;object-position:right bottom;filter:drop-shadow(15px 21px 0 rgba(0,0,0,.14));animation:boogl-idle 5.6s ease-in-out infinite reverse}.hallway-eye{right:8%;top:14%;width:210px;height:210px;border-width:22px;z-index:2;transform:rotate(8deg)}.hallway-eye i{width:52px;height:52px}.hallway-caption{position:absolute;left:6%;bottom:6%;z-index:3;font:900 13px/1 "Courier New",monospace;letter-spacing:.13em}.strange-button{position:absolute;left:6%;top:61%;z-index:5;border:5px solid var(--ink);background:var(--red);color:#fff;padding:16px 24px 13px;font:900 22px/1 Impact,"Arial Black",sans-serif;letter-spacing:.04em;clip-path:polygon(1% 8%,96% 0,100% 88%,7% 100%);cursor:pointer;transform:rotate(-3deg);transition:transform .15s ease,background .15s ease}.strange-button:hover{background:var(--blue);transform:rotate(2deg) scale(1.05)}.strange-button:active{transform:rotate(-1deg) scale(.95)}.stare-message{position:absolute;left:6%;top:70%;z-index:6;font:900 16px/1 "Courier New",monospace;opacity:0;transform:translateY(8px) rotate(2deg);transition:opacity .16s ease,transform .16s ease}.stare-message.show{opacity:1;transform:translateY(0) rotate(-2deg)}
.final-scene{background:var(--paper)}.final-scene:before{content:"";position:absolute;inset:-10%;background:url('../assets/decor/blue-strokes.png') center 26%/65% auto no-repeat;opacity:.3;transform:rotate(-7deg)}.final-word{position:absolute;left:-2%;bottom:-9%;z-index:0;font:900 clamp(300px,31vw,590px)/.7 Impact,"Arial Black",sans-serif;color:var(--yellow);letter-spacing:-.065em;white-space:nowrap}.final-headline{position:absolute;left:5%;top:11%;width:60%;z-index:3;font:900 clamp(76px,7vw,135px)/.8 Impact,"Arial Black",sans-serif;color:var(--blue);letter-spacing:-.03em;transform:rotate(-1.5deg)}.final-sub{position:absolute;left:5.5%;top:34%;z-index:3;font:700 24px/1.2 Georgia,serif}.final-ca-wrap{position:absolute;left:5.5%;top:45%;z-index:4;width:min(650px,46vw)}.final-ca-label{margin-bottom:10px;font:900 14px/1 "Courier New",monospace;letter-spacing:.13em}.final-ca-line{padding:17px 18px 14px;border:5px solid var(--ink);background:var(--yellow-hot);transform:rotate(.8deg)}.final-ca-line code{font-size:16px}.big-copy{font-size:15px}.final-links{position:absolute;left:5.5%;top:67%;z-index:4;display:flex;gap:30px;align-items:center}.final-links a{font:900 25px/1 Impact,"Arial Black",sans-serif;border-bottom:7px solid var(--red);padding-bottom:2px;transition:transform .14s ease,color .14s ease}.final-links a:hover{color:var(--red);transform:rotate(-2deg) translateY(-3px)}.final-links a:active{transform:translateY(2px)}.final-eye{right:7%;top:10%;width:170px;height:170px;z-index:2;transform:rotate(-7deg)}.final-boogl{position:absolute;right:-6%;bottom:-26%;width:46%;height:77%;object-fit:contain;object-position:right bottom;z-index:2;filter:drop-shadow(-14px 18px 0 rgba(0,0,0,.12));animation:slow-peek 6.4s ease-in-out infinite reverse}footer{position:absolute;left:5.5%;bottom:5%;z-index:4;font:900 12px/1 "Courier New",monospace;letter-spacing:.13em}.toast{position:fixed;left:50%;bottom:40px;z-index:100;transform:translate(-50%,30px) rotate(-2deg) scale(.9);opacity:0;pointer-events:none;background:var(--ink);color:var(--yellow-hot);border:4px solid var(--red);padding:13px 18px 10px;font:900 18px/1 "Courier New",monospace;letter-spacing:.08em;transition:opacity .16s ease,transform .16s ease}.toast.show{opacity:1;transform:translate(-50%,0) rotate(2deg) scale(1)}
@keyframes boogl-idle{0%,100%{transform:translateY(0) rotate(-.8deg)}50%{transform:translateY(-12px) rotate(.8deg)}}@keyframes slow-peek{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(-1deg)}}@keyframes boogl-react{0%{transform:translateY(0) rotate(0) scale(1)}28%{transform:translateY(16px) rotate(-2deg) scale(1.03,.94)}55%{transform:translateY(-22px) rotate(2deg) scale(.98,1.05)}100%{transform:translateY(0) rotate(0) scale(1)}}@media(max-width:1500px){.hero-word{font-size:19vw}.character-stage{width:49vw}.hero-ca{width:35vw}.dept-copy{width:42%}.final-headline{font-size:7.4vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}