:root{--ink:#f5eee5;--paper:#111110;--green:#f1ab77;--muted:#a49f98}body{background:#111110;color:#f5eee5;font-family:Arial,sans-serif;background-image:radial-gradient(ellipse at 80% 10%,#66422b16,transparent 45%)}.demo{background:#20201e;color:#b8b0a5;font-size:10px;letter-spacing:.9px}header{max-width:1360px;padding:26px 50px;border-bottom:1px solid #ffffff12}.logo{font-family:Arial,sans-serif;letter-spacing:-2px;font-size:33px}.logo span{color:#f1ab77}nav{color:#bfb9b1;gap:38px}.btn{background:#f1ab77;color:#21170f;border-radius:50px;font-weight:700;gap:28px;padding:18px 27px;box-shadow:0 5px 24px #f1ab7710}.btn:hover{background:#ffc79b}.small{padding:13px 21px;font-size:12px}main{max-width:1360px}section{padding:90px 50px}.hero{position:relative;min-height:680px;grid-template-columns:.95fr 1.05fr;gap:0;padding-top:65px;padding-bottom:45px}.hero>div:first-child{position:relative;z-index:2}.eyebrow{font-size:10px;color:#c8a98b;letter-spacing:2.4px;font-weight:500}h1,h2,h3{font-family:Arial,sans-serif}h1{font-size:clamp(55px,6.2vw,86px);line-height:1.03;font-weight:500;letter-spacing:-5px;margin-bottom:28px}h1 em{font-family:Georgia,serif;font-weight:400;background:none;color:#f1ab77;font-style:italic;letter-spacing:-4px}.intro{max-width:410px;font-size:15px;color:#aaa59e;line-height:1.85}.hero .fine{margin-top:20px;font-size:11px}.visual{height:540px;width:100%;border-radius:8px;position:relative;background:#221a17 url('hero-cinema.png') center/cover no-repeat;overflow:visible;box-shadow:0 25px 90px #0008}.visual:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#11111066,transparent 35%),linear-gradient(0deg,#0e0d0bf0,transparent 45%);border-radius:8px}.orb,.frame,.f1{display:none}.f2{background:#eee5d8;color:#272017;bottom:88px;left:-38px;right:auto;border-radius:3px;transform:rotate(-6deg);font-size:12px;padding:20px;box-shadow:0 10px 40px #0006}.concept{z-index:1;bottom:18px;left:25px;color:#d2bba7;font-size:9px;letter-spacing:1px}.visual .cinema-label{position:absolute;top:25px;left:25px;font-size:9px;letter-spacing:2px;color:#fff8;z-index:1}.visual .cinema-title{position:absolute;bottom:145px;left:28px;color:#fff4e3;font-family:Georgia,serif;font-size:34px;line-height:1.1;z-index:1;font-weight:400}.hero-secondary{margin-left:22px;display:inline-block;font-size:12px;color:#d8d0c5;border-bottom:1px solid #6c6256;padding-bottom:5px}.ribbon{display:flex;justify-content:space-between;gap:15px;padding:25px 50px;border-top:1px solid #ffffff15;border-bottom:1px solid #ffffff15;color:#a29b91;font-size:10px;letter-spacing:1.7px}.ribbon span:before{content:'✦';color:#e8a16f;margin-right:12px}h2{font-size:46px;font-weight:400;letter-spacing:-2px;line-height:1.15}h2 em{font-family:Georgia,serif;color:#f1ab77}.section-top .subtext{max-width:460px;color:#a49f98;font-size:14px;line-height:1.7;margin:-15px 0 32px}.univers{gap:22px}.universe{background:#1d1c1a;padding:0;overflow:hidden;border:1px solid #ffffff0d;border-radius:9px;color:#eee7df;position:relative}.universe:hover{transform:translateY(-6px);border-color:#c99a6b}.universe>span{position:absolute;top:22px;left:22px;z-index:1;color:#f1e6d7;font-size:9px;letter-spacing:1.3px}.universe .symbol{height:250px;font-size:0;background:#302923;position:relative;overflow:hidden}.fun .symbol{background:url('hero-cinema.png') center 60%/cover}.symbol:after{content:'CONCEPT VISUEL';position:absolute;bottom:12px;left:20px;color:#fff9;font-size:8px;letter-spacing:1.5px}.memory .symbol{background:radial-gradient(ellipse at 50% 70%,#b36c3850,transparent 60%),linear-gradient(135deg,#3c201c,#261918 65%,#9b6030)}.memory .symbol:before{content:'✧';color:#ffd6a0;font-size:160px;text-shadow:0 0 55px #ffc57f;position:absolute;top:18px;left:calc(50% - 65px)}.pro .symbol{background:radial-gradient(ellipse at 60% 80%,#ecad6855,transparent 55%),linear-gradient(140deg,#23242b,#16191c)}.pro .symbol:before{content:'';width:70px;height:140px;border-radius:10px 10px 18px 18px;position:absolute;top:55px;left:calc(50% - 35px);transform:rotate(-18deg);background:linear-gradient(90deg,#72502b,#e7b37c 30%,#a16c3b 80%);box-shadow:20px 30px 40px #0008;border-top:15px solid #22201b}.universe h3{margin:25px 24px 12px;font-size:25px;font-weight:400}.universe p{margin:0 24px 25px;font-size:13px;color:#a8a29a;min-height:66px}.universe b{display:block;margin:0 24px 26px;color:#efb489;font-weight:500;font-size:11px}.showcase{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#1b1916;margin:0 25px;padding:55px 45px;border-radius:9px;align-items:center}.showcase h2{margin-bottom:22px}.showcase p{font-size:14px;line-height:1.8;color:#aaa29a}.deliverables{border-left:1px solid #f1ab7740;padding-left:35px}.deliverables div{padding:18px 0;border-bottom:1px solid #ffffff12;display:flex;gap:22px}.deliverables strong{color:#efb489;font-family:Georgia,serif;font-size:24px;font-weight:400}.deliverables span{font-size:13px;line-height:1.7}.deliverables small{display:block;color:#8f887f;font-size:11px}.offers article{background:#1b1b19;border-color:#ffffff15;border-radius:9px;padding:38px}.offers .custom{background:linear-gradient(135deg,#332820,#1e1b17);color:#f5eee5;border-color:#eeb78944}.pill{border-color:#7d6652;color:#ddbb9b;font-size:9px}.offers h3{font-family:Georgia,serif;font-weight:400;font-size:42px}.offers p,.offers ul{color:#aba59d;font-size:13px}.offers li:before{color:#e5a577}.offers .light{background:#f1ab77;color:#21170f}.composer{background:#1b1b19;margin:35px 25px;border:1px solid #ffffff15;border-radius:9px;padding:50px 45px;gap:70px}.composer>div>p{color:#a9a298}.note{border-color:#b28054;color:#989188;font-size:11px}.toggle{background:#242420;color:#d5cabe;border-radius:5px}.toggle label{margin:0;font-size:11px}.toggle input{accent-color:#e9a575}input[type=file],select,textarea{background:#111210;border-color:#3c3b35;color:#e8dfd3;border-radius:5px;font-size:12px;padding:14px}label{font-size:11px;color:#cfc5b7}textarea::placeholder{color:#78736c}input[type=file]::file-selector-button{background:#3e3329;color:#efc9a7;border:0;padding:8px;margin-right:12px;border-radius:3px}.check{color:#9f988d}.check input{accent-color:#e9a575}.optional{font-size:9px}#quote{border-color:#4a4035}#quote strong{color:#f0b68d;font-family:Georgia,serif;font-weight:400;font-size:32px}#quote p{color:#918b80}.steps{gap:35px}.steps b{color:#bc9572;font-family:Georgia,serif;font-size:28px;font-weight:400}.steps h3{font-size:17px;font-weight:400}.steps p{font-size:12px;color:#928c83}#project{background:#1b1b19;border-color:#ffffff16;color:#b9b0a4;border-radius:7px}#project h3{color:#eee2d0}.progress span{background:#292721;color:#b6aa9b}.progress .active{background:#67472e;color:#fce3c8}.actions button{background:#2d251e;border-color:#6f5238;color:#eac7a1}details{border-color:#ffffff15}summary{font-size:14px;font-weight:400;color:#d3c8b9}details p{font-size:12px;color:#9b9286}.faq{max-width:950px}footer{border-color:#ffffff15;color:#9a9185;max-width:1360px}.textbtn{color:#af9b83}footer .logo{color:#e7dbcc}.fine{color:#8d877e}a:focus-visible,button:focus-visible{outline:2px solid #f1ab77}.composer form .btn{width:100%;justify-content:center}
.memory .symbol{background:url('souvenir-cinema.png') center/cover}.pro .symbol{background:url('marque-cinema.png') center/cover}.memory .symbol:before,.pro .symbol:before{display:none}.universe .symbol{box-shadow:inset 0 70px 90px -60px #000}.fun .symbol{background-position:70% 65%}
@media(min-width:1400px){.visual{height:590px}.hero{min-height:740px}}@media(max-width:900px){header{padding:22px}.hero{grid-template-columns:1fr;gap:35px;padding-top:40px;min-height:0}h1{font-size:66px;letter-spacing:-4px}.hero>div:first-child{max-width:620px}.visual{height:440px;width:100%}.f2{left:20px;bottom:65px}.visual .cinema-title{bottom:115px}.ribbon{padding:20px 22px;flex-wrap:wrap;font-size:9px}.showcase{grid-template-columns:1fr;gap:20px;margin:10px;padding:35px 22px}.deliverables{padding-left:20px}.composer{grid-template-columns:1fr;gap:22px;padding:32px 22px;margin:20px 10px}.univers{grid-template-columns:1fr}.universe .symbol{height:280px}.universe p{min-height:0}.offers{grid-template-columns:1fr}section{padding:55px 22px}h2{font-size:36px}.steps{grid-template-columns:1fr 1fr}.hero-secondary{margin-left:16px}footer{padding:25px 22px}}@media(max-width:420px){h1{font-size:53px}.hero-secondary{margin:18px 0 0;display:block;width:max-content}.fields{grid-template-columns:1fr}.toggle{flex-direction:column;gap:12px}.visual{height:360px}.steps{grid-template-columns:1fr}.ribbon{gap:18px}.small{font-size:10px;padding:12px 16px}.hero .eyebrow{font-size:9px}}

.visual{background-image:url('studio-createur.png');background-position:65% center}.visual .cinema-title{font-size:30px;bottom:135px}.hero h1{font-size:clamp(52px,5.6vw,78px)}@media(max-width:420px){.hero h1{font-size:48px}}

.choice-highlight{max-width:400px;margin-top:24px;border-left:3px solid #f1ab77;padding:8px 0 8px 16px}.choice-highlight strong{display:block;color:#f1c29c;font-size:18px;font-weight:500}.choice-highlight span{display:block;color:#bcb1a2;font-size:12px;line-height:1.65;margin-top:7px}.choice-highlight small{display:block;color:#8b8176;font-size:9px;margin-top:8px}.choice-banner{text-align:center;padding:48px 30px;background:linear-gradient(100deg,#33251b,#1e201d);border-bottom:1px solid #b1845533}.choice-banner>span{font-size:9px;letter-spacing:2px;color:#d6b08c}.choice-banner h2{margin:18px 0;font-size:34px}.choice-banner p{max-width:660px;margin:0 auto 15px;color:#bdb2a3;font-size:13px;line-height:1.7}.choice-banner small{font-size:9px;color:#938575}

.choice-banner{margin:22px 25px 0;padding:55px 45px 30px;background:radial-gradient(ellipse at 50% 0,#78523435,transparent 70%),#1a1916;border:1px solid #b98b5c30;border-radius:14px;text-align:left}.choice-heading{max-width:700px;margin:auto;text-align:center}.choice-heading>span{font-size:9px;letter-spacing:2px;color:#d6b08c}.choice-heading h2{font-size:38px;line-height:1.2;margin:20px 0}.choice-heading p{max-width:610px}.choice-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:35px 0}.choice-flow article{position:relative;background:linear-gradient(150deg,#30271d70,#131412);border:1px solid #b3977425;border-radius:10px;padding:28px 24px}.choice-number{position:absolute;right:20px;top:20px;color:#ae91736b;font-family:Georgia,serif;font-size:30px}.choice-icon{height:76px;display:flex;align-items:center;color:#f3bb8e;font-size:42px}.choice-icon.selected{color:#d6cbb7}.choice-flow h3{font-size:18px;font-weight:500;margin:15px 0 12px;line-height:1.3;letter-spacing:-.4px}.choice-flow p{font-size:12px;line-height:1.8;margin:0;color:#a89e8f}.version-stack{height:76px;display:flex;align-items:center;padding-left:6px}.version-stack i{font-style:normal;background:linear-gradient(145deg,#936948,#312820);border:1px solid #e3c0a766;width:42px;height:57px;border-radius:4px;display:grid;place-items:center;color:#ffe1c4;font-family:Georgia,serif;font-size:17px;transform:rotate(-12deg);box-shadow:0 6px 16px #0007}.version-stack i:nth-child(2){transform:rotate(0deg);margin-left:-8px;z-index:1;background:linear-gradient(145deg,#597174,#232e2f)}.version-stack i:nth-child(3){transform:rotate(12deg);margin-left:-8px;background:linear-gradient(145deg,#835965,#332328)}.choice-bottom{border-top:1px solid #ffffff13;padding-top:25px;display:flex;justify-content:space-between;gap:20px;align-items:center}.choice-bottom strong{font-size:16px;font-weight:400;color:#e6c4a5;line-height:1.6}.choice-banner>small{display:block;text-align:center;margin-top:25px;line-height:1.7;font-size:9px;color:#938575}@media(max-width:800px){.choice-banner{margin:15px 10px;padding:35px 22px 25px}.choice-flow{grid-template-columns:1fr;gap:12px}.choice-heading h2{font-size:29px}.choice-flow article{padding:22px}.choice-bottom{flex-direction:column;align-items:flex-start}}
@media(max-width:600px){header{flex-wrap:wrap;gap:12px}header nav{display:flex;order:3;width:100%;justify-content:space-between;gap:10px;font-size:12px}header nav a{min-height:44px;display:flex;align-items:center}header>.btn{font-size:12px;padding:13px 16px}.fields{grid-template-columns:1fr}.fields>label{min-width:0}input,select,textarea{font-size:16px;max-width:100%}.composer{min-width:0}footer{padding-bottom:85px}.choice-flow h3 a{display:inline-block;padding:6px 0;text-decoration:underline;text-underline-offset:5px}}
@media(max-width:380px){h1{font-size:42px}.steps{grid-template-columns:1fr}.composer{padding:26px 16px}}