:root{--navy:#171d33;--navy-2:#252d48;--wine:#6f1f35;--wine-2:#8d344d;--cream:#f3eadc;--paper:#fbf7f0;--rose:#d2a6a9;--gold:#c9a469;--ink:#211f22;--muted:#6c6562;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65}a{color:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;padding:.75rem 1rem;background:#fff;color:var(--navy)}.skip-link:focus{top:1rem}.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}
button{font:inherit}[hidden]{display:none!important}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem}.button-install{background:transparent;color:inherit;cursor:pointer}.install-note{min-height:1.4em;margin:.8rem 0 0;color:#efd08dbd;font-size:.78rem}
.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.25rem,5vw,5rem);position:absolute;z-index:20;width:100%;color:var(--cream);border-bottom:1px solid #ffffff26}.brand{display:flex;align-items:center;gap:.85rem;text-decoration:none;letter-spacing:.17em;font-size:.77rem}.brand strong{font-weight:600}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid currentColor;border-radius:50%;font-family:var(--serif);letter-spacing:0;font-size:.7rem}.site-header nav{display:flex;gap:2.2rem}.site-header nav a{text-decoration:none;font-size:.82rem;opacity:.84;transition:.25s}.site-header nav a:hover,.site-header nav a:focus-visible{opacity:1;color:var(--rose)}.menu-button{display:none;background:none;border:0;padding:.5rem;color:inherit}.menu-button span:not(.sr-only){display:block;width:24px;height:1px;background:currentColor;margin:5px}
.hero{min-height:790px;height:100svh;max-height:1000px;background:var(--navy);color:var(--cream);display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);align-items:center;gap:clamp(2rem,7vw,8rem);padding:120px clamp(1.25rem,8vw,9rem) 70px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:520px;height:520px;border:1px solid #d2a6a924;border-radius:50%;left:-190px;bottom:-270px}.hero-copy{max-width:740px}.eyebrow{text-transform:uppercase;letter-spacing:.21em;font-size:.73rem;font-weight:600;color:var(--rose);margin:0 0 1.5rem}.eyebrow.dark{color:var(--wine)}h1,h2,h3{font-family:var(--serif);font-weight:500;margin:0;line-height:1.02}h1{font-size:clamp(3.8rem,7.4vw,7.7rem);letter-spacing:-.045em}h1 em,h2 em{color:var(--rose);font-weight:500}.hero-intro{max-width:590px;font-size:clamp(1.05rem,1.5vw,1.28rem);color:#f3eadccc;margin:2rem 0 2.5rem}.button{display:inline-flex;align-items:center;gap:2.6rem;padding:.95rem 1.2rem .95rem 1.4rem;text-decoration:none;border:1px solid #f3eadc55;text-transform:uppercase;font-size:.72rem;letter-spacing:.12em;transition:.3s}.button:hover,.button:focus-visible{background:var(--cream);color:var(--navy);transform:translateY(-2px)}.hero-door{align-self:stretch;display:flex;align-items:center;justify-content:center}.door-frame{width:min(100%,420px);height:72%;min-height:450px;border:1px solid #d2a6a966;padding:18px;border-radius:220px 220px 0 0}.door-panel{height:100%;border-radius:190px 190px 0 0;background:linear-gradient(145deg,#7a2b42,#581426);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;box-shadow:inset 0 0 60px #27101a55}.lotus-placeholder{width:128px;height:128px;border:1px solid #f3eadc99;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-direction:column}.lotus-placeholder span{font-family:var(--serif);font-size:1.5rem}.lotus-placeholder small{text-transform:uppercase;font-size:.5rem;letter-spacing:.12em;opacity:.7;margin-top:.4rem}.door-panel p{font-family:var(--serif);font-size:1rem;color:#f3eadcb8;margin-top:2rem}.vertical-note{position:absolute;right:1.1rem;top:50%;writing-mode:vertical-rl;font-size:.58rem;letter-spacing:.2em;color:#f3eadc73}.section{padding:clamp(5rem,10vw,9rem) clamp(1.25rem,8vw,9rem)}
.intro{display:grid;grid-template-columns:.15fr 1fr .8fr;gap:clamp(1rem,5vw,6rem);align-items:start}.section-number{font-family:var(--serif);font-size:1.15rem;color:var(--wine);border-top:1px solid var(--rose);padding-top:.75rem}.section-heading h2,.universe-header h2,.coming h2,.founder h2,.contact h2{font-size:clamp(2.7rem,5vw,5.2rem);letter-spacing:-.035em}.intro-copy{padding-top:3.2rem}.lead{font-family:var(--serif);font-size:clamp(1.3rem,2vw,1.8rem);line-height:1.45}.intro-copy>p:last-child,.founder-copy>p:not(.lead):not(.eyebrow):not(.role):not(.signature){color:var(--muted)}
.univers{background:var(--navy);color:var(--cream)}.universe-header{display:flex;justify-content:space-between;align-items:end;gap:3rem;margin-bottom:4rem}.universe-header>p{max-width:340px;color:#f3eadca6}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#ffffff25;border:1px solid #ffffff25}.card{min-height:540px;padding:clamp(1.5rem,3vw,3rem);display:flex;flex-direction:column;justify-content:space-between;transition:transform .35s,filter .35s;position:relative;overflow:hidden}.card:hover{transform:translateY(-5px);filter:brightness(1.07);z-index:2}.card-top{display:flex;justify-content:space-between;font-size:.7rem;letter-spacing:.16em;opacity:.75}.card-sign{width:45px;height:45px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);letter-spacing:0}.card h3{font-size:clamp(2.2rem,4vw,4rem);margin-bottom:1.2rem}.card p:not(.room){max-width:570px;color:#fffbded0}.room{text-transform:uppercase;letter-spacing:.17em;font-size:.65rem;margin-bottom:1rem}.card blockquote{margin:1rem 0;font-family:var(--serif);font-size:1.15rem;font-style:italic}.ghost-link{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;border-top:1px solid currentColor;padding-top:1rem;display:flex;justify-content:space-between;opacity:.8}.card-ec{background:#d8c7ab;color:#251f24}.card-ec p:not(.room){color:#3e3737}.card-ad{background:var(--wine)}.card-ar{background:#233054}.card-project{background:#bb828a;color:#251f24}.card-project p:not(.room){color:#3e3033}
.founder{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1fr);gap:clamp(3rem,9vw,10rem);align-items:center}.portrait{background:var(--cream);padding:clamp(1rem,2vw,1.8rem);transform:rotate(-1.3deg)}.portrait-inner{aspect-ratio:4/5;background:linear-gradient(145deg,var(--wine),var(--navy));display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--cream);position:relative;overflow:hidden}.portrait-inner:before{content:"";position:absolute;width:70%;aspect-ratio:1;border:1px solid #d2a6a955;border-radius:50%}.portrait-inner span{font-family:var(--serif);font-size:clamp(4rem,8vw,8rem);z-index:1}.portrait-inner p{text-transform:uppercase;text-align:center;letter-spacing:.15em;font-size:.6rem;z-index:1}.portrait-caption{font-size:.62rem;letter-spacing:.17em;margin:.9rem 0 0;color:var(--muted)}.role{text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;color:var(--wine);margin:1rem 0 2.5rem}.founder-copy{max-width:680px}.signature{font-family:var(--serif);font-style:italic;font-size:1.8rem;color:var(--wine);margin-top:2rem}
.coming{background:var(--wine);color:var(--cream);display:grid;grid-template-columns:.18fr 1fr .7fr;align-items:center;gap:clamp(2rem,6vw,7rem)}.coming-icon{font-size:3rem;color:var(--rose)}.coming>p{color:#f3eadcc2;max-width:480px}.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:2rem 8vw}.contact-intro{align-self:end;color:var(--muted)}.socials{grid-column:1/-1;border-top:1px solid #d8cfc1}.social-item{display:flex;align-items:center;justify-content:space-between;padding:1.15rem .2rem;border-bottom:1px solid #d8cfc1;font-family:var(--serif);font-size:1.25rem;text-decoration:none}.socials small{font-family:var(--sans);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}footer{background:#101526;color:var(--cream);padding:3rem clamp(1.25rem,5vw,5rem);display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;align-items:center;font-size:.7rem;letter-spacing:.08em}footer p:nth-child(2){text-align:center;font-family:var(--serif);font-style:italic;font-size:.95rem}footer p:last-child{text-align:right;color:#f3eadc8c}.reveal{opacity:0;transform:translateY(20px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:820px){.site-header{height:70px}.menu-button{display:block}.site-header nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--navy);padding:1.3rem;flex-direction:column;gap:0;border-top:1px solid #ffffff25}.site-header nav.open{display:flex}.site-header nav a{padding:1rem;border-bottom:1px solid #ffffff1f}.hero{height:auto;max-height:none;min-height:100svh;grid-template-columns:1fr;padding-top:120px}.hero-copy{z-index:2}.hero-door{position:absolute;right:-100px;bottom:-90px;width:300px;height:450px;opacity:.28}.hero-intro{max-width:90%}.vertical-note{display:none}.intro{grid-template-columns:1fr}.section-number{width:60px}.intro-copy{padding-top:0}.universe-header{display:block}.universe-header>p{margin-top:2rem}.cards{grid-template-columns:1fr}.card{min-height:470px}.founder{grid-template-columns:1fr}.portrait{max-width:520px;margin:auto}.coming{grid-template-columns:1fr}.coming-icon{display:none}.contact{grid-template-columns:1fr}.social-item{align-items:flex-start;gap:1rem}.socials small{text-align:right;overflow-wrap:anywhere}footer{grid-template-columns:1fr;text-align:center}footer .footer-brand{justify-content:center}footer p:nth-child(2),footer p:last-child{text-align:center}}
@media(max-width:480px){h1{font-size:3.35rem}.hero{padding-bottom:5rem}.hero-door{display:none}.section{padding-top:4.5rem;padding-bottom:4.5rem}.card{min-height:430px}.socials span{font-size:1.05rem}.socials small{max-width:90px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.card,.button{transition:none}}
.brand-logo{width:42px;height:42px;object-fit:cover;border-radius:50%}.hero-logo{width:min(58%,220px);height:auto;border-radius:50%;box-shadow:0 18px 45px #14050d77}.card-top{align-items:flex-start;opacity:1}.card-top>span:first-child{opacity:.75}.universe-logo{width:112px;height:112px;object-fit:cover;border-radius:50%;box-shadow:0 10px 28px #00000030;transition:transform .35s}.card:hover .universe-logo{transform:rotate(2deg) scale(1.04)}.portrait-inner{aspect-ratio:1}.portrait-inner:before{display:none}.portrait-inner img{width:100%;height:100%;object-fit:cover}.portrait-inner span,.portrait-inner p{display:none}

/* Maison ECAD — direction chromatique unifiée */
:root{--navy:#11192d;--navy-2:#202943;--wine:#6b1e35;--wine-2:#8a304a;--cream:#f4ead9;--paper:#fbf7ef;--rose:#c88f9e;--gold:#d0a85f;--gold-light:#efd08d;--gold-line:#d0a85f66;--ink:#221e20;--muted:#6f6662}
body{background:var(--paper);background-image:radial-gradient(circle at 85% 8%,#d0a85f12 0,transparent 24rem)}
.site-header{border-bottom-color:var(--gold-line)}
.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--gold-light)}
.brand-logo{border:1px solid #efd08d88;box-shadow:0 0 18px #d0a85f1f}
.hero{background:radial-gradient(circle at 76% 48%,#8a304a29 0,transparent 28%),radial-gradient(circle at 8% 90%,#d0a85f12 0,transparent 24%),linear-gradient(135deg,#0b1224 0%,var(--navy) 55%,#18223a 100%)}
.hero:before{border-color:#d0a85f30;box-shadow:0 0 80px #d0a85f0d}
.eyebrow{color:var(--gold-light)}.eyebrow.dark{color:var(--wine)}
h1 em,.univers h2 em,.coming h2 em{color:var(--gold-light)}
.button{border-color:#d0a85f99}.button:hover,.button:focus-visible{background:var(--gold-light);border-color:var(--gold-light);color:#10172a}
.door-frame{border-color:#d0a85f99;box-shadow:0 0 70px #d0a85f13;padding:14px}
.door-panel{background:radial-gradient(circle at 50% 42%,#a64b6552 0,transparent 35%),linear-gradient(145deg,#7b2942,#451123 80%);box-shadow:inset 0 0 80px #21091277,0 22px 55px #05091866}
.hero-logo{box-shadow:0 20px 50px #09020a99,0 0 30px #d0a85f26}
.vertical-note{color:#efd08d8f}
.intro{background:radial-gradient(circle at 85% 25%,#d0a85f12 0,transparent 24rem)}
.section-number{color:var(--gold);border-top-color:var(--gold)}
.section-heading h2 em{color:var(--wine)}
.univers{position:relative;background:radial-gradient(circle at 12% 16%,#6b1e353d 0,transparent 28rem),radial-gradient(circle at 90% 78%,#d0a85f14 0,transparent 30rem),linear-gradient(145deg,#0a1121,var(--navy) 55%,#18223b)}
.universe-header{border-bottom:1px solid var(--gold-line);padding-bottom:2.5rem}
.universe-header>p{color:#f4ead9bd}
.cards{gap:clamp(.8rem,1.5vw,1.4rem);background:transparent;border:0}
.card{--room-glow:#d0a85f24;background:radial-gradient(circle at 83% 9%,var(--room-glow) 0,transparent 30%),linear-gradient(160deg,#1d2740 0%,#10182b 78%);color:var(--cream);border:1px solid #d0a85f45;box-shadow:0 18px 50px #0508123d;filter:none}
.card:after{content:"";position:absolute;inset:10px;border:1px solid #efd08d18;pointer-events:none}
.card:hover{filter:none;border-color:#efd08d99;box-shadow:0 24px 60px #05081266,0 0 28px #d0a85f12}
.card-ec{--room-glow:#e8cf9b32}.card-ad{--room-glow:#8f294e66}.card-ar{--room-glow:#50679055}.card-project{--room-glow:#d0a85f38}
.card,.card-ec,.card-project{color:var(--cream)}
.card p:not(.room),.card-ec p:not(.room),.card-project p:not(.room){color:#f4ead9c9}
.room{color:var(--gold-light)}
.card blockquote{color:#f2dba8}
.ghost-link{border-top-color:#d0a85f66;color:var(--gold-light)}
.universe-logo{border:1px solid #efd08d66;box-shadow:0 12px 32px #00000066,0 0 22px #d0a85f17}
.founder{background:radial-gradient(circle at 18% 50%,#6b1e3512 0,transparent 30rem)}
.portrait{background:linear-gradient(145deg,#f8edda,#e8d2ad);border:1px solid #d0a85f88;box-shadow:0 28px 70px #38271b26}
.portrait-inner{box-shadow:inset 0 0 0 1px #efd08d66}
.role,.signature{color:var(--wine)}
.coming{position:relative;background:radial-gradient(circle at 12% 50%,#d0a85f1c 0,transparent 20rem),linear-gradient(125deg,#541529 0%,#741f39 55%,#20203a 125%);border-top:1px solid #d0a85f5c;border-bottom:1px solid #d0a85f5c}
.coming-icon{color:var(--gold-light)}
.contact{background:radial-gradient(circle at 90% 30%,#d0a85f12 0,transparent 24rem)}
.socials{border-top-color:#d0a85f80}.social-item{border-bottom-color:#d0a85f66;justify-content:flex-start;transition:color .25s,background .25s,padding .25s}.social-item:before{content:"✦";color:var(--gold);font-size:.7rem;margin-right:1rem}.social-item small{margin-left:auto}.socials a:hover,.socials a:focus-visible{color:var(--wine);background:#d0a85f0d;padding-left:.7rem;padding-right:.7rem}.social-static{cursor:default}.linktree-item{background:#d0a85f10}
footer{background:linear-gradient(135deg,#090f1e,#11192d);border-top:1px solid #d0a85f66}
@media(max-width:820px){.site-header nav{background:#0d1528;border-top-color:#d0a85f55}.site-header nav a{border-bottom-color:#d0a85f2e}.cards{gap:1rem}.card{min-height:450px}.universe-header{padding-bottom:2rem}.coming{background:radial-gradient(circle at 80% 10%,#d0a85f17 0,transparent 18rem),linear-gradient(155deg,#651b34,#24213b)}}
@media(max-width:480px){.card{min-height:420px}.universe-logo{width:92px;height:92px}.socials span:before{margin-right:.65rem}}
@media(max-width:480px){.hero-actions{align-items:flex-start;flex-direction:column}.install-note{max-width:19rem}}