@font-face{font-family:"Marcellus";src:url(/assets/fonts/marcellus.be9d4883e7.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"EB Garamond";src:url(/assets/fonts/eb-garamond.68fd4b247d.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:"EB Garamond";src:url(/assets/fonts/eb-garamond-italic.d2761541b3.woff2) format("woff2");font-weight:400 800;font-style:italic;font-display:swap}
@font-face{font-family:"Questrial";src:url(/assets/fonts/questrial.1f4e551b57.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}

:root{
--cuivre:#96593F;
--nuit:#2B120C;
--sable:#E4C1A3;
--fond:#F7EEE4;
--creme:#F6EEE3;
--encre:#2E1810;
--encre-2:#4A3226;
--encre-3:#6B4A3A;
--paris:#D48C6B;
--tropez:#A86B55;
--caraibes:#804B3C;
--serif:"EB Garamond",Georgia,"Times New Roman",serif;
--display:"Marcellus",Georgia,serif;
--sans:"Questrial","Helvetica Neue",Arial,sans-serif;
--out:cubic-bezier(.16,1,.3,1);
--io:cubic-bezier(.65,0,.35,1);
--pad:clamp(24px,6vw,96px);
--edge:clamp(20px,2.8vw,40px);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--nuit)}
html.has-menu{overflow:hidden}
body{margin:0;min-width:320px;font-family:var(--sans);color:var(--encre);background:var(--fond);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}
h1,h2,h3,p,figure,blockquote,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
img,svg{display:block;max-width:100%}
img{height:auto}
button{font:inherit;color:inherit}
a{color:inherit;text-decoration:none;transition:opacity .35s ease}
a:hover{opacity:.72}
a:focus-visible,button:focus-visible{outline:1px solid currentColor;outline-offset:5px}
::selection{background:var(--cuivre);color:var(--creme)}
.nowrap{white-space:nowrap}
.m-only{display:none}

.skip{position:fixed;z-index:100;top:12px;left:12px;padding:12px 18px;background:var(--creme);color:var(--nuit);font-size:12px;letter-spacing:.2em;text-transform:uppercase;transform:translateY(-200%)}
.skip:focus{transform:none}

.grain{position:absolute;inset:0;pointer-events:none;background:url(/assets/img/grain.54be254670.webp) 0 0/256px 256px}

.eyebrow{position:relative;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--cuivre)}
.display{position:relative;font-family:var(--serif);font-weight:400;line-height:1;letter-spacing:-.015em}
.display>span,.display>em{display:block}
.display em{font-style:italic;color:var(--cuivre)}
.lead{position:relative;font-family:var(--serif);font-weight:500;font-size:21px;line-height:1.6;color:var(--encre-2)}

.cue{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;font-size:11px;letter-spacing:.3em;padding-left:.3em;text-transform:uppercase}
.cue-line{position:relative;display:block;width:1px;height:56px;overflow:hidden;background:rgba(46,24,16,.22)}
.cue-line span{position:absolute;left:0;top:0;display:block;width:1px;height:20px;background:currentColor}
.hero .cue-line,.idee .cue-line,.fondatrice .cue-line{background:rgba(246,238,227,.28)}

.site-header{position:fixed;z-index:40;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:26px clamp(20px,2.6vw,40px);font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--creme);transition:padding .6s var(--out),transform .7s var(--out)}
.site-header::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(43,18,12,.84);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;transition:opacity .6s ease}
.site-header.is-solid{padding-top:12px;padding-bottom:12px}
.site-header.is-solid::before{opacity:1}
.site-header.is-hidden{transform:translateY(-100%)}
.menu-btn,.menu-close{justify-self:start;display:flex;align-items:center;gap:12px;min-width:44px;min-height:44px;padding:0;background:transparent;border:0;letter-spacing:inherit;text-transform:inherit;cursor:pointer;transition:opacity .35s ease}
.menu-btn:hover,.menu-close:hover{opacity:.72}
.monogram{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(246,238,227,.6);border-radius:50%;font-family:var(--display);font-size:22px;letter-spacing:0;transition:width .6s var(--out),height .6s var(--out),font-size .6s var(--out),opacity .35s ease}
.is-solid .monogram{width:40px;height:40px;font-size:19px}
.header-cta{justify-self:end;display:flex;align-items:center;min-height:44px;padding:0 20px;white-space:nowrap;border:1px solid rgba(246,238,227,.6);transition:background-color .4s ease,color .4s ease}
.header-cta:hover{opacity:1;background:var(--creme);color:var(--nuit)}

