:root{--mdl-black:#070908;--mdl-ink:#0c0f0d;--mdl-gold:#d5b06a;--mdl-gold-pale:#efdca6;--mdl-text:#f5f0e7;--mdl-muted:#aaaFA8}
*{box-sizing:border-box}.mdl-elements-body{margin:0;background:var(--mdl-black);color:var(--mdl-text);overflow-x:hidden}.mdl-elements-page{min-height:100vh;background:radial-gradient(circle at 19% 34%,rgba(151,111,47,.14),transparent 28%),radial-gradient(circle at 79% 46%,rgba(70,103,103,.09),transparent 28%),#070908;color:#f3eee5;position:relative}.mdl-elements-page:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.17;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E")}.mdl-elements-hero{text-align:center;padding:8rem 1.5rem 3rem;position:relative}.mdl-elements-hero>span,.mdl-elements-closing>span{text-transform:uppercase;letter-spacing:.28em;color:#c7a766;font-size:.67rem}.mdl-elements-hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(3.2rem,6.4vw,6.6rem);margin:1rem 0 .55rem;letter-spacing:-.045em}.mdl-elements-hero p{color:#aeb3ad;letter-spacing:.04em}.mdl-elements-hero i{display:block;width:1px;height:72px;margin:2rem auto 0;background:linear-gradient(transparent,#d2ad66,transparent)}
.mdl-compass-layout{max-width:1540px;margin:auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:clamp(2.5rem,5vw,7rem);align-items:center;padding:1rem clamp(1.5rem,5vw,5rem) 8rem}.mdl-compass-stage{text-align:center;position:relative}.mdl-luxury-compass{width:min(720px,78vw);aspect-ratio:1;margin:auto;position:relative;border-radius:50%;filter:drop-shadow(0 40px 80px rgba(0,0,0,.55))}.mdl-luxury-compass svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}.mdl-compass-aura{position:absolute;inset:4%;border-radius:50%;background:radial-gradient(circle,rgba(219,180,101,.16),transparent 54%);filter:blur(24px);animation:mdlAura 7s ease-in-out infinite}.mdl-compass-engraving{animation:mdlEngraving 28s linear infinite;transform-origin:400px 400px}.mdl-compass-star-secondary{animation:mdlCounterSpin 44s linear infinite;transform-origin:400px 400px}.mdl-compass-cardinal-gems{opacity:.85}.mdl-compass-point{position:absolute;z-index:3;background:none;border:0;color:#eee7dc;text-align:center;cursor:pointer;padding:.65rem;transition:transform .45s ease,filter .45s ease,opacity .45s ease}.mdl-compass-point:before{content:"";position:absolute;inset:-15px;border:1px solid rgba(213,176,106,.25);border-radius:50%;opacity:0;transform:scale(.76);transition:.45s}.mdl-compass-point:hover:before,.mdl-compass-point.is-active:before{opacity:1;transform:scale(1)}.mdl-compass-point b{display:block;font-family:Georgia,serif;font-size:1.35rem;font-weight:400;color:#d8b66d;letter-spacing:.08em}.mdl-compass-point small{display:block;margin-top:.12rem;letter-spacing:.1em;color:#aeb3ad;font-size:.65rem}.mdl-element-medallion{display:grid;place-items:center;width:40px;height:40px;margin:0 auto .45rem;border:1px solid rgba(220,181,107,.62);border-radius:50%;color:#e4c985;background:rgba(8,10,9,.72);box-shadow:inset 0 0 18px rgba(197,151,68,.08)}.mdl-compass-point--air{top:1.2%;left:50%;transform:translateX(-50%)}.mdl-compass-point--terre{bottom:1.2%;left:50%;transform:translateX(-50%)}.mdl-compass-point--eau{left:-1%;top:50%;transform:translateY(-50%)}.mdl-compass-point--feu{right:-1%;top:50%;transform:translateY(-50%)}.mdl-compass-point.is-active,.mdl-compass-point:hover{filter:drop-shadow(0 0 18px rgba(229,185,100,.55))}.mdl-compass-point--air.is-active,.mdl-compass-point--air:hover{transform:translateX(-50%) translateY(-5px)}.mdl-compass-point--terre.is-active,.mdl-compass-point--terre:hover{transform:translateX(-50%) translateY(5px)}.mdl-compass-point--eau.is-active,.mdl-compass-point--eau:hover{transform:translateY(-50%) translateX(-5px)}.mdl-compass-point--feu.is-active,.mdl-compass-point--feu:hover{transform:translateY(-50%) translateX(5px)}.mdl-compass-hint{color:#878e87;font-size:.69rem;letter-spacing:.16em;text-transform:uppercase;margin-top:1.5rem}
.mdl-element-panel{border:1px solid rgba(205,163,82,.38);background:linear-gradient(145deg,rgba(20,24,21,.98),rgba(8,10,9,.98));box-shadow:0 40px 100px rgba(0,0,0,.52),inset 0 0 0 1px rgba(255,255,255,.02);min-height:680px;display:grid;grid-template-rows:1.06fr .94fr;position:relative;overflow:hidden}.mdl-element-panel:before{content:"";position:absolute;inset:12px;border:1px solid rgba(215,179,105,.12);pointer-events:none;z-index:3}.mdl-element-panel__image{background-size:cover;background-position:center;position:relative;transition:opacity .28s ease,transform 1.2s cubic-bezier(.2,.7,.2,1);transform:scale(1.015)}.mdl-element-panel.is-changing .mdl-element-panel__image{opacity:.3;transform:scale(1.06)}.mdl-element-panel__image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0d100e 0%,rgba(13,16,14,.7) 8%,transparent 55%),linear-gradient(110deg,rgba(2,5,8,.1),transparent 52%)}.mdl-element-panel__number{position:absolute;right:1.5rem;top:1.2rem;z-index:2;font-family:Georgia,serif;font-size:4.2rem;color:rgba(238,211,152,.18);font-style:italic}.mdl-element-panel__copy{padding:2.3rem 2.7rem 3rem;position:relative}.mdl-element-panel__copy>span,.mdl-element-panel__copy>small{text-transform:uppercase;letter-spacing:.2em;color:#c6a460;font-size:.66rem}.mdl-element-panel h2{font-family:Georgia,serif;font-weight:400;font-size:3.5rem;margin:.45rem 0 1rem;transition:opacity .25s ease,transform .25s ease}.mdl-element-panel p{color:#b9bdb7;line-height:1.85;max-width:48ch;transition:opacity .25s ease}.mdl-element-panel.is-changing h2,.mdl-element-panel.is-changing p{opacity:.1;transform:translateY(8px)}.mdl-element-panel__rule{width:100%;height:1px;margin:1.6rem 0;background:linear-gradient(90deg,rgba(210,172,98,.55),transparent)}.mdl-element-panel__words{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.mdl-element-panel__words span{border:1px solid rgba(201,165,93,.42);border-radius:999px;padding:.54rem .84rem;color:#d4bd8e;font-size:.71rem;background:rgba(205,163,82,.03)}
.mdl-elements-closing{text-align:center;padding:9rem 1.5rem 10rem;background:linear-gradient(180deg,rgba(7,9,8,0),#10130f 28%,#080a09);position:relative}.mdl-elements-closing:before{content:"";position:absolute;top:-100px;left:0;right:0;height:170px;background:linear-gradient(to bottom,transparent,#10130f);filter:blur(22px);opacity:.85}.mdl-elements-closing h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(2.8rem,5vw,5.4rem);line-height:1;margin:1rem 0 1.5rem}.mdl-elements-closing p{max-width:700px;margin:0 auto 2rem;color:#aeb4ae;line-height:1.8}.mdl-elements-closing a{display:inline-block;border:1px solid #a9874c;color:#f5efe6!important;text-decoration:none;padding:1rem 1.5rem;text-transform:uppercase;letter-spacing:.16em;font-size:.67rem;transition:.35s}.mdl-elements-closing a:hover{background:#d3ad65;color:#090b0a!important;box-shadow:0 15px 40px rgba(185,139,57,.18)}
@keyframes mdlAura{50%{transform:scale(1.045);opacity:.65}}@keyframes mdlEngraving{to{transform:rotate(360deg)}}@keyframes mdlCounterSpin{to{transform:rotate(-360deg)}}
@media(max-width:1050px){.mdl-compass-layout{grid-template-columns:1fr}.mdl-element-panel{max-width:760px;margin:auto;width:100%}}
@media(max-width:650px){.mdl-elements-hero{padding-top:7rem}.mdl-luxury-compass{width:94vw}.mdl-compass-point b{font-size:.95rem}.mdl-compass-point small{font-size:.54rem}.mdl-element-medallion{width:31px;height:31px}.mdl-element-panel{min-height:590px}.mdl-element-panel__copy{padding:1.6rem}.mdl-compass-layout{padding-left:.35rem;padding-right:.35rem}.mdl-element-panel h2{font-size:2.8rem}}
@media(prefers-reduced-motion:reduce){.mdl-compass-aura,.mdl-compass-engraving,.mdl-compass-star-secondary{animation:none}.mdl-compass-point,.mdl-element-panel__image{transition:none}}

/* V6 — Rosace horlogère Maison du Lac */
.mdl-elements-page{background:
radial-gradient(circle at 50% 38%,rgba(201,164,92,.12),transparent 34%),
linear-gradient(120deg,#03131a 0%,#071b23 48%,#040e13 100%)}
.mdl-elements-hero{padding-bottom:1rem}.mdl-elements-hero h1{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(4rem,8vw,8.5rem);line-height:.82;color:#f4efe4;text-shadow:0 15px 55px rgba(0,0,0,.3)}
.mdl-compass-layout{grid-template-columns:minmax(540px,1.1fr) minmax(390px,.72fr);gap:clamp(4rem,7vw,9rem)}
.mdl-luxury-compass{width:min(790px,78vw);isolation:isolate}
.mdl-luxury-compass:before,.mdl-luxury-compass:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.mdl-luxury-compass:before{inset:1.5%;z-index:-2;background:
conic-gradient(from 7deg,#3b2a14,#e7cd8b 5%,#775324 10%,#f2daa0 16%,#5b3c18 25%,#d5b36b 32%,#3d2912 42%,#f2dca7 51%,#6c4a1f 62%,#d3ae61 72%,#3c2812 83%,#ecd493 92%,#3b2a14);
box-shadow:0 55px 120px rgba(0,0,0,.75),0 0 0 1px #e4c984,0 0 0 9px #18130b,0 0 0 11px rgba(220,184,111,.55)}
.mdl-luxury-compass:after{inset:4.7%;z-index:-1;background:
radial-gradient(circle at 42% 32%,rgba(255,255,255,.06),transparent 28%),
radial-gradient(circle,#0b232b 0,#06171e 57%,#020b0f 100%);
border:1px solid rgba(240,214,155,.6);box-shadow:inset 0 0 60px #000,inset 0 0 0 9px rgba(185,141,66,.1)}
.mdl-luxury-compass svg{inset:5.5%;width:89%;height:89%;filter:drop-shadow(0 2px 1px rgba(0,0,0,.8))}
.mdl-compass-aura{inset:-3%;background:radial-gradient(circle,rgba(230,190,105,.2),transparent 62%);filter:blur(42px)}
.mdl-compass-engraving{opacity:.25}.mdl-compass-axis{opacity:.65}.mdl-compass-star{filter:drop-shadow(0 0 8px rgba(227,193,121,.22))}
.mdl-compass-point{min-width:126px;padding:13px 10px 11px;background:rgba(3,14,18,.88);border:1px solid rgba(221,185,112,.47);border-radius:2px;box-shadow:0 16px 40px rgba(0,0,0,.45),inset 0 0 0 3px rgba(255,255,255,.015);backdrop-filter:blur(14px)}
.mdl-compass-point:before{inset:-5px;border-radius:3px;border-color:rgba(239,207,139,.55)}
.mdl-element-medallion{width:46px;height:46px;border:0;border-radius:0;background:transparent;box-shadow:none}
.mdl-element-medallion svg{position:static!important;width:31px!important;height:31px!important;fill:none;stroke:#dfc27f;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.mdl-compass-point--feu .mdl-element-medallion svg{fill:rgba(203,151,65,.08)}
.mdl-compass-point b{font-family:Inter,Arial,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.29em;color:#edd699}
.mdl-compass-point small{font-family:"Cormorant Garamond",Georgia,serif;font-size:.82rem;letter-spacing:.05em;color:#c1c8c6}
.mdl-compass-point--air{top:-1%}.mdl-compass-point--terre{bottom:-1%}.mdl-compass-point--eau{left:-3%}.mdl-compass-point--feu{right:-3%}
.mdl-compass-hint{margin-top:2.4rem;color:#a9b1b0}
.mdl-element-panel{min-height:720px;border-color:rgba(225,190,119,.5);background:linear-gradient(160deg,rgba(12,30,36,.98),rgba(3,13,17,.99));box-shadow:0 55px 130px rgba(0,0,0,.62),inset 0 0 0 1px rgba(255,255,255,.025)}
.mdl-element-panel:after{content:"MAISON DU LAC · LES QUATRE FORCES";position:absolute;z-index:4;right:-72px;top:130px;transform:rotate(90deg);font:600 8px Inter,Arial,sans-serif;letter-spacing:.28em;color:rgba(225,190,119,.38)}
.mdl-element-panel h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:4.5rem;line-height:.8}.mdl-element-panel__copy{padding:2.8rem 3.2rem 3.4rem}
@media(max-width:1050px){.mdl-compass-layout{grid-template-columns:1fr}.mdl-luxury-compass{width:min(760px,88vw)}}@media(max-width:650px){.mdl-luxury-compass{width:91vw}.mdl-compass-point{min-width:84px;padding:8px 4px}.mdl-element-medallion{width:32px;height:32px}.mdl-element-medallion svg{width:24px!important;height:24px!important}.mdl-compass-point b{font-size:.58rem}.mdl-compass-point small{display:none}.mdl-compass-point--eau{left:-1%}.mdl-compass-point--feu{right:-1%}.mdl-element-panel:after{display:none}}
.mdl-element-panel{min-height:940px;grid-template-rows:340px auto}.mdl-element-materials{margin-top:25px;padding-top:22px;border-top:1px solid rgba(210,172,98,.28)}.mdl-element-materials>small{color:#c6a460;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase}.mdl-element-materials__visual{height:170px;margin-top:14px;background-position:center;background-size:cover;border:1px solid rgba(213,176,106,.25);transition:opacity .3s ease}.mdl-element-panel.is-changing .mdl-element-materials__visual{opacity:.25}.mdl-element-materials__names{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:1px;background:rgba(213,176,106,.2)}.mdl-element-materials__names span{padding:10px 6px;background:#0a1b21;color:#d9c18e;font-size:.65rem;text-align:center}.mdl-element-materials>a{display:flex;justify-content:space-between;margin-top:14px;color:#e4c781!important;font-size:.65rem;letter-spacing:.09em;text-decoration:none}.mdl-element-materials>a:hover{color:#fff!important}
@media(max-width:650px){.mdl-element-panel{min-height:820px;grid-template-rows:270px auto}.mdl-element-materials__visual{height:130px}}