/* Le head historique est protégé. Cette feuille, chargée dans le body, isole la nouvelle interface. */
body.studio-site { --ink:#f7f8fc; --muted:#a0a4b4; --line:#282a36; --surface:#14151e; --cyan:#6ce8ed; --pink:#ed83dc; background:#0c0d13; color:var(--ink); font-family:'Poppins','Nirmala UI',sans-serif; overflow-x:clip; }
.studio-site :where(h1,h2,h3,p,ul,figure){margin:0;padding:0}
.studio-site :where(a,button,select){-webkit-tap-highlight-color:transparent}
.studio-site a{text-decoration:none}
.studio-site button,.studio-site select{font:inherit}
.studio-site button{cursor:pointer}
.studio-site :focus-visible{outline:2px solid var(--cyan);outline-offset:5px}
.studio-site [hidden]{display:none!important}
.studio-site img{display:block;max-width:100%;height:auto}
.studio-site .wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}
.studio-site .site-header{border-bottom:1px solid var(--line);background:#0c0d13;position:relative;z-index:10}
.studio-site .header-row{min-height:98px;display:flex;gap:36px;align-items:center;justify-content:space-between}
.studio-site .brand{display:inline-flex;align-items:center;gap:12px;font-size:1.05rem;font-weight:700;letter-spacing:-.035em;flex-shrink:0}
.studio-site .brand-mark{display:grid;grid-template-columns:repeat(2,9px);gap:4px;transform:rotate(-9deg)}
.studio-site .brand-mark i{height:9px;background:var(--cyan);border-radius:2px}.studio-site .brand-mark i:last-child{background:var(--pink)}
.studio-site nav{position:static;inset:auto;background:none;backdrop-filter:none;border:0;padding:0;width:auto;z-index:auto}
.studio-site .main-nav{display:flex;gap:30px;align-items:center;margin-left:auto}
.studio-site .main-nav a{font-size:.875rem;color:var(--muted);padding:12px 0;white-space:nowrap}
.studio-site .main-nav a:hover,.studio-site .main-nav a[aria-current=page]{color:var(--ink)}
.studio-site .main-nav a[aria-current=page]{box-shadow:0 2px var(--cyan)}
.studio-site .language-control{display:flex;align-items:center;gap:8px;flex-shrink:0}
.studio-site .language-control svg{width:19px;color:var(--muted)}
.studio-site select{color:var(--ink);background:#171820;border:1px solid #333542;border-radius:8px;padding:9px 10px;max-width:155px;font-size:.875rem;color-scheme:dark}
.studio-site .skip-link{position:fixed;top:-100px;left:20px;background:var(--cyan);color:#0c0d13;padding:14px;z-index:100}.studio-site .skip-link:focus{top:10px}
.studio-site .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.studio-site .home-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center;min-height:645px;padding-block:64px 70px}
.studio-site .eyebrow{font-size:.75rem;letter-spacing:.14em;font-weight:600;color:var(--cyan);line-height:1.8}
.studio-site .home-copy h1{font-size:clamp(3.1rem,4.7vw,4.65rem);font-weight:600;line-height:1.13;letter-spacing:-.065em;margin:24px 0}
.studio-site h1 em{font-style:normal;color:var(--cyan)}
.studio-site .lede{font-size:1rem;line-height:1.9;color:var(--muted);max-width:540px}
.studio-site .action-row{display:flex;flex-wrap:wrap;gap:13px;align-items:center;margin-top:30px}
.studio-site .button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:14px 22px;min-height:50px;border:1px solid transparent;border-radius:9px;font-size:.875rem;font-weight:600;transition:background .2s,transform .2s}
.studio-site .button:hover{transform:translateY(-2px)}
.studio-site .button-primary{background:var(--cyan);color:#0b171c}
.studio-site .button-primary:hover{background:#a0f6f8}
.studio-site .button-secondary{border-color:#373a47;background:#191b25;color:var(--ink)}
.studio-site .text-link{display:inline-flex;gap:12px;align-items:center;font-size:.875rem;font-weight:500;border-bottom:1px solid #555868;padding-block:5px}
.studio-site .arrow{font-size:1.3rem;line-height:1}
.studio-site .hero-small{display:flex;align-items:center;gap:10px;margin-top:27px;color:var(--muted);font-size:.8125rem}
.studio-site .mini-square{width:7px;height:7px;background:var(--pink);border-radius:1px}
.studio-site .hero-art{position:relative;height:495px;min-width:0;isolation:isolate}
.studio-site .hero-art:before{content:'';position:absolute;inset:10% -8%;z-index:-1;background:radial-gradient(ellipse at 35% 45%,#71297744,transparent 60%),radial-gradient(ellipse at 70% 60%,#125b7940,transparent 60%)}
.studio-site .screen-card{position:absolute;width:216px;border:5px solid #242531;border-radius:24px;overflow:hidden;background:#000;box-shadow:0 28px 65px #0008}
.studio-site .screen-card img{width:100%;height:auto}
.studio-site .screen-back{left:0;top:25px;transform:rotate(-10deg);width:210px}
.studio-site .screen-front{right:12%;top:42px;transform:rotate(8deg);width:222px}
.studio-site .art-label{position:absolute;right:1%;top:14px;border:1px solid #383542;background:#191720;color:#eab5e4;padding:8px 13px;border-radius:7px;font-size:.75rem;letter-spacing:.13em;transform:rotate(8deg)}
.studio-site .art-caption{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:15px;font-size:.75rem;color:var(--muted)}
.studio-site .art-caption strong{font-size:1.25rem;color:var(--ink);letter-spacing:-.04em}
.studio-site .collection-section{padding:62px 0 76px;border-top:1px solid var(--line)}
.studio-site .section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:30px}
.studio-site .section-heading h2,.studio-site .studio-copy h2{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:500;letter-spacing:-.055em;line-height:1.25;margin-top:13px}
.studio-site .section-heading p:not(.eyebrow){color:var(--muted);line-height:1.8;margin-top:14px}
.studio-site .catalog-grid{display:grid;grid-template-columns:1.75fr 1fr;gap:22px}
.studio-site .app-card{border:1px solid #3b294a;border-radius:16px;display:grid;grid-template-columns:1.05fr .95fr;min-height:330px;overflow:hidden;background:radial-gradient(ellipse at 100% 0%,#261b40,transparent 75%),#15151f;transition:border-color .2s}
.studio-site .app-card:hover{border-color:#a667ae}
.studio-site .app-card-copy{padding:32px 0 32px 32px;display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:1}
.studio-site .app-category{font-size:.75rem;letter-spacing:.02em;color:#d2a8df;display:inline-block;border:1px solid #57415d;padding:4px 10px;border-radius:5px}
.studio-site .app-card h3{font-size:2.75rem;letter-spacing:-.06em;font-weight:600;margin-top:14px;line-height:1.3}
.studio-site .app-card p{font-size:1rem;color:var(--muted);line-height:1.85;margin:8px 0 22px}
.studio-site .app-card .text-link{margin-top:auto;border-bottom-color:#7d657f;font-size:.8125rem}
.studio-site .card-visual{align-self:stretch;position:relative;overflow:hidden}
.studio-site .card-visual img{width:100%;height:100%;object-fit:cover;object-position:center 26%;mix-blend-mode:screen}
.studio-site .future-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border:1px dashed #3b3c49;border-radius:16px;padding:32px;background:#111219}
.studio-site .future-icon{font-size:2.2rem;line-height:1;color:#777c91;font-weight:300;margin-bottom:22px}
.studio-site .future-card .eyebrow{color:var(--muted);font-size:.75rem}
.studio-site .future-card h3{white-space:pre-line;font-size:1.55rem;font-weight:500;line-height:1.45;letter-spacing:-.035em;margin:12px 0}
.studio-site .future-card p:not(.eyebrow){font-size:1rem;color:var(--muted);line-height:1.8}
.studio-site .future-status{margin-top:22px;font-size:.75rem;color:#c0c3cf}
.studio-site .studio-section{border-top:1px solid var(--line);padding:78px 0;display:grid;grid-template-columns:1fr 1fr;gap:10%}
.studio-site .studio-copy h2{white-space:pre-line;font-size:2.4rem}
.studio-site .studio-note{padding-top:5px}.studio-site .studio-note p{color:var(--muted);line-height:1.95;margin-bottom:22px}
.studio-site .contact-strip{padding:30px 0 50px;display:flex;align-items:center;justify-content:space-between;gap:25px}.studio-site .contact-strip h2{font-size:1.25rem;font-weight:500;letter-spacing:-.03em}.studio-site .contact-strip p{color:var(--muted);font-size:.875rem;line-height:1.8;margin-top:9px}
.studio-site .site-footer{padding:30px 0;background:#090a10;border-top:1px solid var(--line);font-size:.8125rem;color:var(--muted);text-align:left}
.studio-site .footer-top,.studio-site .footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.studio-site .footer-top{padding-bottom:28px}.studio-site .footer-top .brand{color:var(--ink)}
.studio-site .footer-links{display:flex;flex-wrap:wrap;gap:24px}.studio-site .footer-links a:hover{color:var(--cyan)}
.studio-site .footer-bottom{padding-top:22px;border-top:1px solid #20212a;font-size:.75rem}
.studio-site .page-heading{padding:64px 0 42px}.studio-site .page-heading h1{font-size:clamp(2.4rem,4.5vw,4rem);font-weight:500;line-height:1.2;letter-spacing:-.05em;margin:17px 0}.studio-site .page-heading .lede{max-width:720px}
.studio-site .collection-page .collection-section{border:0;padding-top:0}.studio-site .back-link{font-size:.875rem;color:var(--muted);display:inline-flex;gap:10px;margin-bottom:30px}
.studio-site .app-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center;padding:54px 0 64px}.studio-site .app-hero h1{font-size:clamp(2.7rem,4.3vw,4rem);letter-spacing:-.06em;font-weight:600;line-height:1.15;margin:20px 0}.studio-site .app-name{font-size:1.5rem;letter-spacing:-.03em;font-weight:600;display:block;margin-bottom:16px}
.studio-site .app-preview{padding:8px;border:1px solid #3f334f;border-radius:28px;width:250px;max-width:100%;justify-self:center;background:#191621;box-shadow:0 0 80px #98219515}.studio-site .app-preview img{border-radius:20px}
.studio-site .availability{color:var(--muted);font-size:.8125rem;padding:10px 0}.studio-site .quality-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.studio-site .quality-list span{font-size:.75rem;border:1px solid var(--line);border-radius:5px;padding:6px 10px;color:#b9bdca}
.studio-site .subnav{display:flex;flex-wrap:wrap;gap:24px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.875rem;color:var(--muted)}
.studio-site .detail-section{padding:65px 0;border-bottom:1px solid var(--line);scroll-margin-top:25px}.studio-site .detail-section h2{font-size:clamp(1.7rem,2.8vw,2.4rem);font-weight:500;letter-spacing:-.045em;line-height:1.35;margin-bottom:18px}.studio-site .section-intro{max-width:760px;line-height:1.9;color:var(--muted);margin-bottom:30px}
.studio-site .feature-list{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:35px}.studio-site .feature-item{border-top:1px solid #4b3a55;padding-top:22px}.studio-site .feature-item h3{font-size:1rem;font-weight:500;margin:13px 0}.studio-site .feature-item p{font-size:1rem;color:var(--muted);line-height:1.9}.studio-site .item-number{font-size:.8125rem;color:var(--pink)}
.studio-site .steps-list{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.studio-site .steps-list .feature-item{border-color:#355459}.studio-site .steps-list .item-number{color:var(--cyan)}
.studio-site .uses-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;list-style:none}.studio-site .uses-list li{padding:20px;background:var(--surface);border-radius:8px;font-size:.875rem}
.studio-site .mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.studio-site .mode-item{padding:26px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.studio-site .mode-item h3{font-size:1.25rem;font-weight:500;margin:12px 0}.studio-site .mode-item p{font-size:1rem;line-height:1.9;color:var(--muted)}
.studio-site .characters-row{display:grid;grid-template-columns:230px 1fr;gap:65px;align-items:center;margin-top:60px}.studio-site .characters-row img{max-height:320px;width:100%;object-fit:cover;object-position:top;border:1px solid #363444;border-radius:12px}.studio-site .characters-row p{color:var(--muted);line-height:1.9;max-width:550px}
.studio-site .gallery-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.studio-site .gallery-button{display:block;padding:0;background:#050509;border:1px solid #34333f;border-radius:12px;overflow:hidden;width:100%;transition:border .2s,transform .2s}.studio-site .gallery-button:hover{border-color:var(--cyan);transform:translateY(-4px)}.studio-site .gallery-button img{width:100%;aspect-ratio:9/18;object-fit:contain}.studio-site figcaption{color:var(--muted);font-size:.75rem;line-height:1.65;margin-top:12px}.studio-site .gallery-note{font-size:.8125rem;color:var(--muted);line-height:1.9;margin-top:25px}
.studio-site .social-note{color:var(--muted);font-size:.8125rem;margin-top:20px}
.studio-site .legal-layout{display:grid;grid-template-columns:260px 1fr;gap:65px;padding-bottom:80px}.studio-site .legal-toc{position:sticky;top:25px;align-self:start}.studio-site .legal-toc h2{font-size:.875rem;font-weight:600;margin-bottom:15px}.studio-site .legal-toc a{display:block;font-size:.8125rem;color:var(--muted);line-height:1.6;padding:7px 0}.studio-site .legal-toc a:hover{color:var(--cyan)}
.studio-site .legal-info{display:flex;gap:25px;flex-wrap:wrap;font-size:.8125rem;color:var(--muted);margin:22px 0}.studio-site .legal-notice-new{padding:24px;background:#151e27;border-left:2px solid var(--cyan);font-size:1rem;line-height:1.9;margin-bottom:20px}
.studio-site .legal-article{padding:30px 0;border-bottom:1px solid var(--line);scroll-margin-top:25px}.studio-site .legal-article h2{font-size:1.2rem;font-weight:600;margin-bottom:15px}.studio-site .legal-article h4{font-size:1rem;font-weight:600;margin:24px 0 12px;color:var(--cyan)}.studio-site .legal-article p,.studio-site .legal-article li{font-size:1rem;line-height:1.95;color:#bdc1d0}.studio-site .legal-article p+p{margin-top:12px}.studio-site .legal-article ul{padding-left:24px;margin:12px 0}.studio-site .legal-article a{color:var(--cyan);text-decoration:underline;overflow-wrap:anywhere}
.studio-site .lightbox{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:60px 20px 24px;border:0;background:#090a11f5;color:var(--ink)}.studio-site .lightbox::backdrop{background:#000a}.studio-site .lightbox-inner{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.studio-site .lightbox img{height:auto;max-height:calc(100dvh - 180px);width:auto;max-width:90vw;object-fit:contain}.studio-site .lightbox-controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:center}.studio-site .lightbox button{background:#202330;border:1px solid #444859;color:var(--ink);padding:9px 15px;border-radius:7px;font-size:.875rem}.studio-site .lightbox-close{position:absolute;right:25px;top:18px}.studio-site .lightbox-caption{font-size:.8125rem;color:var(--muted);text-align:center}
.studio-site .empty-page{min-height:50vh;padding-block:80px}.studio-site .empty-page h1{font-size:2rem;margin-bottom:25px}
.studio-site :where(.contact-strip,.footer-bottom) a{overflow-wrap:anywhere}
html:lang(hi) .studio-site :where(h1,h2,h3,.brand){letter-spacing:normal;line-height:1.5}
@media(min-width:1500px){.studio-site .hero-art{height:510px}.studio-site .screen-back{left:20px}.studio-site .screen-front{right:17%}}
@media(max-width:1100px){.studio-site .wrap{width:calc(100% - 60px)}.studio-site .header-row{gap:20px}.studio-site .main-nav{gap:20px}.studio-site .home-hero{gap:25px;min-height:590px}.studio-site .hero-art{height:435px}.studio-site .screen-back{width:180px}.studio-site .screen-front{width:185px;right:3%}.studio-site .art-label{right:0}.studio-site .art-caption{justify-content:flex-start;font-size:.75rem}.studio-site .catalog-grid{grid-template-columns:1.55fr 1fr}.studio-site .app-card-copy{padding:25px 0 25px 25px}.studio-site .future-card{padding:25px}.studio-site .feature-list{grid-template-columns:repeat(2,1fr)}.studio-site .legal-layout{gap:35px;grid-template-columns:220px 1fr}}
@media(max-width:800px){.studio-site .wrap{width:calc(100% - 40px)}.studio-site .header-row{flex-wrap:wrap;gap:8px;padding-block:18px 12px;min-height:0}.studio-site .brand{font-size:1rem}.studio-site .language-control{margin-left:auto}.studio-site .main-nav{order:3;flex-basis:100%;margin-top:7px;gap:25px}.studio-site .main-nav a{font-size:.8125rem;padding:8px 0}.studio-site .home-hero{grid-template-columns:1fr 1fr;gap:15px;padding-block:45px;min-height:535px}.studio-site .home-copy h1{font-size:2.75rem}.studio-site .eyebrow{font-size:.75rem}.studio-site .hero-art{height:370px}.studio-site .screen-back{width:150px;top:30px}.studio-site .screen-front{width:155px;top:48px;right:0}.studio-site .art-caption{bottom:0;flex-wrap:wrap;gap:3px;justify-content:center;text-align:center}.studio-site .art-caption span{flex-basis:100%}.studio-site .art-label{font-size:.75rem}.studio-site .catalog-grid{grid-template-columns:1fr}.studio-site .app-card{min-height:300px}.studio-site .card-visual img{max-height:350px}.studio-site .future-card{min-height:240px}.studio-site .future-card h3{white-space:normal}.studio-site .studio-section{gap:35px}.studio-site .app-hero{gap:30px;grid-template-columns:1fr .6fr}.studio-site .app-preview{width:200px}.studio-site .app-hero h1{font-size:2.8rem}.studio-site .legal-layout{grid-template-columns:1fr}.studio-site .legal-toc{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding-bottom:20px;border-bottom:1px solid var(--line)}.studio-site .legal-toc h2{grid-column:1/-1}.studio-site .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-site .characters-row{gap:35px;grid-template-columns:190px 1fr}.studio-site .mode-grid{gap:12px}.studio-site .mode-item{padding:20px}}
@media(max-width:580px){.studio-site .home-hero{grid-template-columns:1fr;gap:20px;padding-top:40px}.studio-site .home-copy h1{font-size:clamp(2.8rem,10vw,3.4rem);margin-block:17px}.studio-site .lede{font-size:1rem}.studio-site .home-copy .eyebrow{font-size:.75rem;letter-spacing:.12em}.studio-site .action-row{margin-top:24px}.studio-site .hero-art{width:min(330px,100%);height:400px;justify-self:center;margin-top:12px}.studio-site .screen-back{width:164px;left:16px;top:20px}.studio-site .screen-front{width:170px;right:13px;top:40px}.studio-site .art-label{right:0;top:5px}.studio-site .art-caption{bottom:0}.studio-site .section-heading{align-items:flex-start;flex-direction:column;gap:16px}.studio-site .section-heading h2{font-size:1.8rem}.studio-site .collection-section{padding-block:43px}.studio-site .app-card{grid-template-columns:1.1fr .9fr;min-height:315px}.studio-site .app-card-copy{padding:24px 0 24px 22px}.studio-site .app-card h3{font-size:2.4rem}.studio-site .app-card p{font-size:1rem}.studio-site .app-card .text-link{font-size:.875rem;gap:8px}.studio-site .card-visual img{object-position:center 25%;max-height:none}.studio-site .studio-section{grid-template-columns:1fr;gap:25px;padding-block:45px}.studio-site .studio-copy h2{font-size:2rem}.studio-site .contact-strip{align-items:flex-start;flex-direction:column}.studio-site .footer-links{gap:15px;font-size:.75rem}.studio-site .footer-bottom{gap:12px}.studio-site .app-hero{grid-template-columns:1fr;padding-top:30px;gap:40px}.studio-site .app-preview{width:230px}.studio-site .app-hero h1{font-size:2.9rem}.studio-site .back-link{margin-bottom:25px}.studio-site .subnav{gap:16px;font-size:.8125rem}.studio-site .feature-list,.studio-site .steps-list,.studio-site .mode-grid{grid-template-columns:1fr}.studio-site .feature-list{gap:18px}.studio-site .uses-list{grid-template-columns:1fr 1fr;gap:10px}.studio-site .uses-list li{padding:16px;font-size:.8125rem}.studio-site .characters-row{grid-template-columns:1fr;gap:25px;margin-top:40px}.studio-site .characters-row img{width:200px;justify-self:center}.studio-site .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.studio-site .detail-section{padding-block:45px}.studio-site .page-heading{padding-top:35px}.studio-site .page-heading h1{font-size:2.3rem}.studio-site .legal-toc{grid-template-columns:1fr}.studio-site .legal-notice-new{padding:18px}.studio-site .legal-info{gap:10px}.studio-site .legal-article h2{font-size:1.125rem}.studio-site .lightbox-controls{gap:8px}.studio-site .lightbox-controls button{font-size:.75rem}.studio-site .lightbox{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.studio-site *{animation:none!important;transition:none!important}}
@media(max-width:420px){.studio-site .header-row .brand{max-width:calc(100% - 140px);font-size:.875rem;line-height:1.35;letter-spacing:-.035em}.studio-site .header-row .brand-mark{flex-shrink:0}.studio-site .language-control{gap:5px}.studio-site .language-control select{max-width:115px;font-size:.8125rem}}
@media print{.studio-site{background:white!important;color:black!important}.studio-site .site-header,.studio-site .site-footer,.studio-site .legal-toc,.studio-site .back-link{display:none}.studio-site .legal-layout{display:block}.studio-site .wrap{width:100%}.studio-site .legal-article :where(p,li,h2,h4),.studio-site .legal-info{color:black}.studio-site .legal-notice-new{background:white}.studio-site .legal-article{break-inside:avoid}}

.studio-site :where(h1,h2,h3){overflow-wrap:anywhere;hyphens:auto}
.studio-site :where(.home-copy,.app-card-copy,.studio-note,.app-hero>div,.legal-layout>div){min-width:0}
.studio-site .upcoming-apps{display:grid;gap:22px;min-width:0;scroll-margin-top:25px}
.studio-site .catalog-track{position:relative;display:flex;gap:22px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-color:#627779 #191b25;scrollbar-width:thin;padding:6px 4px 18px;scroll-padding-inline:4px}
.studio-site .catalog-slide{flex:0 0 min(68%,760px);min-width:0;scroll-snap-align:start;scroll-margin-top:25px;display:flex}
.studio-site .catalog-slide>.app-card,.studio-site .catalog-slide>.teaser-card{width:100%;min-height:430px}
.studio-site .catalog-slide .teaser-card>img{left:42%;width:58%;object-position:center 58%}
.studio-site .catalog-slide .teaser-card:after{background:linear-gradient(90deg,#0b170ff2 10%,#0b170f90 48%,transparent 80%),linear-gradient(0deg,#071009b0,transparent 60%)}
.studio-site .catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:14px}
.studio-site .catalog-toolbar>p{color:var(--muted);font-size:.875rem;line-height:1.7;max-width:550px}
.studio-site .catalog-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}
.studio-site .catalog-position{color:#c4cbd4;font-size:.875rem;margin-right:8px;font-variant-numeric:tabular-nums}
.studio-site .catalog-controls button{width:46px;height:46px;border-radius:50%;border:1px solid #465456;background:#172124;color:var(--cyan);font-size:1.4rem;display:grid;place-items:center}
.studio-site .catalog-controls button:hover:not([aria-disabled=true]){background:#254043;border-color:var(--cyan)}
.studio-site .catalog-controls button[aria-disabled=true]{color:#626873;border-color:#2c3038;background:#14171e;cursor:default}
@media(max-width:800px){.studio-site .catalog-slide{flex-basis:85%}.studio-site .catalog-toolbar{align-items:flex-start;flex-direction:column}.studio-site .catalog-controls{align-self:flex-end}}
@media(max-width:580px){.studio-site .catalog-track{gap:16px}.studio-site .catalog-slide{flex-basis:90%}.studio-site .catalog-slide .app-card{grid-template-columns:1fr;grid-template-rows:180px auto}.studio-site .catalog-slide .card-visual{grid-row:1;height:180px}.studio-site .catalog-slide .card-visual img{object-position:center 38%}.studio-site .catalog-slide .app-card-copy{padding:22px}.studio-site .catalog-slide .app-card h3{margin-top:8px}.studio-site .catalog-position{font-size:.8125rem}}
.studio-site .teaser-card{position:relative;isolation:isolate;min-height:430px;overflow:hidden;border:1px solid #4a5945;border-radius:16px;background:#142017;display:flex;align-items:flex-end}
.studio-site .teaser-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;z-index:-2}
.studio-site .teaser-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#09140b20 0%,transparent 40%,#07100940 65%,#071009f2 100%);z-index:-1}
.studio-site .development-status{position:absolute;top:22px;left:22px;right:22px;width:fit-content;max-width:calc(100% - 44px);padding:8px 12px;border:1px solid #a4ba9770;border-radius:6px;background:#112116e8;color:#e1efd7;font-size:.875rem;line-height:1.6}
.studio-site .teaser-copy{padding:28px 30px;width:100%}.studio-site .teaser-copy .eyebrow{color:#d0dfb8}.studio-site .teaser-copy h3{font-size:2rem;font-weight:600;line-height:1.3;letter-spacing:-.045em;margin-top:8px;color:#fff}
@media(max-width:580px){.studio-site .catalog-slide .teaser-card>img{left:0;width:100%}.studio-site .catalog-slide .teaser-card:after{background:linear-gradient(0deg,#071009f2,transparent 65%)}}
@media(max-width:800px){.studio-site .teaser-card{min-height:460px}.studio-site .teaser-card>img{object-position:center 58%}}
@media(max-width:420px){.studio-site .teaser-card{min-height:410px}.studio-site .teaser-copy{padding:25px}}