.menu{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--nuit);color:var(--creme);overflow-y:auto;overscroll-behavior:contain}
.menu::backdrop{background:transparent}
.menu-inner{position:relative;min-height:100%;display:flex;flex-direction:column;padding:26px clamp(20px,2.6vw,40px) 32px;background:linear-gradient(165deg,var(--cuivre) 0%,var(--nuit) 72%)}
.menu .grain{opacity:.5}
.menu-top{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:12px;letter-spacing:.26em;text-transform:uppercase}
.menu-nav{position:relative;flex:1;display:flex;align-items:center;padding:48px 0}
.menu-list{width:100%;max-width:1248px;margin:0 auto}
.menu-list li+li{border-top:1px solid rgba(246,238,227,.14)}
.menu-list a{display:flex;align-items:baseline;gap:clamp(18px,2.4vw,36px);padding:clamp(10px,1.4vw,18px) 0;font-family:var(--serif);font-style:italic;font-size:clamp(36px,4.6vw,64px);line-height:1.05}
.menu-num{min-width:2.2em;font-family:var(--display);font-style:normal;font-size:15px;letter-spacing:.06em;color:var(--sable)}
.menu-foot{position:relative;width:100%;max-width:1248px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px 28px;padding-top:22px;border-top:1px solid rgba(246,238,227,.28);font-size:11px;letter-spacing:.24em;text-transform:uppercase}
.menu-links{display:flex;flex-wrap:wrap;align-items:baseline;gap:14px 28px}
.menu-links a:first-child{letter-spacing:.08em;text-transform:none;font-family:var(--serif);font-style:italic;font-size:17px}

.hero{position:relative;display:flex;min-height:max(100svh,720px);background:var(--cuivre);color:var(--creme)}
.hero-photo{position:relative;flex:1 1 50%;overflow:hidden;background:#3B2A20}
.hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 40%}
.hero-panel{position:relative;flex:1 1 50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(112px,9vw,132px) clamp(24px,4vw,64px) clamp(112px,10vw,140px);overflow:hidden}
.hero .grain{opacity:.6}
.hero-ghost{position:absolute;top:-40px;right:-20px;font-family:var(--display);font-size:300px;line-height:.82;color:rgba(246,238,227,.06);text-align:right;pointer-events:none;-webkit-user-select:none;user-select:none}
.hero-kicker{position:relative;font-size:13px;letter-spacing:.24em;padding-left:.24em;line-height:1.7;text-transform:uppercase}
.hero-title{position:relative;margin-top:26px;font-weight:400}
.hero-wordmark{display:block;font-family:var(--display);font-weight:400;font-size:clamp(64px,7.8vw,112px);line-height:.92;letter-spacing:.02em}
.hero-collection{display:block;margin-top:12px;font-family:var(--sans);font-size:16px;letter-spacing:.42em;padding-left:.42em}
.hero-powered{position:relative;margin-top:40px;font-family:var(--serif);font-style:italic;font-size:clamp(34px,3vw,44px);line-height:1.1}
.hero-rule{position:relative;display:block;width:56px;height:1px;margin-top:44px;background:rgba(246,238,227,.6)}
.hero-name{position:relative;margin-top:30px;font-family:var(--serif);font-size:30px;line-height:1.15}
.hero-role{position:relative;margin-top:12px;font-size:13px;letter-spacing:.14em;line-height:1.9;text-transform:uppercase}
.hero .cue{position:absolute;left:50%;bottom:clamp(28px,3vw,40px);transform:translateX(-50%)}
.hero-places{position:absolute;inset:0;font-size:11px;letter-spacing:.3em;line-height:1;text-transform:uppercase;pointer-events:none}
.hero-places li{position:absolute}
.hero-places li:nth-child(1){top:116px;left:var(--edge)}
.hero-places li:nth-child(2){top:116px;right:var(--edge)}
.hero-places li:nth-child(3){bottom:clamp(28px,3vw,40px);left:var(--edge)}
.hero-places li:nth-child(4){bottom:clamp(28px,3vw,40px);right:var(--edge)}

