privacy.html
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> 6 <title>Privacy Policy | PROOFOFCONCEPT</title> 7 8 <!-- Meta Tags --> 9 <meta name="description" content="Privacy Policy for PROOFOFCONCEPT - Learn how we protect your data and privacy while delivering cutting-edge experimental films, interactive cinema experiences, and AI-powered entertainment."> 10 <meta name="keywords" content="privacy policy, data protection, PROOFOFCONCEPT privacy, film studio privacy, Canadian film privacy, experimental film privacy, interactive cinema privacy, AI entertainment privacy, data security, user privacy, film production privacy"> 11 <meta name="author" content="PROOFOFCONCEPT Productions"> 12 <meta name="robots" content="index, follow"> 13 <meta name="theme-color" content="#EFF0EC"> 14 15 <!-- Open Graph --> 16 <meta property="og:title" content="Privacy Policy - Data Protection & Privacy | PROOFOFCONCEPT"> 17 <meta property="og:description" content="Privacy Policy for PROOFOFCONCEPT - Learn how we protect your data and privacy while delivering cutting-edge experimental films, interactive cinema experiences, and AI-powered entertainment."> 18 <meta property="og:type" content="website"> 19 <meta property="og:url" content="https://proof-of-concept.ca/pages/privacy"> 20 <meta property="og:locale" content="en_CA"> 21 <meta property="og:image" content="https://proof-of-concept.ca/assets/preview.jpg"> 22 23 <!-- Twitter Card --> 24 <meta name="twitter:card" content="summary_large_image"> 25 <meta name="twitter:title" content="Privacy Policy - Data Protection & Privacy | PROOFOFCONCEPT"> 26 <meta name="twitter:description" content="Privacy Policy for PROOFOFCONCEPT - Learn how we protect your data and privacy while delivering cutting-edge experimental films, interactive cinema experiences, and AI-powered entertainment."> 27 <meta name="twitter:image" content="https://proof-of-concept.ca/assets/preview.jpg"> 28 <meta name="twitter:site" content="@proof__concept"> 29 30 <!-- Canonical --> 31 <link rel="canonical" href="https://proof-of-concept.ca/pages/privacy"> 32 33 <!-- Google Verification --> 34 <meta name="google-site-verification" content="B0SBzeNtFIcGAwAKAt0TEfWatr9beufDv7kBV2qOAKg" /> 35 36 <!-- Structured Data for Privacy Policy --> 37 <script type="application/ld+json"> 38 { 39 "@context": "https://schema.org", 40 "@type": "WebPage", 41 "name": "Privacy Policy", 42 "description": "Privacy Policy for PROOFOFCONCEPT - Learn how we protect your data and privacy while delivering cutting-edge experimental films, interactive cinema experiences, and AI-powered entertainment.", 43 "url": "https://proof-of-concept.ca/pages/privacy", 44 "publisher": { 45 "@type": "Organization", 46 "name": "PROOFOFCONCEPT Productions" 47 }, 48 "inLanguage": "en" 49 } 50 </script> 51 52 <!-- Favicons --> 53 <link rel="icon" type="image/png" sizes="16x16" href="../assets/favicons/light/favicon-16x16.png" media="(prefers-color-scheme: light)"> 54 <link rel="icon" type="image/png" sizes="16x16" href="../assets/favicons/dark/favicon-16x192.png" media="(prefers-color-scheme: dark)"> 55 <link rel="icon" type="image/png" sizes="32x32" href="../assets/favicons/light/favicon-32x32.png" media="(prefers-color-scheme: light)"> 56 <link rel="icon" type="image/png" sizes="32x32" href="../assets/favicons/dark/favicon-32x32.png" media="(prefers-color-scheme: dark)"> 57 <link rel="icon" type="image/x-icon" href="../assets/favicons/light/favicon.ico" media="(prefers-color-scheme: light)"> 58 <link rel="icon" type="image/x-icon" href="../assets/favicons/dark/favicon.ico" media="(prefers-color-scheme: dark)"> 59 <link rel="icon" type="image/png" sizes="192x192" href="../assets/favicons/light/android-chrome-192x192.png" media="(prefers-color-scheme: light)"> 60 <link rel="icon" type="image/png" sizes="192x192" href="../assets/favicons/dark/android-chrome-512x512.png" media="(prefers-color-scheme: dark)"> 61 <link rel="icon" type="image/png" sizes="512x512" href="../assets/favicons/light/android-chrome-512x512.png" media="(prefers-color-scheme: light)"> 62 <link rel="icon" type="image/png" sizes="512x512" href="../assets/favicons/dark/android-chrome-512x512.png" media="(prefers-color-scheme: dark)"> 63 <link rel="apple-touch-icon" href="../assets/favicons/light/apple-touch-icon.png" media="(prefers-color-scheme: light)"> 64 <link rel="apple-touch-icon" href="../assets/favicons/dark/apple-touch-icon.png" media="(prefers-color-scheme: dark)"> 65 <link rel="manifest" href="../assets/favicons/light/site.webmanifest" media="(prefers-color-scheme: light)"> 66 <link rel="manifest" href="../assets/favicons/dark/site.webmanifest" media="(prefers-color-scheme: dark)"> 67 68 <!-- External Resources --> 69 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" /> 70 <link rel="preload" href="../assets/fonts/superbrigadecond.ttf" as="font" type="font/woff2" crossorigin> 71 72 <!-- Stylesheets --> 73 <link rel="stylesheet" href="../assets/css/main.css"> 74 <style> 75 @font-face { 76 font-family: 'NeueHaasGrotesk'; 77 src: url('../assets/fonts/neuehaasgrotdispround-75bold.otf') format('opentype'); 78 font-weight: 700; 79 font-style: normal; 80 font-display: swap; 81 } 82 @font-face { 83 font-family: 'SuperBrigadeCond'; 84 src: url('../assets/fonts/superbrigadecond.ttf') format('truetype'); 85 font-weight: normal; 86 font-style: normal; 87 font-display: swap; 88 } 89 90 html, body { 91 height: 100%; 92 background: #fff; 93 color: #111; 94 font-family: 'NeueHaasGrotesk', Helvetica, Arial, sans-serif; 95 margin: 0; 96 padding: 0; 97 min-height: 100vh; 98 scroll-behavior: smooth; 99 overflow-x: hidden; 100 cursor: none !important; 101 } 102 103 body { 104 opacity: 1; 105 transition: opacity 0.4s; 106 } 107 108 body.fade { 109 opacity: 0; 110 transition: opacity 0.4s; 111 } 112 113 a, button, *:hover, *:active, *:focus { 114 cursor: none !important; 115 } 116 117 * { 118 box-sizing: border-box; 119 user-select: none !important; 120 -webkit-user-select: none !important; 121 -ms-user-select: none !important; 122 -moz-user-select: none !important; 123 -webkit-user-drag: none !important; 124 touch-action: manipulation; 125 } 126 127 .custom-cursor { 128 position: fixed; 129 width: 20px; 130 height: 20px; 131 background-color: #111; 132 border-radius: 50%; 133 pointer-events: none; 134 z-index: 10003; 135 transition: transform 0.15s, background-color 0.25s; 136 transform: translate(-50%, -50%) scale(1); 137 } 138 139 .custom-cursor.expand { 140 transform: translate(-50%, -50%) scale(2.5); 141 background-color: #11111144; 142 } 143 144 .custom-cursor.cursor-hover { 145 transform: translate(-50%, -50%) scale(1.5); 146 background-color: #111111cc; 147 } 148 149 /* Hide custom cursor on mobile devices */ 150 @media (max-width: 768px) { 151 .custom-cursor { 152 display: none !important; 153 } 154 html, body { 155 cursor: none !important; 156 } 157 * { 158 cursor: none !important; 159 } 160 } 161 162 .main-header { 163 position: fixed; 164 top: 0; 165 left: 0; 166 width: 100vw; 167 background: #000; 168 color: #fff; 169 z-index: 9999; 170 display: flex; 171 flex-direction: row; 172 align-items: center; 173 justify-content: center; 174 padding: 0.4rem 0 0.2rem 0; 175 border-bottom: 1px solid #222; 176 min-height: 35px; 177 } 178 179 .main-header-title { 180 font-family: 'SuperBrigadeCond', sans-serif; 181 font-size: 1.1rem; 182 letter-spacing: 0.05em; 183 text-align: center; 184 font-weight: bold; 185 margin: 0 auto; 186 position: absolute; 187 left: 50%; 188 transform: translateX(-50%); 189 width: auto; 190 } 191 192 .privacy-section { 193 min-height: 100vh; 194 width: 100vw; 195 display: flex; 196 flex-direction: column; 197 align-items: center; 198 justify-content: flex-start; 199 padding-top: 4rem; 200 padding-bottom: 2rem; 201 box-sizing: border-box; 202 position: relative; 203 } 204 205 .privacy-hero { 206 width: 100vw; 207 padding: 4vw 8vw; 208 text-align: center; 209 margin-bottom: 2vw; 210 } 211 212 .privacy-title { 213 font-family: 'SuperBrigadeCond', sans-serif; 214 font-size: 4vw; 215 font-weight: 900; 216 letter-spacing: -0.01em; 217 margin-bottom: 1vw; 218 line-height: 1.05; 219 color: #111; 220 } 221 222 .privacy-subtitle { 223 font-family: 'NeueHaasGrotesk', Helvetica, Arial, sans-serif; 224 font-size: 1.9vw; 225 font-weight: 700; 226 color: #111; 227 margin-bottom: 2vw; 228 line-height: 1.1; 229 } 230 231 .privacy-description { 232 font-family: 'NeueHaasGrotesk', Helvetica, Arial, sans-serif; 233 font-size: 1.2vw; 234 font-weight: 500; 235 color: #666; 236 max-width: 60vw; 237 margin: 0 auto; 238 line-height: 1.4; 239 } 240 241 .privacy-content { 242 width: 100vw; 243 padding: 0 8vw; 244 max-width: 1200px; 245 margin: 0 auto; 246 } 247 248 .privacy-section-content { 249 margin-bottom: 4vw; 250 } 251 252 .privacy-section-title { 253 font-family: 'SuperBrigadeCond', sans-serif; 254 font-size: 2.5vw; 255 font-weight: 900; 256 color: #111; 257 margin-bottom: 2vw; 258 letter-spacing: 0.01em; 259 } 260 261 .privacy-section-subtitle { 262 font-family: 'SuperBrigadeCond', sans-serif; 263 font-size: 1.8vw; 264 font-weight: 900; 265 color: #111; 266 margin-bottom: 1.5vw; 267 margin-top: 3vw; 268 } 269 270 .privacy-text { 271 font-family: 'NeueHaasGrotesk', Helvetica, Arial, sans-serif; 272 font-size: 1.1vw; 273 line-height: 1.7; 274 color: #333; 275 margin-bottom: 1.5vw; 276 } 277 278 .privacy-list { 279 margin-bottom: 2vw; 280 padding-left: 2vw; 281 } 282 283 .privacy-list li { 284 font-family: 'NeueHaasGrotesk', Helvetica, Arial, sans-serif; 285 font-size: 1.1vw; 286 line-height: 1.7; 287 color: #333; 288 margin-bottom: 1vw; 289 } 290 291 .privacy-highlight { 292 background: #f8f8f8; 293 padding: 2vw; 294 border-radius: 1vw; 295 border-left: 4px solid #111; 296 margin: 2vw 0; 297 } 298 299 .privacy-highlight-text { 300 font-family: 'NeueHaasGrotesk', Helvetica, Arial, sans-serif; 301 font-size: 1vw; 302 line-height: 1.6; 303 color: #555; 304 font-style: italic; 305 } 306 307 .back-btn { 308 display: block; 309 margin: 2.5rem auto 0 auto; 310 background: #111; 311 color: #fff; 312 border: 2px solid #111; 313 border-radius: 0.8vw; 314 font-family: 'NeueHaasGrotesk', Helvetica, Arial, sans-serif; 315 font-size: 1.1rem; 316 font-weight: 800; 317 padding: 0.8rem 2rem; 318 box-shadow: 0 4px 16px rgba(0,0,0,0.15); 319 cursor: pointer; 320 text-decoration: none; 321 transition: all 0.3s ease; 322 opacity: 1; 323 position: relative; 324 z-index: 10; 325 text-transform: uppercase; 326 letter-spacing: 0.05em; 327 } 328 329 .back-btn:hover { 330 background: #fff; 331 color: #111; 332 border: 2px solid #111; 333 opacity: 1; 334 transform: translateY(-2px); 335 box-shadow: 0 6px 20px rgba(0,0,0,0.2); 336 } 337 338 /* Newsletter Form Styles */ 339 .newsletter-form { 340 display: flex; 341 gap: 1vw; 342 margin-top: 1vw; 343 } 344 345 .newsletter-input { 346 flex: 1; 347 padding: 0.8vw 1.2vw; 348 border: 2px solid #333; 349 border-radius: 0.5vw; 350 font-family: 'NeueHaasGrotesk', Helvetica, Arial, sans-serif; 351 font-size: 0.9vw; 352 background: #000; 353 color: #fff; 354 transition: border-color 0.2s; 355 } 356 357 .newsletter-input:focus { 358 outline: none; 359 border-color: #fff; 360 } 361 362 .newsletter-input::placeholder { 363 color: #999; 364 } 365 366 .newsletter-button { 367 background: #fff; 368 color: #000; 369 border: none; 370 padding: 0.8vw 1.2vw; 371 border-radius: 0.5vw; 372 font-family: 'NeueHaasGrotesk', Helvetica, Arial, sans-serif; 373 font-size: 0.9vw; 374 font-weight: 700; 375 cursor: pointer; 376 transition: all 0.2s; 377 white-space: nowrap; 378 } 379 380 .newsletter-button:hover { 381 background: #ccc; 382 transform: translateY(-1px); 383 } 384 385 /* Mobile Responsive Styles */ 386 @media (max-width: 900px) { 387 .privacy-title { font-size: 2.5rem; } 388 .privacy-subtitle { font-size: 1.5rem; } 389 .privacy-description { font-size: 1.1rem; max-width: 90vw; } 390 .privacy-content { padding: 0 4vw; } 391 .privacy-section-title { font-size: 2rem; } 392 .privacy-section-subtitle { font-size: 1.5rem; } 393 .privacy-text, .privacy-list li { font-size: 1rem; } 394 .privacy-highlight { padding: 1.5rem; } 395 .privacy-highlight-text { font-size: 0.9rem; } 396 .newsletter-form { flex-direction: column; gap: 1rem; } 397 .newsletter-input, .newsletter-button { font-size: 1rem; padding: 0.8rem 1.2rem; } 398 } 399 400 @media (max-width: 600px) { 401 .privacy-section { padding-top: 2.5rem; } 402 .privacy-hero { padding: 2rem 4vw; } 403 .privacy-title { font-size: 2rem; } 404 .privacy-subtitle { font-size: 1.3rem; } 405 .privacy-description { font-size: 1rem; } 406 .privacy-content { padding: 0 4vw; } 407 .privacy-section-title { font-size: 1.8rem; } 408 .privacy-section-subtitle { font-size: 1.4rem; } 409 .privacy-text, .privacy-list li { font-size: 0.9rem; } 410 .privacy-highlight { padding: 1rem; } 411 .privacy-highlight-text { font-size: 0.8rem; } 412 .newsletter-form { flex-direction: column; gap: 0.8rem; } 413 .newsletter-input, .newsletter-button { font-size: 0.9rem; padding: 0.8rem; } 414 } 415 </style> 416 </head> 417 <body> 418 <div class="custom-cursor" id="cursor"></div> 419 420 <header class="main-header"> 421 <a href="../index.html" class="main-header-title" style="text-decoration: none; color: inherit;">PROOFOFCONCEPT</a> 422 <div class="hamburger-icon"> 423 <i class="fas fa-bars"></i> 424 </div> 425 </header> 426 427 <!-- Side Menu --> 428 <div class="side-menu" id="side-menu"> 429 <div class="side-menu-header"> 430 <div class="side-menu-close"> 431 <i class="fas fa-times"></i> 432 </div> 433 </div> 434 <nav class="side-menu-nav"> 435 <a href="../films/streaming.html" class="side-menu-link">WATCH</a> 436 <a href="../blog/" class="side-menu-link">READ</a> 437 <a href="store.html" class="side-menu-link">SHOP</a> 438 <div class="menu-spacer"></div> 439 <a href="contribute.html" class="side-menu-link">CONTRIBUTE</a> 440 <a href="digifest.html" class="side-menu-link">DIGIFEST</a> 441 <div class="menu-spacer"></div> 442 <a href="about.html" class="side-menu-link">ABOUT</a> 443 <a href="faq.html" class="side-menu-link">FAQ</a> 444 </nav> 445 <div class="side-menu-footer"> 446 <div class="side-menu-bottom-nav"> 447 <a href="terms.html" class="side-menu-link side-menu-bottom-link">TERMS OF USE</a> 448 <a href="privacy" class="side-menu-link side-menu-bottom-link">PRIVACY POLICY</a> 449 </div> 450 <div class="side-menu-social"> 451 <a href="mailto:contact@proof-of-concept.ca" class="side-menu-social-link"> 452 <i class="fas fa-envelope"></i> 453 </a> 454 <a href="https://instagram.com/proof__concept" target="_blank" class="side-menu-social-link"> 455 <i class="fab fa-instagram"></i> 456 </a> 457 <a href="https://x.com/proof__concept" target="_blank" class="side-menu-social-link"> 458 <i class="fab fa-x-twitter"></i> 459 </a> 460 <a href="https://github.com/PROOFOFCONCEPT-Productions" target="_blank" class="side-menu-social-link"> 461 <i class="fab fa-github"></i> 462 </a> 463 </div> 464 </div> 465 </div> 466 467 <!-- Side Menu Overlay --> 468 <div class="side-menu-overlay" id="side-menu-overlay"></div> 469 470 <main class="privacy-section" id="main-section"> 471 <div class="privacy-hero"> 472 <h1 class="privacy-title">Privacy Policy</h1> 473 <p class="privacy-subtitle">Data Protection & Privacy</p> 474 <p class="privacy-description">Learn how we protect your data and privacy while delivering cutting-edge experimental films, interactive cinema experiences, and AI-powered entertainment.</p> 475 </div> 476 477 <div class="privacy-content"> 478 <div class="privacy-section-content"> 479 <h2 class="privacy-section-title">1. Introduction</h2> 480 <p class="privacy-text">At PROOFOFCONCEPT, we are committed to protecting your privacy and ensuring the security of your personal information. This Privacy Policy explains how we collect, use, disclose, and safeguard your information when you visit our website, use our services, or participate in our experimental film projects.</p> 481 482 <p class="privacy-text">This policy applies to all visitors, users, and participants of our services, including but not limited to our website, interactive cinema experiences, community film projects, streaming services, and merchandise store.</p> 483 484 <h3 class="privacy-section-subtitle">2. Information We Collect</h3> 485 <p class="privacy-text">We collect information that you provide directly to us, as well as information that is automatically collected when you use our services:</p> 486 487 <h4 class="privacy-section-subtitle">Personal Information</h4> 488 <ul class="privacy-list"> 489 <li><strong>Contact Information:</strong> Name, email address, and phone number when you contact us or sign up for newsletters</li> 490 <li><strong>Account Information:</strong> Username, password, and profile details if you create an account for interactive experiences</li> 491 <li><strong>Communication Data:</strong> Messages, feedback, and correspondence you send to us</li> 492 <li><strong>Community Contributions:</strong> Content you contribute to our #COMMUNITYFILM projects and interactive experiences</li> 493 </ul> 494 495 <h4 class="privacy-section-subtitle">Automatically Collected Information</h4> 496 <ul class="privacy-list"> 497 <li><strong>Usage Data:</strong> How you interact with our website, films, and interactive content</li> 498 <li><strong>Technical Information:</strong> IP address, browser type, device information, and operating system</li> 499 <li><strong>Interaction Data:</strong> Your choices, preferences, and behavior in interactive cinema experiences</li> 500 <li><strong>Performance Data:</strong> Loading times, errors, and technical performance metrics</li> 501 </ul> 502 503 <h3 class="privacy-section-subtitle">3. How We Use Your Information</h3> 504 <p class="privacy-text">We use the information we collect to provide, improve, and personalize our services:</p> 505 506 <ul class="privacy-list"> 507 <li><strong>Service Delivery:</strong> Providing access to our films, interactive experiences, and community projects</li> 508 <li><strong>Personalization:</strong> Tailoring content and experiences based on your preferences and interactions</li> 509 <li><strong>Communication:</strong> Sending updates about new releases, events, and project developments</li> 510 <li><strong>Community Engagement:</strong> Facilitating participation in collaborative film projects and discussions</li> 511 <li><strong>Technical Improvement:</strong> Analyzing usage patterns to enhance our platforms and user experience</li> 512 <li><strong>Legal Compliance:</strong> Meeting legal obligations and protecting our rights and the rights of others</li> 513 </ul> 514 515 <h3 class="privacy-section-subtitle">4. Interactive Experiences and AI Content</h3> 516 <p class="privacy-text">Our interactive cinema experiences and AI-powered content may collect additional data to provide personalized experiences:</p> 517 518 <ul class="privacy-list"> 519 <li><strong>Choice Tracking:</strong> Recording your decisions and preferences in choose-your-own-adventure experiences</li> 520 <li><strong>Behavioral Analysis:</strong> Analyzing interaction patterns to improve content and user experience</li> 521 <li><strong>Content Adaptation:</strong> Using AI to adjust storylines and experiences based on your preferences</li> 522 <li><strong>Community Integration:</strong> Incorporating your contributions into collaborative film projects</li> 523 </ul> 524 525 <div class="privacy-highlight"> 526 <p class="privacy-highlight-text">Note: AI-powered experiences analyze your interactions to provide more engaging and personalized content. This data is used solely to improve your experience and is not shared with third parties.</p> 527 </div> 528 529 <h3 class="privacy-section-subtitle">5. Community Film Participation</h3> 530 <p class="privacy-text">When you participate in our #COMMUNITYFILM projects, you may contribute content that becomes part of our collaborative experiences:</p> 531 532 <ul class="privacy-list"> 533 <li><strong>Content Rights:</strong> By contributing, you grant us rights to use your content in our projects</li> 534 <li><strong>Attribution:</strong> We will credit contributors when possible and appropriate</li> 535 <li><strong>Community Guidelines:</strong> All contributions must comply with our community standards</li> 536 <li><strong>Content Moderation:</strong> We reserve the right to remove inappropriate content</li> 537 </ul> 538 539 <h3 class="privacy-section-subtitle">6. Information Sharing and Disclosure</h3> 540 <p class="privacy-text">We do not sell, trade, or rent your personal information to third parties. We may share your information in the following circumstances:</p> 541 542 <ul class="privacy-list"> 543 <li><strong>Service Providers:</strong> With trusted partners who help us operate our platforms and deliver our services</li> 544 <li><strong>Legal Requirements:</strong> When required by law or to protect our rights and safety</li> 545 <li><strong>Business Transfers:</strong> In connection with a merger, acquisition, or sale of assets</li> 546 <li><strong>Community Projects:</strong> Your contributions may be shared as part of collaborative film experiences</li> 547 <li><strong>With Your Consent:</strong> When you explicitly authorize us to share your information</li> 548 </ul> 549 550 <h3 class="privacy-section-subtitle">7. Data Security</h3> 551 <p class="privacy-text">We implement appropriate technical and organizational measures to protect your personal information:</p> 552 553 <ul class="privacy-list"> 554 <li><strong>Encryption:</strong> Data transmission is encrypted using industry-standard protocols</li> 555 <li><strong>Access Controls:</strong> Limited access to personal information on a need-to-know basis</li> 556 <li><strong>Regular Monitoring:</strong> Continuous security monitoring and threat detection</li> 557 <li><strong>Data Minimization:</strong> Collecting only the information necessary for our services</li> 558 <li><strong>Regular Updates:</strong> Keeping our security measures current with industry best practices</li> 559 </ul> 560 561 <h3 class="privacy-section-subtitle">8. Your Rights and Choices</h3> 562 <p class="privacy-text">You have the following rights regarding your personal information:</p> 563 564 <ul class="privacy-list"> 565 <li><strong>Access:</strong> Request a copy of the personal information we hold about you</li> 566 <li><strong>Correction:</strong> Request correction of inaccurate or incomplete information</li> 567 <li><strong>Deletion:</strong> Request deletion of your personal information (subject to legal requirements)</li> 568 <li><strong>Portability:</strong> Request transfer of your data to another service provider</li> 569 <li><strong>Objection:</strong> Object to certain types of data processing</li> 570 <li><strong>Withdrawal:</strong> Withdraw consent for data processing where applicable</li> 571 </ul> 572 573 <h3 class="privacy-section-subtitle">9. Cookies and Tracking Technologies</h3> 574 <p class="privacy-text">We use cookies and similar technologies to enhance your experience and analyze usage patterns:</p> 575 576 <ul class="privacy-list"> 577 <li><strong>Essential Cookies:</strong> Required for basic website functionality and security</li> 578 <li><strong>Performance Cookies:</strong> Help us understand how visitors use our website</li> 579 <li><strong>Functional Cookies:</strong> Remember your preferences and settings</li> 580 <li><strong>Analytics Cookies:</strong> Provide insights into website performance and user behavior</li> 581 </ul> 582 583 <p class="privacy-text">You can control cookie settings through your browser preferences. However, disabling certain cookies may affect the functionality of our services.</p> 584 585 <h3 class="privacy-section-subtitle">10. Third-Party Services</h3> 586 <p class="privacy-text">Our services may integrate with third-party platforms and services:</p> 587 588 <ul class="privacy-list"> 589 <li><strong>Social Media:</strong> Integration with platforms like Instagram, Twitter, and GitHub</li> 590 <li><strong>Analytics:</strong> Google Analytics and other analytics services</li> 591 <li><strong>Hosting:</strong> Cloud hosting and content delivery networks</li> 592 <li><strong>Payment Processing:</strong> Secure payment processing for merchandise purchases</li> 593 </ul> 594 595 <p class="privacy-text">These third-party services have their own privacy policies, and we encourage you to review them.</p> 596 597 <h3 class="privacy-section-subtitle">11. Data Retention</h3> 598 <p class="privacy-text">We retain your personal information for as long as necessary to provide our services and fulfill the purposes outlined in this policy:</p> 599 600 <ul class="privacy-list"> 601 <li><strong>Account Data:</strong> Retained while your account is active and for a reasonable period after deactivation</li> 602 <li><strong>Community Contributions:</strong> Retained as part of our project archives and community history</li> 603 <li><strong>Communication Data:</strong> Retained for customer service and legal compliance purposes</li> 604 <li><strong>Analytics Data:</strong> Retained in aggregated form for service improvement</li> 605 </ul> 606 607 <h3 class="privacy-section-subtitle">12. International Data Transfers</h3> 608 <p class="privacy-text">PROOFOFCONCEPT is based in Canada, and your information is processed in accordance with Canadian privacy laws. If you are located outside Canada, please be aware that your information may be transferred to and processed in Canada.</p> 609 610 <h3 class="privacy-section-subtitle">13. Children's Privacy</h3> 611 <p class="privacy-text">Our services are not intended for children under the age of 13. We do not knowingly collect personal information from children under 13. If you are a parent or guardian and believe your child has provided us with personal information, please contact us immediately.</p> 612 613 <h3 class="privacy-section-subtitle">14. Changes to This Policy</h3> 614 <p class="privacy-text">We may update this Privacy Policy from time to time to reflect changes in our practices, technology, or legal requirements. We will notify you of any material changes by:</p> 615 616 <ul class="privacy-list"> 617 <li>Posting the updated policy on our website</li> 618 <li>Updating the "Last Updated" date</li> 619 <li>Sending email notifications for significant changes</li> 620 <li>Providing notice through our services when appropriate</li> 621 </ul> 622 623 <h3 class="privacy-section-subtitle">15. Contact Information</h3> 624 <p class="privacy-text">If you have any questions about this Privacy Policy or our data practices, please contact us:</p> 625 626 <div class="privacy-highlight"> 627 <p class="privacy-highlight-text">Email: contact@proof-of-concept.ca<br> 628 Website: https://proof-of-concept.ca<br> 629 Based in Canada</p> 630 </div> 631 632 <p class="privacy-text">We will respond to your inquiry within a reasonable timeframe and work to address any concerns you may have about your privacy.</p> 633 634 <p class="privacy-text"><strong>Last updated:</strong> January 2025</p> 635 </div> 636 </div> 637 638 <a href="../index.html" class="back-btn" aria-label="Back to home">Back</a> 639 </main> 640 641 <!-- INFO Section --> 642 <section class="info-section"> 643 <div class="info-content"> 644 <div class="info-left"> 645 <h2 class="info-header">ABOUT</h2> 646 <p class="info-paragraph">PROOFOFCONCEPT is a multidisciplinary media studio focused on unconventional approaches to film which integrate new ideas and state-of-the-art technology, immersing the viewer into the media experience.</p> 647 </div> 648 649 <div class="info-center"> 650 <h2 class="info-header">INFO</h2> 651 <div class="info-links"> 652 <a href="../blog/" class="info-link">Articles</a> 653 <a href="privacy" class="info-link">Privacy Policy</a> 654 <a href="about.html" class="info-link">About</a> 655 <a href="faq.html" class="info-link">FAQ</a> 656 </div> 657 </div> 658 659 <!-- Newsletter Signup --> 660 <div class="info-newsletter"> 661 <h2 class="info-header">STAY UPDATED</h2> 662 <form class="newsletter-form" id="newsletter-form"> 663 <input type="email" class="newsletter-input" placeholder="Enter your email" required> 664 <button type="submit" class="newsletter-button">Subscribe</button> 665 </form> 666 </div> 667 668 <div class="info-right"> 669 <h2 class="info-header">CONTACT</h2> 670 <div class="info-email"><a href="mailto:contact@proof-of-concept.ca">contact@proof-of-concept.ca</a></div> 671 <div class="info-icons"> 672 <a href="mailto:contact@proof-of-concept.ca" class="info-icon" title="Email" aria-label="Email"> 673 <i class="fa-solid fa-envelope"></i> 674 </a> 675 <a href="https://instagram.com/proof__concept" class="info-icon" title="Instagram" aria-label="Instagram" target="_blank"> 676 <i class="fa-brands fa-instagram"></i> 677 </a> 678 <a href="https://x.com/proof__concept" class="info-icon" title="X (Twitter)" aria-label="X (Twitter)" target="_blank"> 679 <i class="fa-brands fa-x-twitter"></i> 680 </a> 681 <a href="https://github.com/PROOFOFCONCEPT-Productions" class="info-icon" title="GitHub" aria-label="GitHub" target="_blank"> 682 <i class="fa-brands fa-github"></i> 683 </a> 684 </div> 685 </div> 686 </div> 687 </section> 688 689 <script> 690 // Custom cursor functionality 691 const cursor = document.getElementById("cursor"); 692 document.addEventListener("mousemove", e => { 693 cursor.style.top = e.clientY + "px"; 694 cursor.style.left = e.clientX + "px"; 695 }); 696 document.addEventListener("mousedown", () => { 697 cursor.classList.add("expand"); 698 }); 699 document.addEventListener("mouseup", () => { 700 cursor.classList.remove("expand"); 701 }); 702 703 const allLinks = document.querySelectorAll('a, button'); 704 allLinks.forEach(link => { 705 link.addEventListener('mouseenter', () => { 706 cursor.classList.add('cursor-hover'); 707 }); 708 link.addEventListener('mouseleave', () => { 709 cursor.classList.remove('cursor-hover'); 710 }); 711 }); 712 713 // Newsletter form handling 714 document.addEventListener('DOMContentLoaded', function() { 715 const newsletterForm = document.getElementById('newsletter-form'); 716 if (newsletterForm) { 717 newsletterForm.addEventListener('submit', function(e) { 718 e.preventDefault(); 719 const email = this.querySelector('.newsletter-input').value; 720 if (email) { 721 alert('Thank you for subscribing! We\'ll keep you updated on new releases and events.'); 722 this.reset(); 723 } 724 }); 725 } 726 }); 727 728 // Fade in on load 729 document.body.classList.add('fade'); 730 window.addEventListener('DOMContentLoaded', () => { 731 document.body.classList.remove('fade'); 732 }); 733 734 // Fade out on link click 735 document.querySelectorAll('a').forEach(link => { 736 if (link.hostname === window.location.hostname) { 737 link.addEventListener('click', function(e) { 738 if (link.target === '_blank' || link.href.includes('#')) return; 739 e.preventDefault(); 740 document.body.classList.add('fade'); 741 setTimeout(() => { 742 window.location = link.href; 743 }, 400); 744 }); 745 } 746 }); 747 </script> 748 749 <!-- Scripts --> 750 <script src="../assets/js/main.js"></script> 751 </body> 752 </html>