@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#111112;--red:#e52635;--muted:#a5a5ac}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:#fff;font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:5px}.header{height:94px;position:absolute;z-index:5;inset:0 0 auto;display:flex;align-items:center;gap:54px;padding:0 5%;background:linear-gradient(#090a0bd9,transparent)}.logo{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:800;font-size:37px;letter-spacing:1px;color:var(--red)}nav{display:flex;gap:30px;font-size:14px}nav a{color:#bbb;transition:color .2s}nav a:hover,nav .active{color:white}nav .active{position:relative}nav .active:after{content:'';height:3px;width:18px;background:var(--red);position:absolute;bottom:-14px;left:0}.edition{margin-left:auto;font-size:10px;letter-spacing:2px;color:#bcbcc3}.header-cta{border:1px solid #ffffff50;padding:11px 19px;border-radius:4px;font-size:14px}.header-cta span{padding-left:18px}.hero{height:760px;min-height:650px;position:relative;isolation:isolate;display:flex;align-items:center}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 55%;z-index:-3}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080b12f2 0%,#080b12b0 35%,#080b1210 75%),linear-gradient(0deg,var(--bg) 0%,transparent 38%,#05070b35 100%);z-index:-1}.hero-content{margin:58px 5% 0;max-width:650px}.eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:2.3px;font-weight:600}.mini-logo{font-family:'Barlow Condensed',sans-serif;font-size:32px;color:var(--red);font-weight:800}.line{width:22px;height:1px;background:#777}.hero-kicker{font-size:12px;font-weight:500;letter-spacing:4px;margin:32px 0 10px;color:#c2c8d1}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(65px,7.7vw,110px);line-height:.94;letter-spacing:-1px;font-weight:800;margin:0 0 28px}h1 span{color:#e0e5ed}.metadata{display:flex;gap:15px;align-items:center;font-size:13px;color:#c2c2c8}.match{color:#97c8af;font-weight:600}.age,.quality{border:1px solid #777;padding:1px 5px;font-size:11px}.description{color:#c3c4ca;max-width:430px;font-size:16px;line-height:1.8;margin:20px 0 25px}.hero-actions{display:flex;gap:12px}.button{border:0;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 24px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:#fff;color:#101114}.primary:hover{background:#dedee0}.secondary{color:white;background:#ffffff20;backdrop-filter:blur(10px)}.secondary:hover{background:#ffffff30}.info-icon{border:1.5px solid white;border-radius:50%;height:19px;width:19px;font-size:12px;display:grid;place-items:center}.hero-genres{font-size:10px;letter-spacing:2px;color:#93959f;margin-top:30px}.hero-genres span{margin:0 12px;color:var(--red)}.hero-side{position:absolute;right:5%;bottom:130px;display:flex;align-items:center;gap:30px;flex-direction:column}.vertical-text{writing-mode:vertical-rl;letter-spacing:3px;font-size:10px;color:#c7c9d0}.slide-number{font-size:20px;font-weight:600}.slide-number span{font-size:12px;color:#92959f}.hero-bottom{position:absolute;bottom:33px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center}.slide-line{width:110px;height:2px;background:#ffffff35}.slide-line i{display:block;width:36px;height:2px;background:var(--red)}.hero-bottom a{font-size:9px;letter-spacing:2px;color:#a7a8af}.hero-bottom a span{margin-left:15px;font-size:18px}.catalog{padding:28px 5% 25px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:23px}.section-kicker{font-size:10px;letter-spacing:2px;color:#92929a;font-weight:600}h2{font-size:25px;letter-spacing:-.7px;margin:7px 0 0}.arrows{display:flex;gap:8px}.arrows button{border:1px solid #ffffff25;background:transparent;color:white;border-radius:50%;width:34px;height:34px}.arrows button:hover{background:#ffffff15}.card-row{display:flex;gap:18px;overflow:auto;scrollbar-width:none;scroll-snap-type:x mandatory;padding:6px 2px 14px}.card-row::-webkit-scrollbar{display:none}.card{border:0;text-align:left;padding:0;color:white;background:transparent;flex:0 0 calc((100% - 54px)/4);min-width:230px;scroll-snap-align:start}.card-art{height:175px;position:relative;overflow:hidden;border-radius:5px;background:#263043}.card-art img,.poster img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.card:hover img,.poster:hover img{transform:scale(1.07)}.card-art:after,.poster:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000a,transparent 80%)}.card:nth-child(2) img{filter:sepia(.7);object-position:10% 80%;transform:scale(1.6)}.card:nth-child(3) img{filter:hue-rotate(45deg);object-position:90% 30%;transform:scale(1.35)}.card:nth-child(4) img{filter:grayscale(1);object-position:60% 90%;transform:scale(1.7)}.badge{position:absolute;z-index:1;top:12px;left:12px;font-family:'Barlow Condensed',sans-serif;font-size:23px;font-weight:800;color:var(--red)}.new-label{position:absolute;z-index:1;right:12px;top:14px;background:var(--red);padding:4px 7px;font-size:9px;font-weight:700}.art-title{position:absolute;z-index:1;bottom:19px;left:20px;right:20px;font-family:'Barlow Condensed',sans-serif;font-size:30px;font-weight:700;letter-spacing:1px}.card h3{font-size:14px;font-weight:500;margin:13px 0 5px}.card p{font-size:12px;color:#85858e;margin:0}.originals{padding-top:35px;padding-bottom:65px}.red-dot{color:var(--red)}.collection-label{font-size:10px;letter-spacing:2px;color:#777780}.original-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.poster{position:relative;height:320px;background:#242934;border:0;overflow:hidden;border-radius:5px;text-align:left;color:white;padding:0}.poster:nth-child(2) img{filter:sepia(.8) saturate(.7);transform:scale(1.6);object-position:left}.poster:nth-child(3) img{filter:grayscale(1);transform:scale(1.25)}.poster-copy{position:absolute;z-index:1;bottom:26px;left:26px}.poster-copy span{font-size:10px;letter-spacing:2px;color:#d0d0d5}.poster-copy h3{font-family:'Barlow Condensed',sans-serif;font-size:43px;line-height:1;letter-spacing:1px;margin:10px 0}.poster-copy p{font-size:12px;color:#bcbcc5;margin:10px 0 0}footer{margin:0 5%;padding:32px 0;border-top:1px solid #ffffff15;display:flex;align-items:center;gap:25px;flex-wrap:wrap}footer .logo{font-size:25px}footer p{color:#777780;font-size:12px}footer>span{margin-left:auto;color:#777780;font-size:12px}footer small{width:100%;font-size:12px;color:#666670}footer small a{text-decoration:underline}dialog{border:1px solid #ffffff20;background:#17171b;color:white;padding:0;width:min(600px,90vw);border-radius:10px;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.close{position:absolute;right:14px;top:14px;background:#111b;color:white;border:0;border-radius:50%;width:36px;height:36px;font-size:25px;z-index:2}.dialog-image{height:220px;background:linear-gradient(0deg,#17171b,transparent),url('assets/hero.jpg') center/cover}.dialog-content{padding:20px 30px 35px}.dialog-content h2{font-size:32px}.dialog-content p{color:#bcbcc5;line-height:1.8}.demo-note{font-size:13px;color:#ed7180}@media(min-width:1600px){.hero{height:850px}.card-art{height:220px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(max-width:900px){.header{gap:30px}.edition{display:none}.header-cta{margin-left:auto}nav{gap:20px}.hero{height:720px}.card{flex-basis:40%}.collection-label{display:none}.poster{height:280px}.poster-copy{left:20px}.poster-copy h3{font-size:33px}}@media(max-width:600px){.header{height:80px;padding:0 6%;gap:20px}.logo{font-size:30px}nav{margin-left:auto}nav a{font-size:12px}nav a:first-child,nav a:last-child,.header-cta{display:none}.hero{height:730px;min-height:0}.hero-image{object-position:65%}.hero:before{background:linear-gradient(90deg,#080b12ce,#080b1250),linear-gradient(0deg,var(--bg),transparent 70%)}.hero-content{margin:30px 6% 0}.hero-kicker{font-size:10px;letter-spacing:2px}h1{font-size:73px}.eyebrow{font-size:9px;letter-spacing:1.5px}.metadata{gap:11px;font-size:11px}.description{font-size:15px;max-width:340px}.hero-actions{gap:9px}.button{font-size:12px;padding:14px 15px;gap:8px}.hero-side{display:none}.hero-bottom{left:6%;right:6%}.catalog{padding-left:6%;padding-right:6%}h2{font-size:23px}.card{flex-basis:78%;min-width:0}.card-art{height:170px}.original-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory}.poster{flex:0 0 76%;height:330px;scroll-snap-align:start}.poster-copy h3{font-size:42px}.originals{padding-bottom:40px}footer{margin:0 6%;gap:10px 20px}footer p{width:calc(100% - 130px)}footer>span{margin-left:0}}
/* Project catalog and language selection */
.language-control{margin-left:auto;display:flex;align-items:center;gap:8px}.language-label{font-size:12px;color:#aaa}.language-control select{background:#17171bd9;color:white;border:1px solid #ffffff40;padding:10px 12px;border-radius:4px;font:inherit;font-size:14px;max-width:135px}.hero-content{max-width:850px}h1{font-size:clamp(58px,6.5vw,94px)}.card p{line-height:1.6;font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-art .art-title{font-size:25px;bottom:35px;text-shadow:0 2px 10px #000}.project-action{position:absolute;bottom:12px;left:20px;z-index:1;font-size:12px;color:#ddd}.card:nth-child(n) img,.poster:nth-child(n) img{filter:none;transform:none;object-position:center}.card:hover img,.poster:hover img{transform:scale(1.05)}.poster-copy h3{font-size:34px}.original-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-links{display:flex;flex-wrap:wrap;gap:10px}.hero-genres{word-spacing:7px}.metadata .quality{font-size:12px}.header{gap:30px}.slide-number{display:none}@media(max-width:900px){.language-label{display:none}.header{gap:20px}nav{gap:15px}.header-cta{display:none}}@media(max-width:600px){.header{gap:12px}.header nav{margin-left:auto}.language-control{margin-left:0}.language-control select{max-width:111px;font-size:12px;padding:9px}.hero-content{margin-top:45px}h1{font-size:clamp(45px,10.5vw,63px);letter-spacing:-.5px;line-height:1}.description{line-height:1.7}.hero-genres{letter-spacing:1px;font-size:9px}.poster-copy h3{font-size:34px}.original-grid{display:flex}.card-art .art-title{font-size:25px}} 
.about-section{margin:15px 5% 70px;padding:65px 0 20px;border-top:1px solid #ffffff20;display:grid;grid-template-columns:1fr 1.6fr;gap:70px}.about-heading h2{font-size:36px;margin-top:12px}.developer-handle{display:block;font-family:'Barlow Condensed',sans-serif;font-size:70px;color:#e52635;letter-spacing:1px;margin-top:24px}.about-copy h3{font-size:30px;margin:12px 0 20px}.about-copy p{font-size:16px;line-height:1.85;color:#aaaab5;max-width:650px}.stack-tags{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.stack-tags span{font-size:13px;border:1px solid #ffffff20;padding:8px 12px;border-radius:4px;color:#c2c2cc}.social-links{display:flex;gap:24px;flex-wrap:wrap;font-size:14px}.social-links a:hover,.footer-links a:hover{color:#ef7180}.contact-block{border-top:1px solid #ffffff15;margin-top:35px;padding-top:20px}.contact-block h3{font-size:24px}.contact-email{font-size:16px;border-bottom:1px solid var(--red);padding-bottom:6px;display:inline-block;overflow-wrap:anywhere}.footer-links{width:100%;display:flex;flex-wrap:wrap;gap:25px;font-size:14px;color:#aaaab5;margin-top:14px}.legal-header{position:relative;background:#111112}.legal-header .language-control{margin-left:auto}.legal-main{max-width:850px;margin:50px auto 80px;padding:0 6%}.legal-back{font-size:14px;color:#aaaab5}.legal-main h1{font-family:'DM Sans',sans-serif;font-size:clamp(32px,5vw,46px);letter-spacing:-1px;line-height:1.2;margin:35px 0 12px}.legal-updated{font-size:14px;color:#888894}.legal-sections{margin-top:45px}.legal-sections section{margin-bottom:35px}.legal-sections h2{font-size:21px;letter-spacing:0}.legal-sections p{font-size:16px;line-height:1.9;color:#b1b1bd}.legal-contact{color:#fff;text-decoration:underline;overflow-wrap:anywhere}@media(max-width:900px){.about-section{gap:35px;grid-template-columns:1fr 1.5fr}.developer-handle{font-size:55px}}@media(max-width:600px){.about-section{margin:15px 6% 45px;padding-top:40px;grid-template-columns:1fr;gap:25px}.about-heading h2{font-size:30px}.developer-handle{font-size:54px;margin-top:10px}.social-links{gap:16px}.legal-main{margin-top:25px}.legal-header{padding:0 6%}.legal-main h1{font-size:32px}}
/* Keep translated brand headlines within the hero column. */
.hero h1 span{font-size:.78em;line-height:1.08;display:inline-block;max-width:100%;overflow-wrap:normal}