.idee{position:relative;overflow:hidden;padding:136px var(--pad) 40px;display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--creme);background:linear-gradient(180deg,var(--cuivre) 0%,var(--nuit) 100%)}
.idee .grain{opacity:.55}
.idee-corner{position:absolute;top:48px;font-size:11px;letter-spacing:.3em;text-transform:uppercase}
.idee-corner-l{left:var(--edge)}
.idee-corner-r{right:var(--edge)}
.idee-head{position:relative;width:100%;max-width:1180px;display:flex;flex-direction:column;align-items:center}
.idee-sun{position:absolute;left:50%;bottom:0;width:1040px;height:520px;margin-left:-520px;overflow:hidden;pointer-events:none}
.idee-sun div{position:absolute;left:0;top:0;width:1040px;height:1040px;border-radius:50%;background:radial-gradient(closest-side,rgba(228,193,163,.42),rgba(228,193,163,.16) 42%,rgba(228,193,163,0) 72%)}
.idee .display{font-size:clamp(64px,8.4vw,124px);line-height:.98}
.idee .display em{color:var(--sable)}
.idee-horizon{position:relative;display:block;width:100%;height:1px;margin-top:76px;background:rgba(246,238,227,.36)}
.idee-figures{position:relative;width:100%;max-width:1180px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:left}
.fig{padding:44px clamp(20px,2.6vw,40px) 0}
.fig:first-child{padding-left:0}
.fig:last-child{padding-right:0}
.fig+.fig{border-left:1px solid rgba(246,238,227,.2)}
.fig-verb{font-family:var(--serif);font-style:italic;font-weight:500;font-size:28px;line-height:1.1;color:var(--sable)}
.fig-num{margin-top:14px;font-family:var(--display);font-size:clamp(72px,6.6vw,96px);line-height:1}
.fig-pct{font-size:.42em;vertical-align:.95em;margin-left:.1em}
.fig-plus{font-size:.5em;vertical-align:.5em;margin-right:.06em}
.fig-text{margin-top:16px;max-width:320px;font-family:var(--serif);font-weight:500;font-size:20px;line-height:1.45}
.fig-src{margin-top:12px;font-family:var(--serif);font-style:italic;font-size:15px;line-height:1.4;color:rgba(228,193,163,.9)}
.idee-punch{position:relative;margin-top:84px;max-width:900px;font-family:var(--serif);font-style:italic;font-size:clamp(30px,2.8vw,40px);line-height:1.28;color:var(--sable)}
.juste{position:relative;white-space:nowrap;color:var(--creme)}
.juste-line{position:absolute;left:.04em;right:.04em;bottom:.06em;height:1px;background:currentColor;transform-origin:left}
.idee-letter{position:relative;margin-top:30px;max-width:680px;font-family:var(--serif);font-weight:500;font-size:22px;line-height:1.6}
.signature{position:relative;margin-top:20px;font-family:var(--serif);font-style:italic;font-size:28px;line-height:1.2;color:var(--sable)}
.btn-line{position:relative;margin-top:44px;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border:1px solid rgba(246,238,227,.6);font-size:12px;letter-spacing:.26em;text-transform:uppercase;transition:background-color .4s ease,color .4s ease}
.btn-line:hover{opacity:1;background:var(--creme);color:var(--nuit)}
.idee .cue{margin-top:80px}

.methode{position:relative;overflow:hidden;padding:250px var(--pad) 40px;display:flex;flex-direction:column;align-items:center;color:var(--encre);background:linear-gradient(180deg,var(--nuit) 0,var(--sable) 170px,var(--fond) 330px,var(--fond) 70%,var(--sable) 100%)}
.methode .grain{opacity:.3}
.methode-sketch{position:absolute;right:-40px;top:150px;width:760px;height:520px;color:rgba(150,89,63,.18);pointer-events:none}
.methode-intro{position:relative;width:100%;max-width:1248px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(40px,6vw,112px);align-items:start}
.methode .display{margin-top:22px;font-size:clamp(56px,6.2vw,92px)}
.methode-lead{padding-top:34px}
.methode-motto{position:relative;margin-top:26px;font-family:var(--serif);font-style:italic;font-size:clamp(26px,2.3vw,32px);line-height:1.3;color:var(--cuivre)}
.phases{position:relative;width:100%;max-width:1248px;margin-top:110px}
.phases-line{position:absolute;left:52px;right:0;top:52px;height:1px;background:rgba(46,24,16,.3);transform-origin:left}
.phases-list{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:clamp(24px,3vw,48px)}
.phase{position:relative}
.phase-badge{position:relative;width:104px;height:104px;border-radius:50%;border:1px solid rgba(150,89,63,.4);background:var(--fond);display:grid;place-items:center;color:var(--cuivre)}
.phase-badge svg{width:70px;height:70px}
.phase-sheet{padding-top:30px}
.phase-label{display:flex;align-items:baseline;gap:10px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--encre-3)}
.phase-num{font-family:var(--display);font-size:15px;letter-spacing:.06em;color:var(--cuivre)}
.phase-title{margin-top:12px;font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(28px,2.4vw,34px);line-height:1.1;color:var(--cuivre)}
.phase-text{margin-top:16px;font-family:var(--serif);font-weight:500;font-size:18px;line-height:1.55}
.phase-ref{margin-top:22px;padding-top:16px;border-top:1px solid rgba(46,24,16,.18)}
.phase-ref-label{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--encre-3)}
.phase-ref-text{margin-top:8px;font-family:var(--serif);font-style:italic;font-size:17px;line-height:1.45;color:var(--encre-2)}
.rail-hint{display:none}
.ways{position:relative;width:100%;max-width:1248px;margin-top:120px;padding-top:44px;border-top:1px solid rgba(46,24,16,.25)}
.ways-title{text-align:center}
.ways-grid{margin-top:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(24px,3vw,48px)}
.way{padding:0 clamp(12px,1.5vw,24px)}
.way:first-child{padding-left:0}
.way:last-child{padding-right:0}
.way+.way{border-left:1px solid rgba(46,24,16,.18)}
.way-who{font-family:var(--serif);font-size:28px;line-height:1.15}
.way-name{margin-top:6px;font-family:var(--display);font-size:13px;letter-spacing:.14em;color:var(--cuivre)}
.way-text{margin-top:14px;font-family:var(--serif);font-weight:500;font-size:18px;line-height:1.55;color:var(--encre-2)}
.methode .cue{margin-top:96px}

