@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}

/* P1: contact and platform navigation */
.platforms a{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:inherit;text-decoration:none;border-bottom:2px solid transparent;padding:5px 0}.platforms a:hover{border-color:var(--red)}.platforms a:focus-visible{outline:3px solid #fff;outline-offset:4px}.big-stat>.stat-value{font-size:inherit}.collab{transform:none}.collab h2{margin:18px 0}.collab>p{font-size:14px}#contact-form{display:grid;gap:12px;margin-top:22px}#contact-form label{display:grid;gap:5px;font-size:12px;font-weight:700}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}#contact-form input:not([type=hidden]),#contact-form select,#contact-form textarea{width:100%;min-width:0;border:1px solid #aaa398;border-radius:3px;padding:10px;background:#fff;color:var(--ink);font:14px 'DM Sans',Arial,sans-serif}#contact-form textarea{resize:vertical;max-height:220px}#contact-form .honeypot{display:none!important}#contact-form .mail{border:0;justify-self:start;margin:0;background:#b9251b;cursor:pointer}#contact-form button:disabled{opacity:.55;cursor:not-allowed}#form-status{font-size:12px;line-height:1.5;margin:0}#contact-form .form-privacy{font-size:10px;line-height:1.5;margin:0;color:#59554e}.direct-links{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 10px}.direct-links a{font-size:12px;font-weight:700;color:var(--ink);text-underline-offset:4px}.email{color:var(--ink);font-size:13px}.contact-sheet{width:600px;max-width:95vw}.contact-sheet .collab{position:static;width:auto;background:none;padding:0;box-shadow:none}.contact-sheet #modal-body{padding:8px}.contact-sheet .eyebrow{font-size:10px}

/* Readable brand palette: deep vermilion on warm paper. */
:root{--red:#bb2b20;--ink:#20201e;--cream:#f2eee5}
header .brand{display:flex;background:var(--ink);padding:8px 12px;align-items:center}
.brand img{display:block;width:147px;height:36px;object-fit:contain}
.world h2 em{color:#ff8275}.source{opacity:1;font-size:12px}.stats .source{color:#fff}.paper .source{color:#59554e}
.eyebrow{line-height:1.5}.collab-formats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}
.collab-formats article{border:1px solid #c5bfb3;padding:12px;background:var(--cream)}
.collab-formats h3{margin:0 0 7px;font-size:14px}.collab-formats p{margin:0;font-size:12px;line-height:1.5}
.collab{top:1260px}.studio-note{max-width:320px}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #205ca8;outline-offset:2px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:767px){
body{overflow:auto}header{height:auto;min-height:76px;padding:12px 16px;flex-wrap:wrap;gap:12px;position:sticky;top:0}
.brand img{width:112px;height:28px}header nav{order:3;width:100%;justify-content:space-between;gap:5px}nav button,nav button:first-child{display:block;font-size:12px;padding:8px 2px}
header .contact{font-size:10px;padding:12px}#viewport{height:auto;overflow:visible;touch-action:auto;cursor:auto;padding:28px 20px 40px}
#canvas{position:relative;width:100%;height:auto;transform:none!important;will-change:auto;display:flex;flex-direction:column;gap:28px}
#canvas>section,#canvas>button,#canvas>div{position:relative;inset:auto;width:100%;transform:none;margin:0}
#canvas>.lines,.intro-note,.studio-note{display:none}#canvas>*{scroll-margin-top:145px}
.hero{height:auto;padding:12px 0 0;order:0}h1{font-size:clamp(76px,21vw,155px);letter-spacing:-3px;margin:0 0 24px}
.hero-bottom{margin:0 0 24px;font-size:34px;gap:15px}.small-tag{font-size:12px;margin:8px 0 0;transform:none}
.hero .hero-photo{position:relative;inset:auto;width:76%;height:360px;transform:rotate(-3deg);margin:0 auto 25px;display:block}
.seal{top:auto;bottom:25px;left:auto;right:0;width:90px;height:90px;font-size:16px}
.paper,.stats,.world{padding:26px}.about{order:1}.stats{order:2}.audience{order:3}.world{order:4}.clips-zone{order:5}.psg{order:6}.event{order:7}.studio{order:8}.collab{order:9}.signature{order:10}
h2,.collab h2{font-size:42px}.world h2{font-size:62px}.big-stat{font-size:120px}.audience strong{font-size:100px}
.platforms{gap:18px;flex-wrap:wrap}.platforms a{font-size:13px}.photo{height:420px}.photo img{height:calc(100% - 42px)}
.clip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.clip-card{width:auto;transform:none!important;padding:5px}.clip-card video{width:100%;height:auto;aspect-ratio:9/16}.clip-card span{font-size:11px;line-height:1.4;padding:10px 2px}
.clips-zone h2{font-size:42px}.collab-formats{gap:8px}.collab-formats article{padding:10px}.form-row{grid-template-columns:1fr}#contact-form input:not([type=hidden]),#contact-form select,#contact-form textarea{font-size:16px;min-height:44px}
footer{height:auto;min-height:55px;padding:15px 20px}.controls,.hint{display:none}.edition{display:block;font-size:10px}.signature{font-size:15px;letter-spacing:1px}
dialog{padding:36px 20px;max-height:85dvh}.contact-sheet{width:95vw}
}