@charset "UTF-8";
:root{color-scheme:light;--paper:#f7f6ed;--ink:#113c3b;--muted:#536563;--mint:#a9e0ce;--apricot:#f3a178}*{box-sizing:border-box}html{min-width:320px;background:var(--paper)}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:radial-gradient(ellipse at 94% 5%,#d7ecdc77,transparent 48%),radial-gradient(ellipse at 0% 100%,#fff0dd88,transparent 47%),var(--paper)}a{color:inherit}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #286a65;outline-offset:5px}input:focus-visible{outline:2px solid #286a65;outline-offset:2px}.skip{position:absolute;left:20px;top:-100px;z-index:20;background:white;padding:12px}.skip:focus{top:15px}.shell{max-width:1600px;margin:auto;padding:0 5.2vw}header{height:112px;display:flex;justify-content:space-between;align-items:center;gap:25px;position:relative;z-index:2}.wordmark{position:relative;font-size:clamp(29px,3.2vw,47px);line-height:1;font-weight:900;letter-spacing:-2.8px;text-decoration:none}.wordmark>span{position:absolute;left:2px;bottom:-12px;width:37px;height:5px;background:var(--mint);border-radius:4px}nav{display:flex;align-items:center;gap:30px;font-size:12px}.private{display:flex;align-items:center;gap:10px}.lock{display:block;position:relative;width:11px;height:10px;border:1.5px solid #55746a;border-radius:2px}.lock:before{content:'';position:absolute;left:2px;top:-7px;width:4px;height:6px;border:1.5px solid #55746a;border-bottom:0;border-radius:4px 4px 0 0}.nav-link{display:flex;align-items:center;gap:21px;text-decoration:none;border:1px solid #839e91;border-radius:30px;padding:14px 22px;transition:background .2s,transform .2s}.nav-link:hover{background:#e3efe4;transform:translateY(-2px)}main{display:grid;grid-template-columns:1fr 1fr;gap:1vw;min-height:670px;align-items:center;padding:30px 0 35px}.copy{position:relative;z-index:2;padding-bottom:10px;animation:arrive .6s ease both}.eyebrow{padding-left:39px;position:relative;font-size:9px;line-height:1.8;letter-spacing:2.2px;margin:0 0 27px;color:#557366}.eyebrow>i{position:absolute;width:23px;height:2px;background:#dfa078;left:0;top:7px}h1{font-size:clamp(49px,5.5vw,80px);font-weight:850;letter-spacing:-4.6px;line-height:1.06;margin:0 0 30px}h1 em{position:relative;display:inline-block;font-style:normal}h1 em:after{content:'';position:absolute;left:5%;bottom:-15px;width:87%;height:12px;border-top:5px solid var(--mint);border-radius:50%;transform:rotate(-2deg)}.intro{font-size:clamp(17px,1.65vw,23px);line-height:1.6;letter-spacing:-.25px;color:var(--muted);margin:39px 0 28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;text-decoration:none;min-height:59px;border:1px solid var(--apricot);border-radius:35px;background:var(--apricot);color:var(--ink);padding:18px 27px;font-size:15px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{background:#f6b18c;transform:translateY(-3px);box-shadow:0 12px 25px #8f6a3b13}.button>span:last-child{font-size:24px;line-height:1}.invitation{font-size:11px;color:#587269;margin:18px 0 0 10px}.invitation>span{margin-right:7px;font-size:17px}.paths{display:flex;align-items:center;gap:14px;margin-top:52px;font-size:8px;letter-spacing:1.2px;color:#5b7465}.paths>i{font-size:18px;font-style:normal;color:#8aac99}.scene{height:660px;position:relative;isolation:isolate;animation:arrive .9s ease both}.scene-frame{position:absolute;inset:5px 0 8px 4%;border-radius:12px;overflow:hidden;clip-path:polygon(0 7%,100% 0,100% 100%,0 100%);background:#dae8d7;box-shadow:0 18px 35px #24463b14}.atelier{width:100%;height:100%;object-fit:cover;object-position:50% 47%;display:block}.scene-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#d7e5ce1a,transparent 70%)}.lumo{position:absolute;height:106%;width:auto;max-width:130%;object-fit:contain;bottom:-17px;left:-15%;filter:drop-shadow(0 14px 12px #1b43381c);animation:bob 6s ease-in-out infinite;transform-origin:50% 100%}.greeting{position:absolute;right:3%;top:10%;padding:17px 24px;background:#fffcf1ed;border:1px solid #d6dfc7;border-radius:24px 24px 24px 3px;box-shadow:0 6px 18px #2246380a;font-size:18px;font-weight:600;line-height:1.4;z-index:2;transform:rotate(3deg)}.greeting>span{position:absolute;right:-11px;top:-20px;font-size:31px;color:#d49366}.tape{position:absolute;width:45px;height:18px;background:#a6ddc6a8;z-index:1;transform:rotate(-18deg)}.tape-one{top:2%;right:15%}.tape-two{bottom:12%;right:-2%;transform:rotate(17deg);background:#f3a178a6}.scene-caption{position:absolute;bottom:-16px;right:3px;color:#647a67;font-size:10px;font-style:italic}.scene-arrow{position:absolute;left:12%;bottom:2%;font-size:50px;color:#4e7565;transform:rotate(18deg)}footer{border-top:1px solid #d9e0d1;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.2px;color:#6d8074}footer i{font-style:normal;margin:0 5px}.is-login main{min-height:720px}.is-login .copy{max-width:480px;background:#fffdf6bf;border:1px solid #d5dfcd;border-radius:19px;padding:34px;box-shadow:0 10px 25px #234f3905}.is-login .eyebrow{margin-bottom:27px}.is-login h1{font-size:clamp(36px,3.4vw,51px);letter-spacing:-2.6px;line-height:1.12}.is-login h1 em:after{border-color:var(--mint);border-width:4px;bottom:-13px}.is-login .intro{font-size:16px;margin:27px 0 25px}.signin-form>label{display:block;font-size:12px;font-weight:600;margin:19px 0 8px}.signin-form input:not([type=hidden]){width:100%;min-height:51px;padding:14px 15px;background:#fffefa;border:1px solid #cbd8c8;border-radius:10px;color:var(--ink);font-size:16px}.signin-form input::placeholder{font-size:14px;color:#7b8b7c}.password-wrap{position:relative}.password-wrap input{padding-right:85px!important}.reveal{position:absolute;right:8px;top:9px;border:0;background:transparent;border-radius:5px;padding:10px 8px;font-size:11px;color:var(--ink)}.submit{margin-top:25px;width:100%}.button:disabled{cursor:wait;opacity:.75;transform:none}.submit-status{font-size:12px;line-height:1.6;color:#56725c;text-align:center;margin:17px 0 0}.submit-status .retry{display:inline-block;margin-top:7px;text-underline-offset:4px}.help{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:20px;font-size:11px}.help details{max-width:100%}.help summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px;list-style:none}.help summary::-webkit-details-marker{display:none}.help details[open]{flex-basis:100%;order:1}.help details p{font-size:12px;line-height:1.7;background:#edf2e7;color:#526b57;padding:14px;border-radius:8px}.error{font-size:13px;line-height:1.6;padding:13px 15px;border:1px solid #edc3a3;background:#fff1e6;color:#895331;border-radius:8px}.is-login .scene{height:650px}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bob{0%,100%{transform:translateY(0) rotate(-.3deg)}50%{transform:translateY(-7px) rotate(.3deg)}}
@media(min-width:1550px){.shell{padding:0 80px}}@media(max-width:1080px){.shell{padding:0 5vw}header{height:100px}nav{gap:20px}main{gap:0}h1{font-size:clamp(46px,5.8vw,64px);letter-spacing:-3.3px}.scene{height:595px}.greeting{font-size:15px;padding:14px 18px;right:0;top:8%}.paths{gap:10px;font-size:7px}.is-login .copy{padding:25px}.is-login h1{font-size:41px}.is-login .scene{height:600px}}
@media(max-width:740px){.shell{padding:0 6vw}header{height:94px;gap:12px}.wordmark{font-size:33px;letter-spacing:-1.9px}.wordmark>span{height:4px;width:29px;bottom:-9px}.private{display:none}.nav-link{font-size:11px;padding:12px 16px;gap:12px}main{display:flex;flex-direction:column;min-height:0;gap:35px;padding:29px 0 40px}.copy{width:100%;padding:0}.eyebrow{font-size:8px;letter-spacing:1.5px;padding-left:30px;margin-bottom:25px}.eyebrow>i{width:18px}h1{font-size:clamp(42px,8.9vw,64px);line-height:1.09;letter-spacing:-2.8px;margin-bottom:27px}h1 em:after{border-width:4px;bottom:-12px}.intro{font-size:17px;margin:31px 0 23px;line-height:1.6}.button{font-size:14px;padding:17px 23px;min-height:56px}.invitation{font-size:11px;margin:16px 0 0 9px}.paths{margin-top:30px;font-size:7px;letter-spacing:.9px;gap:10px}.scene{height:430px;width:100%;max-width:490px}.scene-frame{inset:0 0 12px 4%}.lumo{height:109%;max-width:133%;bottom:-10px;left:-15%}.greeting{display:none}.scene-arrow{left:6%;bottom:0;font-size:40px}.scene-caption{font-size:10px;bottom:-12px;right:0}.tape-two{right:-1%}.is-login main{min-height:0}.is-login .copy{max-width:none;padding:27px 22px}.is-login h1{font-size:39px;letter-spacing:-2.2px}.is-login .intro{font-size:15px}.is-login .eyebrow{font-size:8px;letter-spacing:1.8px}.is-login .scene{height:340px;max-width:400px}.desktop-break{display:none}footer{font-size:9px;padding:19px 0;align-items:flex-start;line-height:1.7;min-height:70px}footer>span:first-child{max-width:54%}footer>span:last-child{text-align:right}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Inpakto · Les coulisses enchantées. */
:root{color-scheme:dark;--paper:#210d2b;--ink:#fff6e9;--muted:#e1cfdc;--mint:#e6bc77;--apricot:#ffbc56}
html{background:#210d2b}body{background:#210d2b;isolation:isolate}
.theater-backdrop{position:absolute;inset:0;width:100%;height:100%;min-height:100vh;object-fit:cover;object-position:center;z-index:-2;opacity:.86;pointer-events:none}
body:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#210c2df0 0%,#210c2dce 28%,#210c2d66 57%,#210c2d22),linear-gradient(0deg,#210c2df0,transparent 30%)}
.shell{max-width:1560px}.wordmark{display:block;width:210px;letter-spacing:0}.wordmark img{display:block;width:100%;height:auto;filter:brightness(0) invert(1);opacity:.96}
nav{color:#f3e5ed}.lock,.lock:before{border-color:#d2b78b}.nav-link{border-color:#c8a16a88}.nav-link:hover{background:#ffffff0c}
.eyebrow{color:#dbbd8d;letter-spacing:2.4px;font-size:10px}.eyebrow>i{background:#e4b663}
main{grid-template-columns:1.1fr 1fr;min-height:660px;gap:0;padding-top:8px}
h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(47px,5.1vw,76px);line-height:1.13;letter-spacing:-2.7px;font-weight:500;text-shadow:0 2px 22px #16051e55}
h1 em{color:#f1c16e}h1 em:after{border-color:#d7a351;height:8px;border-width:2px;bottom:-12px}
.intro{font-family:Georgia,'Times New Roman',serif;color:#ead8df;font-size:clamp(18px,1.7vw,24px);line-height:1.55;margin-top:34px}
.button{color:#311334;border-color:#ffbf62;background:linear-gradient(110deg,#ffcb6c,#ffb342);box-shadow:0 7px 28px #e8a3451c}.button:hover{background:#ffd17e;box-shadow:0 9px 28px #e8a3452b}.invitation{color:#dac9d7}.paths{color:#dac2cf;letter-spacing:1.8px;font-size:9px}.paths>i{color:#c89850}
.scene{height:650px;animation:arrive .9s ease both}.companion{height:100%;width:100%;object-fit:contain;object-position:center bottom;position:absolute;bottom:0;left:0;filter:drop-shadow(0 16px 24px #0c031660);animation:bob 7s ease-in-out infinite}
.greeting{z-index:2;top:9%;right:-2%;font-family:Georgia,serif;font-style:italic;font-size:18px;font-weight:400;color:#ffe8ba;background:#382040e8;border:1px solid #b9905f88;border-radius:28px 28px 28px 4px;box-shadow:0 8px 30px #12061c2b;transform:rotate(3deg)}
.spark{position:absolute;color:#ffd68a;text-shadow:0 0 25px #f1bd63;z-index:2;animation:glow 5s ease-in-out infinite}.spark-one{font-size:27px;left:9%;top:28%}.spark-two{font-size:36px;right:14%;bottom:28%;animation-delay:1s}.spark-three{font-size:17px;left:20%;bottom:12%;animation-delay:2s}.scene-caption{color:#ead5b0;font-family:Georgia,serif;right:8%;bottom:-15px;font-size:12px}
footer{border-color:#b5916c44;color:#cfb8c8;font-size:11px}
.is-login .copy{color-scheme:light;color:#35143d;background:#fff8ee;border:1px solid #e6cda3;border-radius:22px;padding:35px 37px;box-shadow:0 24px 65px #10031b44}
.is-login main{grid-template-columns:1fr 1fr;min-height:730px;gap:35px}.is-login h1{font-size:48px;color:#35143d;letter-spacing:-1.8px;text-shadow:none}.is-login h1 em{color:#a96c28}.is-login .eyebrow{color:#946f3e;font-size:9px}.is-login .intro{font-family:Arial,sans-serif;color:#806774;font-size:15px;margin:27px 0 24px}
.signin-form input:not([type=hidden]){background:#fffdf8;color:#35143d;border-color:#dccfbe}.signin-form input::placeholder{color:#8d7c86}.reveal{color:#613e66}.submit-status{color:#806774}.help details p{background:#f1e8dd;color:#70586a}.error{background:#faece7;border-color:#e4bca9;color:#853e29}
.is-login .scene{height:650px}.is-login .greeting{top:9%;right:0}.is-login .button{box-shadow:none}
@keyframes glow{0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}
@media(max-width:1080px){.wordmark{width:185px}h1{font-size:54px;letter-spacing:-2px}.scene,.is-login .scene{height:570px}.greeting{display:none}.is-login .copy{padding:28px}.is-login h1{font-size:39px}.is-login main{gap:20px}.scene-caption{font-size:11px}}
@media(max-width:740px){.shell{padding:0 6vw}header{height:93px}.wordmark{width:142px}.nav-link{font-size:11px;padding:11px 14px;gap:10px}main,.is-login main{display:flex;gap:25px;min-height:0;padding-top:28px;padding-bottom:38px}.eyebrow{font-size:8px;letter-spacing:1.8px}h1{font-size:clamp(41px,9vw,63px);line-height:1.14;letter-spacing:-1.7px}.intro{font-size:20px;margin:32px 0 25px}.paths{font-size:8px;margin-top:29px;gap:10px;letter-spacing:1.2px}.scene{height:430px;width:100%;max-width:460px}.companion{width:100%;height:100%}.scene-caption{bottom:-10px;right:0;font-size:11px}.spark-one{left:5%}.spark-two{right:10%}.is-login .copy{padding:27px 23px;border-radius:18px}.is-login h1{font-size:39px}.is-login .intro{font-size:15px}.is-login .scene{height:340px;max-width:400px}body:before{background:linear-gradient(180deg,#210c2df0 0%,#210c2d99 35%,#210c2d77 70%,#210c2df5)}.theater-backdrop{object-position:64% center}footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}