.reveler{position:relative;overflow:hidden;padding:170px var(--pad) 40px;display:flex;flex-direction:column;align-items:center;color:var(--encre);background:linear-gradient(180deg,var(--sable) 0,var(--fond) 240px,var(--fond) 100%)}
.reveler .grain{opacity:.3}
.reveler-intro{position:relative;width:100%;max-width:1248px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:clamp(32px,5vw,96px);align-items:end}
.reveler .display{margin-top:22px;font-size:clamp(56px,6.4vw,92px)}
.reveler-lead{margin-bottom:10px;max-width:460px;line-height:1.55}
.spread{position:relative;width:100%;max-width:1248px;display:grid;column-gap:clamp(40px,6vw,112px);align-items:center}
.spread-a{margin-top:104px;grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.spread-b{margin-top:150px;grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.spread-media{position:relative;margin-bottom:64px}
.spread-main{position:relative;aspect-ratio:1/1;overflow:hidden;background:#1E2A3A}
.spread-b .spread-main{background:#3A2A1E}
.spread-main img,.spread-detail img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.spread-b .spread-main img{object-position:50% 45%}
.spread-detail{position:absolute;bottom:-64px;width:44%;aspect-ratio:1/1;padding:10px;background:var(--fond)}
.spread-a .spread-detail{right:-9%}
.spread-b .spread-detail{left:-9%}
.spread-detail>div{position:relative;width:100%;height:100%;overflow:hidden}
.spread-num{display:flex;align-items:center;gap:18px;font-family:var(--display);font-size:18px;color:var(--cuivre)}
.spread-num::after{content:"";flex:1;height:1px;background:rgba(46,24,16,.2)}
.spread-title{margin-top:26px;font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(36px,3.2vw,46px);line-height:1.05;color:var(--cuivre)}
.spread-body{margin-top:20px;max-width:430px;font-family:var(--serif);font-weight:500;font-size:20px;line-height:1.55}
.spread-kicker{margin-top:28px;font-family:var(--serif);font-style:italic;font-size:17px;color:var(--encre-3)}
.spread-proof{margin-top:2px;font-family:var(--serif);font-size:26px;letter-spacing:.01em}
.spread-src{margin-top:6px;font-family:var(--serif);font-style:italic;font-size:15px;color:var(--encre-3)}
.reveler .cue{margin-top:112px}

.collection{position:relative;display:flex;min-height:1000px;color:var(--encre);background:var(--fond)}
.collection-photo{position:relative;flex:1 1 50%;min-height:640px;overflow:hidden;background:#8A7A6A}
.collection-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% 40%}
.collection-photo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(180deg,rgba(28,12,7,0) 0%,rgba(28,12,7,.6) 100%);pointer-events:none}
.collection-caption{position:absolute;z-index:1;left:clamp(24px,3vw,48px);right:clamp(24px,3vw,48px);bottom:clamp(28px,3.4vw,52px);color:var(--creme)}
.collection-caption-k{font-size:11px;letter-spacing:.3em;text-transform:uppercase}
.collection-caption-t{margin-top:12px;font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(32px,2.8vw,42px);line-height:1.05}
.collection-caption-d{margin-top:12px;max-width:440px;font-family:var(--serif);font-weight:500;font-size:18px;line-height:1.5}
.collection-panel{position:relative;flex:1 1 50%;display:flex;flex-direction:column;justify-content:center;padding:clamp(80px,9vw,130px) clamp(24px,6vw,112px) 40px;overflow:hidden}
.collection .grain{opacity:.3}
.collection .display{margin-top:22px;font-size:clamp(48px,5vw,76px);line-height:1.02}
.collection .lead{margin-top:26px;max-width:470px;font-size:20px;line-height:1.55}
.places{position:relative;margin-top:52px;border-top:1px solid rgba(46,24,16,.18)}
.place{padding:22px 0;border-bottom:1px solid rgba(46,24,16,.18)}
.place-paris{--dot:var(--paris)}
.place-tropez{--dot:var(--tropez)}
.place-caraibes{--dot:var(--caraibes)}
.place-name{display:flex;align-items:center;gap:14px;font-family:var(--serif);font-size:30px;line-height:1.1}
.place-name::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:var(--dot)}
.place-list{margin:8px 0 0 24px;font-family:var(--serif);font-weight:500;font-size:17px;line-height:1.5;color:var(--encre-2)}
.collection .cue{margin-top:72px;align-self:center}

.fondatrice{position:relative;overflow:hidden;padding:250px var(--pad) 40px;display:flex;flex-direction:column;align-items:center;color:var(--creme);background:linear-gradient(180deg,var(--fond) 0,var(--nuit) 230px,var(--nuit) calc(100% - 280px),var(--cuivre) 100%)}
.fondatrice .grain{opacity:.5}
.fondatrice-grid{position:relative;width:100%;max-width:1248px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(40px,7vw,120px);align-items:center}
.portrait{position:relative;aspect-ratio:4/5;overflow:hidden;background:#5A3A2A}
.portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.fondatrice figcaption{margin-top:16px;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:rgba(246,238,227,.75)}
.fondatrice .eyebrow{color:var(--sable)}
.fondatrice .display{margin-top:22px;font-size:clamp(56px,6vw,88px)}
.fondatrice .lead{margin-top:26px;max-width:560px;line-height:1.55;color:rgba(246,238,227,.92)}
.quote{position:relative;margin-top:34px;max-width:600px;font-family:var(--serif);font-style:italic;font-size:clamp(26px,2.3vw,34px);line-height:1.3;color:var(--sable)}
.creds{margin-top:48px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}
.cred{padding:20px 0 22px;border-top:1px solid rgba(246,238,227,.22)}
.cred-name{font-family:var(--display);font-size:19px;letter-spacing:.1em}
.cred-text{margin-top:8px;font-family:var(--serif);font-weight:500;font-size:17px;line-height:1.45;color:rgba(246,238,227,.86)}
.fondatrice .cue{margin-top:150px}

.finale{position:relative;overflow:hidden;min-height:1000px;padding:150px var(--pad) 36px;display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--creme);background:linear-gradient(180deg,var(--cuivre) 0,var(--cuivre) 120px,var(--nuit) 100%)}
.finale .grain{opacity:.55}
.finale-dawn{position:absolute;left:50%;bottom:-420px;width:1100px;height:1100px;margin-left:-550px;border-radius:50%;background:radial-gradient(closest-side,rgba(228,193,163,.34),rgba(228,193,163,.12) 44%,rgba(228,193,163,0) 72%);pointer-events:none}
.contact{position:relative;display:flex;flex-direction:column;align-items:center}
.contact .eyebrow{color:inherit}
.contact .display{margin-top:26px;font-size:clamp(64px,8.4vw,124px);line-height:.98}
.contact .display em{color:var(--sable)}
.contact-text{position:relative;margin-top:34px;max-width:560px;font-family:var(--serif);font-weight:500;font-size:22px;line-height:1.55}
.contact-actions{position:relative;margin-top:44px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px 36px}
.btn-solid{display:inline-flex;align-items:center;min-height:52px;padding:0 34px;background:var(--creme);color:var(--nuit);font-size:12px;letter-spacing:.26em;text-transform:uppercase;transition:background-color .4s ease}
.btn-solid:hover{opacity:1;background:var(--sable)}
.contact-mail{font-family:var(--serif);font-style:italic;font-size:21px;border-bottom:1px solid rgba(246,238,227,.45);padding-bottom:2px}
.site-footer{position:relative;margin-top:auto;padding-top:120px;width:100%;max-width:1248px;display:flex;flex-direction:column;align-items:center}
.footer-wordmark{font-family:var(--display);font-size:clamp(64px,8vw,116px);line-height:.92;letter-spacing:.02em}
.footer-collection{margin-top:10px;font-size:15px;letter-spacing:.42em;padding-left:.42em}
.footer-powered{margin-top:22px;font-family:var(--serif);font-style:italic;font-size:24px;color:var(--sable)}
.footer-rule{display:block;width:100%;height:1px;margin-top:64px;background:rgba(246,238,227,.28)}
.footer-row{width:100%;margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:16px;font-size:11px;letter-spacing:.24em;text-transform:uppercase}
.footer-row>p:first-child{text-align:left}
.footer-copy{text-align:center;letter-spacing:.16em;color:rgba(246,238,227,.8)}
.footer-links{display:flex;justify-content:flex-end;gap:28px}

.legal{min-height:100svh;padding:clamp(140px,14vw,200px) var(--pad) 80px;color:var(--encre);background:linear-gradient(180deg,var(--cuivre) 0,var(--sable) 160px,var(--fond) 360px)}
.legal-inner{position:relative;max-width:760px;margin:0 auto}
.legal .display{margin-top:22px;font-size:clamp(48px,6vw,80px)}
.legal h2{margin-top:56px;font-family:var(--serif);font-style:italic;font-weight:500;font-size:30px;line-height:1.15;color:var(--cuivre)}
.legal p{margin-top:14px;font-family:var(--serif);font-weight:500;font-size:19px;line-height:1.6;color:var(--encre-2)}
.legal a{border-bottom:1px solid rgba(46,24,16,.3)}
.legal-back{display:inline-flex;margin-top:64px;min-height:48px;align-items:center;padding:0 26px;border:1px solid rgba(46,24,16,.4);font-size:12px;letter-spacing:.26em;text-transform:uppercase}
.solo-header{position:absolute;z-index:2;top:0;left:0;right:0;display:flex;justify-content:center;padding:26px 20px;color:var(--creme)}

.lost{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px 24px;text-align:center;color:var(--creme);background:linear-gradient(180deg,var(--cuivre) 0%,var(--nuit) 100%);overflow:hidden}
.lost .grain{opacity:.55}
.lost .eyebrow{color:var(--sable)}
.lost .display{margin-top:24px;font-size:clamp(52px,7vw,96px)}
.lost .display em{color:var(--sable)}
.lost p{position:relative}
.lost .btn-line{margin-top:48px}

.d1{--d:.05s}.d2{--d:.1s}.d3{--d:.15s}.d4{--d:.2s}.d5{--d:.25s}.d6{--d:.3s}.d7{--d:.35s}.d8{--d:.4s}.d9{--d:.45s}.d10{--d:.5s}.d11{--d:.55s}.d12{--d:.6s}.d13{--d:.65s}.d14{--d:.7s}.d15{--d:.75s}.d16{--d:.8s}.d18{--d:.9s}.d21{--d:1.05s}.d23{--d:1.15s}

@keyframes ac-rise{from{opacity:0;transform:translateY(16px);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes ac-fade{from{opacity:0}to{opacity:1}}
@keyframes ac-breathe{from{opacity:0;letter-spacing:.2em;filter:blur(10px)}to{opacity:1;letter-spacing:.02em;filter:blur(0)}}
@keyframes ac-rule{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes ac-photo{from{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}
@keyframes ac-unveil{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes ac-settle{from{transform:scale(1.12)}to{transform:scale(1)}}
@keyframes ac-pop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}
@keyframes ac-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes ac-sun{from{opacity:0;transform:translateY(260px)}to{opacity:1;transform:none}}
@keyframes ac-dawn{from{opacity:0;transform:translateY(240px)}to{opacity:1;transform:none}}
@keyframes ac-drift{from{transform:translateY(0)}to{transform:translateY(-56px)}}
@keyframes ac-drop{from{transform:translateY(-100%)}to{transform:translateY(280%)}}

@media (prefers-reduced-motion:no-preference){
html{scroll-behavior:smooth}
html.has-menu{scroll-behavior:auto}
.a-draw *{stroke-dasharray:1}
.js .a-rise:not(.is-in),.js .a-fade:not(.is-in),.js .a-breathe:not(.is-in),.js .a-photo:not(.is-in),.js .a-pop:not(.is-in),.js .a-sun:not(.is-in),.js .a-dawn:not(.is-in){opacity:0}
.js .a-rule:not(.is-in){transform:scaleX(0)}
.js .a-unveil:not(.is-in){clip-path:inset(100% 0 0 0)}
.js .a-draw:not(.is-in) *{stroke-dashoffset:1}
.js .a-rise.is-in{animation:ac-rise .8s var(--out) var(--d,0s) backwards}
.js .a-fade.is-in{animation:ac-fade .7s ease var(--d,0s) backwards}
.js .a-breathe.is-in{animation:ac-breathe 1.1s var(--out) var(--d,0s) backwards}
.js .a-rule.is-in{animation:ac-rule .9s var(--io) var(--d,0s) backwards}
.js .a-photo.is-in{animation:ac-photo 1.4s var(--out) var(--d,0s) backwards}
.js .a-unveil.is-in{animation:ac-unveil 1s cubic-bezier(.77,0,.18,1) var(--d,0s) backwards}
.js .a-unveil.is-in img{animation:ac-settle 1.6s var(--out) var(--d,0s) backwards}
.js .a-pop.is-in{animation:ac-pop .55s cubic-bezier(.34,1.56,.64,1) var(--d,0s) backwards}
.js .a-draw.is-in *{animation:ac-draw 1.1s var(--io) var(--d,0s) backwards}
.js .draw-slow.is-in *{animation-duration:2.2s}
.js .a-sun.is-in{animation:ac-sun 2s var(--out) var(--d,0s) backwards}
.js .a-dawn.is-in{animation:ac-dawn 2s var(--out) var(--d,0s) backwards}
.js .display .a-rise.is-in,.js .display.a-rise.is-in{animation-duration:.95s}
.hero-ghost{animation:ac-drift 16s ease-in-out infinite alternate}
.cue-line span{animation:ac-drop 2s var(--io) .4s infinite backwards}
.place{transition:padding-left .6s var(--out)}
.place:hover{padding-left:14px}
.menu{clip-path:inset(0 0 100% 0);transition:clip-path .6s var(--io)}
.menu.is-open{clip-path:inset(0 0 0 0)}
.menu-list li,.menu-foot{opacity:0;transform:translateY(26px);transition:opacity .3s ease,transform .3s var(--out)}
.menu.is-open .menu-list li,.menu.is-open .menu-foot{opacity:1;transform:none;transition:opacity .6s ease,transform .75s var(--out)}
.menu.is-open .menu-list li:nth-child(1){transition-delay:.2s}
.menu.is-open .menu-list li:nth-child(2){transition-delay:.24s}
.menu.is-open .menu-list li:nth-child(3){transition-delay:.28s}
.menu.is-open .menu-list li:nth-child(4){transition-delay:.32s}
.menu.is-open .menu-list li:nth-child(5){transition-delay:.36s}
.menu.is-open .menu-list li:nth-child(6){transition-delay:.4s}
.menu.is-open .menu-foot{transition-delay:.46s}
}

@media (prefers-reduced-motion:reduce){
*,*::before,*::after{transition-duration:.01ms!important}
}

@media (max-width:1180px){
.hero-places li:nth-child(1),.hero-places li:nth-child(2){top:108px}
}

@media (max-width:999px){
.phases{align-self:stretch;width:auto;max-width:none;margin:56px calc(var(--pad)*-1) 0}
.phases-line{left:0;top:40px;background:rgba(46,24,16,.28)}
.phases-list{display:flex;align-items:stretch;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--pad);padding:0 0 6px var(--pad);scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.phases-list::-webkit-scrollbar{display:none}
.phases-list::after{content:"";flex:0 0 max(1px,calc(var(--pad) - 14px))}
.phase{flex:0 0 min(84%,380px);scroll-snap-align:start;padding-top:40px}
.phase-badge{position:absolute;left:22px;top:0;z-index:1;width:80px;height:80px;border-color:rgba(150,89,63,.45)}
.phase-badge svg{width:52px;height:52px}
.phase-sheet{height:100%;padding:62px 22px 26px;background:rgba(255,251,245,.72);border:1px solid rgba(150,89,63,.18)}
.phase-label{font-size:10px}
.phase-num{font-size:16px;letter-spacing:0}
.phase-title{font-size:31px;line-height:1.08}
.phase-text{margin-top:14px}
.phase-ref{margin-top:18px;padding-top:14px;border-top-color:rgba(46,24,16,.16)}
.phase-ref-label{font-size:9px}
.phase-ref-text{margin-top:6px;font-size:16px}
.rail-hint{display:flex;align-items:center;gap:10px;margin:18px var(--pad) 0;font-family:var(--serif);font-style:italic;font-size:15px;color:var(--encre-3)}
.js .phase .a-rise:not(.is-in),.js .phase .a-pop:not(.is-in){opacity:1}
.js .phase .a-rise.is-in,.js .phase .a-pop.is-in{animation:none}
.phase .a-draw{--d:.12s}
}

@media (max-width:959px){
.site-header .monogram{opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s,width .6s var(--out),height .6s var(--out),font-size .6s var(--out)}
.site-header.is-solid .monogram{opacity:1;visibility:visible;transition:opacity .45s ease .1s,visibility 0s,width .6s var(--out),height .6s var(--out),font-size .6s var(--out)}
.hero{flex-direction:column;min-height:100svh;overflow:hidden}
.hero-photo{flex:none;height:clamp(330px,42svh,560px)}
.hero-photo img{object-position:55% 30%}
.hero-photo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;background:linear-gradient(180deg,rgba(150,89,63,0) 0%,var(--cuivre) 100%)}
.hero-panel{flex:1 1 auto;justify-content:flex-start;padding:6px 20px 22px;overflow:visible}
.hero .grain{top:-150px;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 150px);mask-image:linear-gradient(180deg,transparent 0,#000 150px)}
.hero-ghost{top:-60px;right:-30px;font-size:230px;color:rgba(246,238,227,.05)}
.hero-kicker{font-size:12px;letter-spacing:.2em;padding-left:.2em;line-height:1.8}
.hero-title{margin-top:16px}
.hero-wordmark{font-size:clamp(64px,18.4vw,104px)}
.hero-collection{margin-top:10px;font-size:15px}
.hero-powered{margin-top:24px;font-size:34px}
.hero-rule{width:48px;margin-top:22px}
.hero-name{margin-top:18px;font-size:28px}
.hero-role{margin-top:8px;font-size:12px;line-height:1.85}
.hero .cue{position:relative;left:auto;bottom:auto;transform:none;margin-top:auto;padding-top:18px}
.hero-places{display:none}
.collection{flex-direction:column;min-height:0}
.collection-photo{flex:none;min-height:0;aspect-ratio:4/5;max-height:min(86svh,820px)}
.collection-photo img{object-position:35% 35%}
.collection-panel{padding:64px var(--pad) 28px}
}

@media (max-width:759px){
:root{--pad:20px;--edge:20px}
.m-only{display:inline}
.d-only{display:none}
.site-header{padding:20px;font-size:11px;letter-spacing:.2em}
.site-header.is-solid{padding-top:10px;padding-bottom:10px}
.monogram{width:44px;height:44px;font-size:21px}
.is-solid .monogram{width:38px;height:38px;font-size:18px}
.header-cta{padding:0 14px}
.menu-inner{padding:20px 20px 28px}
.menu-top{font-size:11px;letter-spacing:.2em}
.menu-nav{padding:36px 0}
.menu-list a{font-size:36px;gap:16px}
.menu-num{font-size:14px;min-width:1.8em}
.menu-foot{flex-direction:column;font-size:10px;letter-spacing:.2em}
.eyebrow{font-size:10px}
.lead{font-size:18px}
.cue{gap:10px;font-size:10px}
.cue-line{height:40px}
.cue-line span{height:14px}

.idee{padding:96px 20px 28px}
.idee-corner{top:32px;font-size:10px}
.idee-corner-l{left:20px;right:20px}
.idee-corner-r{display:none}
.idee-sun{width:560px;height:280px;margin-left:-280px}
.idee-sun div{width:560px;height:560px}
.idee .display{font-size:54px;line-height:1;letter-spacing:-.01em}
.idee-horizon{margin-top:48px}
.idee-figures{grid-template-columns:1fr}
.fig,.fig:first-child,.fig:last-child{padding:30px 0;border-bottom:1px solid rgba(246,238,227,.2)}
.fig:first-child{padding-top:32px}
.fig+.fig{border-left:0}
.fig-verb{font-size:26px}
.fig-num{margin-top:10px;font-size:72px}
.fig-text{margin-top:12px;max-width:none;font-size:19px}
.idee-punch{margin-top:56px;font-size:28px;line-height:1.3}
.idee-letter{margin-top:24px;font-size:19px}
.signature{margin-top:18px;font-size:26px}
.btn-line{margin-top:36px;padding:0 24px;font-size:11px;letter-spacing:.24em}
.idee .cue{margin-top:56px}

.methode{padding:180px 20px 28px;background:linear-gradient(180deg,var(--nuit) 0,var(--sable) 120px,var(--fond) 240px,var(--fond) 75%,var(--sable) 100%)}
.methode-sketch{right:-120px;width:520px;height:356px;color:rgba(150,89,63,.14)}
.methode-intro{grid-template-columns:1fr}
.methode .display{margin-top:18px;font-size:46px;letter-spacing:-.01em}
.methode-lead{padding-top:0;margin-top:24px}
.methode-motto{margin-top:20px;font-size:24px}
.phases{margin-top:48px}
.ways{margin-top:64px;padding-top:0;border-top:0}
.ways-title{margin-bottom:18px;text-align:left}
.ways-grid{margin-top:0;grid-template-columns:1fr}
.way,.way:first-child,.way:last-child{padding:22px 0;border-top:1px solid rgba(46,24,16,.18)}
.way+.way{border-left:0}
.way-who{font-size:26px}
.way-name{font-size:12px}
.way-text{margin-top:10px;font-size:17px}
.methode .cue{margin-top:52px}

.reveler{padding:120px 20px 28px;background:linear-gradient(180deg,var(--sable) 0,var(--fond) 180px,var(--fond) 100%)}
.reveler-intro{grid-template-columns:1fr}
.reveler .display{margin-top:18px;font-size:48px}
.reveler-lead{margin:22px 0 0;max-width:none;font-size:19px}
.spread-a,.spread-b{grid-template-columns:minmax(0,1fr)}
.spread-a{margin-top:48px}
.spread-b{margin-top:88px;row-gap:36px}
.spread-media{margin:0 -20px 56px}
.spread-detail{bottom:-56px;width:46%;padding:7px}
.spread-a .spread-detail{right:16px}
.spread-b .spread-detail{left:16px}
.spread-title{font-size:34px}
.spread-body{margin-top:16px;max-width:none;font-size:18px}
.spread-b .spread-body{margin-top:20px}
.spread-kicker{margin-top:22px;font-size:16px}
.spread-b .spread-proof{font-size:23px}
.reveler .cue{margin-top:64px}

.collection-caption{left:20px;right:20px;bottom:24px}
.collection-caption-k{font-size:10px}
.collection-caption-t{font-size:30px}
.collection-caption-d{margin-top:10px;font-size:16px}
.collection .display{margin-top:18px;font-size:46px}
.collection .lead{margin-top:22px;font-size:18px}
.places{margin-top:40px}
.place-name{font-size:26px}
.place-list{margin-top:6px;font-size:16px}
.collection .cue{margin-top:56px}

.fondatrice{padding:190px 20px 28px;background:linear-gradient(180deg,var(--fond) 0,var(--nuit) 170px,var(--nuit) calc(100% - 220px),var(--cuivre) 100%)}
.fondatrice-grid{grid-template-columns:minmax(0,1fr);row-gap:36px}
.fondatrice figure{margin:0 -20px}
.fondatrice figcaption{margin:12px 20px 0}
.fondatrice .display{font-size:48px}
.fondatrice .lead{margin-top:20px;font-size:19px}
.quote{margin-top:26px;font-size:25px}
.creds{margin-top:36px;column-gap:18px}
.cred-name{font-size:16px;letter-spacing:.08em}
.cred-text{margin-top:6px;font-size:15px;line-height:1.4}
.fondatrice .cue{margin-top:110px}

.finale{min-height:0;padding:120px 20px 28px;background:linear-gradient(180deg,var(--cuivre) 0,var(--cuivre) 80px,var(--nuit) 100%)}
.finale-dawn{bottom:-260px;width:640px;height:640px;margin-left:-320px}
.contact .display{margin-top:20px;font-size:56px}
.contact-text{margin-top:26px;font-size:19px}
.contact-actions{margin-top:36px;flex-direction:column;gap:22px}
.contact-mail{font-size:19px}
.site-footer{padding-top:96px}
.footer-wordmark{font-size:60px}
.footer-collection{margin-top:8px;font-size:13px}
.footer-powered{font-size:22px}
.footer-rule{margin-top:48px}
.footer-row{margin-top:22px;display:flex;flex-direction:column;align-items:center;gap:14px;font-size:10px;letter-spacing:.2em;line-height:1.8}
.footer-row>p:first-child{text-align:center}
.footer-links{justify-content:center}

.solo-header{padding:20px}
.legal p{font-size:18px}
.legal h2{font-size:26px}
}

@media print{
.site-header,.menu,.cue,.grain,.hero-ghost,.methode-sketch{display:none!important}
}
