@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&family=Permanent+Marker&display=swap');
:root{--red:#e93428;--ink:#20201e;--cream:#f2eee5}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #2474da;outline-offset:5px}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid #20201e25;position:relative;z-index:2;background:var(--cream)}.brand{font:900 36px 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;color:var(--ink);text-decoration:none}.brand span{font:12px Arial;vertical-align:top;line-height:28px;margin-left:3px}nav{display:flex;gap:30px}nav button{border:0;background:none;font-size:13px}header .contact{background:var(--ink);color:#fff;padding:13px 20px;font-size:11px;letter-spacing:1px;border:0}#viewport{height:calc(100dvh - 144px);overflow:hidden;position:relative;cursor:grab;touch-action:none;background-image:radial-gradient(#827d6e38 .8px,transparent .8px);background-size:20px 20px}#viewport.dragging{cursor:grabbing}#canvas{width:2400px;height:1700px;position:absolute;transform-origin:0 0;will-change:transform}#canvas>section,#canvas>button,#canvas>div{position:absolute}.lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.lines>path{fill:none;stroke:var(--red);stroke-width:4;stroke-dasharray:9 7;marker-end:url(#arrow)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px}.hero{left:600px;top:340px;width:1010px;height:720px}.hero>.eyebrow{margin-left:12px}h1{font:900 232px/.87 'Barlow Condensed',Impact,sans-serif;letter-spacing:-6px;margin:24px 0;color:var(--red)}.hero-bottom{display:flex;justify-content:space-between;margin:55px 20px;font:800 56px/.95 'Barlow Condensed',Impact,sans-serif}.small-tag{font:700 16px/1.4 'DM Sans',sans-serif;transform:rotate(5deg);margin-top:75px}.photo{border:0;padding:12px 12px 0;background:#fff;box-shadow:0 12px 25px #30231524;text-align:left;transition:box-shadow .2s}.photo:hover{box-shadow:0 20px 40px #30231545}.photo img{display:block;width:100%;height:calc(100% - 42px);object-fit:cover;pointer-events:none}.photo>span{display:block;padding:14px 4px;font:700 12px 'DM Sans',sans-serif;letter-spacing:1.2px}.hero .hero-photo{position:absolute;width:340px;height:440px;left:340px;top:240px;transform:rotate(-5deg)}.hero-photo img{object-position:50% 85%;height:calc(100% - 42px);object-fit:cover}.seal{position:absolute;top:560px;left:645px;background:var(--red);color:#fff;width:125px;height:125px;border-radius:50%;display:grid;align-content:center;text-align:center;font:700 21px/1.1 'Barlow Condensed',sans-serif;transform:rotate(14deg);border:7px double var(--cream)}.scribble{font:26px/1.25 'Permanent Marker',cursive;color:var(--red)}.intro-note{left:690px;top:190px;transform:rotate(-7deg)}.intro-note span{font-size:65px;position:absolute;right:-85px;top:18px}.paper{background:#fffdf6;padding:36px;box-shadow:5px 9px 0 #28251e0b}.about{left:100px;top:350px;width:410px;transform:rotate(-4deg)}h2{font:800 48px/.98 'Barlow Condensed',Impact,sans-serif;margin:27px 0 22px}h2 em{font-style:normal;color:var(--red)}p{font-size:15px;line-height:1.65}.handwritten{display:block;font:23px 'Permanent Marker',cursive;color:var(--red);margin-top:24px}.psg{left:170px;top:920px;width:340px;height:460px;transform:rotate(7deg)}.psg img{object-position:50% 73%}.stats{left:1740px;top:290px;width:480px;background:var(--red);color:#fff;padding:32px;transform:rotate(3deg)}.big-stat{font:900 158px/.9 'Barlow Condensed',Impact,sans-serif;margin:30px 0}.big-stat>span{font-size:100px}.big-stat i{font:500 18px 'DM Sans',sans-serif;display:block;margin-top:14px}.stat-pair{display:flex;gap:35px;border-top:1px solid #ffffff75;padding-top:25px}.stat-pair b{font:700 42px 'Barlow Condensed',sans-serif;display:block}.stat-pair span{font-size:11px}.text-link{background:none;border:0;border-bottom:1px solid;padding:0 0 6px;margin-top:28px;color:inherit;font-size:13px}.source{font-size:10px;line-height:1.5;opacity:.75}.audience{left:1800px;top:850px;width:380px;transform:rotate(-5deg)}.audience strong{font:900 130px/.95 'Barlow Condensed',Impact,sans-serif;display:block;margin-top:20px}.audience strong span{font-size:65px;color:var(--red)}.audience h3{font-size:25px;margin:4px 0 20px}.meter{height:8px;background:#dedbd3}.meter i{display:block;width:79%;height:100%;background:var(--red)}.world{left:700px;top:1170px;width:430px;padding:36px;background:var(--ink);color:var(--cream);transform:rotate(-3deg)}.world h2{font-size:75px}.chips{display:flex;gap:8px;margin:25px 0}.chips span{border:1px solid #ffffff50;padding:6px 10px;font-size:11px}.light-button{background:var(--cream);border:0;padding:12px 17px;font-size:12px}.event{left:1270px;top:30px;width:290px;height:340px;transform:rotate(8deg)}.event img{object-position:50% 32%}.studio{left:1270px;top:1100px;width:310px;height:340px;transform:rotate(6deg)}.studio img{object-position:center 70%}.studio-note{left:1290px;top:1480px;transform:rotate(-6deg);font-size:22px}.collab{left:1770px;top:1300px;width:510px;transform:rotate(2deg)}.collab h2{font-size:49px}.mail{display:inline-block;padding:14px 22px;background:var(--red);color:#fff;text-decoration:none;font-size:12px;font-weight:700;margin-top:8px}.email{display:block;font-size:11px;margin-top:13px}.signature{left:130px;top:1580px;font:700 22px 'Barlow Condensed',sans-serif;letter-spacing:4px}.signature span{color:var(--red);margin:0 20px}footer{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:var(--cream);border-top:1px solid #20201e25;position:relative;z-index:2}.hint,.edition{font-size:10px;letter-spacing:.5px}.controls{display:flex;align-items:center;gap:6px}.controls button{width:35px;height:35px;background:none;border:1px solid #20201e25;font-size:22px}.controls button:hover{background:#ded8cb}.controls #zoom{font-size:11px;width:45px;text-align:center}dialog{border:0;background:var(--cream);max-width:780px;width:90vw;max-height:90dvh;padding:40px;box-shadow:0 30px 100px #0005}dialog::backdrop{background:#151411b8;backdrop-filter:blur(7px)}#close{position:absolute;right:12px;top:8px;background:none;border:0;font-size:30px}#modal-body img{display:block;max-height:68vh;max-width:100%;margin:auto;object-fit:contain}#modal-body h2{margin-top:10px}#modal-body table{width:100%;border-collapse:collapse;font-size:14px}td{padding:12px 0;border-bottom:1px solid #2222}td:last-child{text-align:right;font-weight:700}.modal-caption{font-size:12px;margin-bottom:0} @media(max-width:650px){header{height:68px;padding:0 16px}.brand{font-size:29px}nav{gap:10px}nav button{font-size:10px}header .contact{font-size:9px;padding:10px}nav button:first-child{display:none}#viewport{height:calc(100dvh - 130px)}footer{padding:0 12px}.edition,.hint span{display:none}.hint{max-width:85px;font-size:9px}.controls{gap:4px}dialog{padding:32px 22px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.platforms{display:flex;gap:22px;align-items:center;margin:20px 0}.platforms span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700}.platforms svg{width:23px;height:23px}.world .chips{flex-wrap:wrap;margin:18px 0 10px}.games{font-size:12px;color:#ddd4c6}.world{top:1140px}.signature{left:100px;top:1480px;width:410px;font-size:18px;line-height:1.8;letter-spacing:2px}.signature span{margin:0 8px}

.light-button{color:var(--ink);font-weight:700}.country-secondary{margin:0 0 18px;font-size:19px}


#canvas{height:2300px}.clips-zone{left:690px;top:1750px;width:970px}.clips-zone h2{font-size:56px;margin:16px 0 24px}.clip-grid{display:flex;gap:24px}.clip-card{display:block;width:215px;padding:9px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:4px 8px 20px #2222;transform:rotate(-3deg)}.clip-card:nth-child(2){transform:rotate(3deg)}.clip-card:nth-child(3){transform:rotate(-2deg)}.clip-card video{display:block;width:197px;height:350px;object-fit:cover;background:#161616;pointer-events:none}.clip-card span{display:block;padding:13px 4px 5px;font-size:13px;font-weight:700}.clips-zone>p{font-size:12px;margin-top:22px}.clip-toggle{border:1px solid #20201e55;background:transparent;padding:8px 12px;font-size:12px}nav{gap:20px}