@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--ink:#171716;--paper:#f3f2ee;--muted:#9b9a94;--wine:#742d3d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;font-family:'DM Sans',Arial,sans-serif;background:#111;color:var(--paper);font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #b76c7e;outline-offset:6px}header{height:84px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20;background:#111e;backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{font-weight:700;font-size:24px;letter-spacing:-1.2px;white-space:nowrap}.brand span{font-size:12px;vertical-align:super;margin-left:4px}nav{display:flex;gap:32px;font-size:14px;color:#cbc9c3}.nav-cta{font-size:13px;border:1px solid #ffffff40;border-radius:30px;padding:12px 18px}.nav-cta span{margin-left:18px}.hero{min-height:850px;height:calc(100svh - 84px);max-height:1120px;position:relative;overflow:hidden;padding:54px 7% 36px}.eyebrow,.section-label{font-size:12px;letter-spacing:2px;font-weight:500}.eyebrow{position:relative;z-index:2;color:#bcb9b2}.hero h1{font-size:clamp(90px,11.5vw,184px);font-weight:500;letter-spacing:-.065em;line-height:.92;margin:55px 0 0;position:relative;z-index:2;pointer-events:none}em,.serif{font-family:'Instrument Serif',Georgia,serif;font-weight:400}h1 em{color:#c7b29a}.hero-product{position:absolute;left:25%;right:-4%;top:5%;bottom:9%;display:flex;align-items:center}.hero-product img{width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten;will-change:transform}.hero-bottom{position:absolute;left:7%;right:7%;bottom:65px;display:flex;align-items:end;justify-content:space-between;z-index:2}.hero-bottom p{font-size:17px;line-height:1.6;color:#c7c4bd}.text-link{font-size:14px;border-bottom:1px solid #777;padding-bottom:10px}.text-link span{margin-left:40px}.hero-index{position:absolute;bottom:22px;font-size:11px;letter-spacing:2px;color:#888}.light{background:var(--paper);color:var(--ink)}.dark{background:#111;color:var(--paper)}section{padding:100px 8%}h2{font-size:clamp(46px,6.2vw,96px);line-height:1.02;letter-spacing:-.055em;font-weight:450;margin:40px 0}h2 em{letter-spacing:-.035em}.vision h2 span{color:#aaa79e}.vision-copy{max-width:445px;margin:0 0 70px auto;line-height:1.65;color:#68675f}.vision-copy .serif{font-size:30px;color:#252521;line-height:1.25}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid #cccac3;padding-top:35px}.metrics strong{display:block;font-size:55px;letter-spacing:-3px;font-weight:450}.metrics span{font-size:14px;color:#77756d}.technology{padding-bottom:100px}.technology-heading{display:flex;align-items:center;justify-content:space-between}.technology-heading p{font-size:16px;color:#b6b3ad;line-height:1.6}.technology h2 em{color:#c7b29a}.tech-image{height:500px;position:relative;overflow:hidden}.tech-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten}.annotation{position:absolute;font-size:13px;color:#d0ccc4;display:flex;gap:13px;align-items:center}.annotation span{border:1px solid #8b877f;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:11px}.a1{left:5%;top:30%}.a2{right:3%;bottom:20%}.tech-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.tech-specs article{border-top:1px solid #444;padding-top:22px}.tech-specs article>span{color:#888;font-size:12px}.tech-specs h3{font-size:21px;font-weight:500;letter-spacing:-.5px}.tech-specs p{color:#aaa69f;line-height:1.65;font-size:15px}.ergo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:30px}.ergo-title{align-self:start;position:sticky;top:120px}.ergo-title h2{font-size:clamp(70px,9vw,140px)}.ergo-title h2 em{color:var(--wine)}.ergo-title>p{line-height:1.7;max-width:330px;color:#737068}.outline{border:1px solid #aaa69d;background:transparent;padding:17px 22px;border-radius:30px;margin-top:25px;font-size:14px}.outline span{margin-left:20px}#dimension-details{padding:24px 0;max-width:350px;font-size:15px;line-height:1.6}#dimension-details small{color:#716d65}.ergo-photo{height:520px;overflow:hidden;background:#292929}.ergo-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 88%;transform:scale(1.65);transform-origin:50% 95%}.ergo-caption{font-size:10px;letter-spacing:1.3px;display:flex;justify-content:space-between;margin-top:15px;color:#777}.ergo-right h3{font-size:30px;letter-spacing:-1px;margin-bottom:12px}.ergo-right>p{color:#737068;line-height:1.6}.quote-break{text-align:center;padding:130px 5%}.quote-break>p{font-size:clamp(44px,6.5vw,100px);letter-spacing:-.04em;line-height:1.12;margin:50px 0 0}.quote-break em{color:#b8a58c}.offers-heading{display:flex;align-items:center;justify-content:space-between;gap:30px}.offers-heading>p{color:#737068;line-height:1.6}.plans{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px}.plans article{padding:32px 28px;border:1px solid #d5d2ca;display:flex;flex-direction:column}.plans article+article{border-left:0}.plan-label{font-size:10px;letter-spacing:1.1px}.plans h3{font-size:34px;letter-spacing:-1.4px;font-weight:500;margin:32px 0 20px}.price{font-size:46px;letter-spacing:-2px}.price span{font-size:14px;letter-spacing:0;color:#858078;margin-left:5px}.custom-price{font-size:38px;height:60px}.plans p{line-height:1.5;font-size:15px;color:#736e64}.plans ul{padding:23px 0 15px;list-style:none;font-size:13px;line-height:1.5;margin-top:auto;min-height:155px}.plans li{padding:8px 0;border-bottom:1px solid #d5d2ca}.plans button{background:none;border:1px solid #b4ada1;border-radius:30px;padding:15px;text-align:left;display:flex;justify-content:space-between;font-size:13px}.plans .featured{background:var(--wine);color:white;border-color:var(--wine)}.featured p,.featured .price span{color:#e2c5cd}.featured li{border-color:#ffffff28}.featured button{background:var(--paper);border-color:var(--paper);color:var(--wine)}.offer-note{text-align:center;color:#898377;font-size:12px;margin-top:25px}.founder{padding:0;display:grid;grid-template-columns:1fr 1fr}.founder-image img{width:100%;height:100%;object-fit:cover;display:block}.founder-copy{padding:80px 12%;align-self:center}.founder-copy .section-label{font-size:10px;line-height:1.7}.founder blockquote{font-size:clamp(32px,3.5vw,58px);letter-spacing:-.035em;line-height:1.15;margin:55px 0 45px}.founder blockquote em{color:#c4b199}.founder-name{font-size:20px}.founder-name span{display:block;font-size:12px;color:#a7a095;margin-top:6px}.founder-copy p{color:#a7a095;line-height:1.7;font-size:14px}.founder-copy .founder-footnote{border-top:1px solid #ffffff25;padding-top:25px;margin-top:28px;font-size:12px}.faq{padding:110px 15%}.faq h2{font-size:clamp(40px,4.5vw,68px);margin-bottom:60px}.faq details{border-top:1px solid #ccc7bd;padding:24px 0}.faq details:last-child{border-bottom:1px solid #ccc7bd}.faq summary{cursor:pointer;font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';color:#888}.faq details[open] summary:after{content:'−'}.faq details p{max-width:640px;color:#716b62;line-height:1.7}footer{padding:65px 7% 30px}.footer-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff25;padding-bottom:60px}.footer-top p{font-size:clamp(30px,4vw,60px);letter-spacing:-.04em;line-height:1.15;margin:0}.footer-top em{color:#b9a68d}.footer-top>a{border:1px solid #777;border-radius:50%;width:60px;height:60px;display:grid;place-items:center;font-size:24px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:35px;padding-top:35px}.footer-bottom p,.footer-bottom>span{font-size:11px;color:#8e887e;line-height:1.65}.footer-bottom>span{max-width:150px}dialog{border:0;background:var(--paper);color:var(--ink);max-width:640px;width:calc(100% - 36px);padding:65px 50px}dialog::backdrop{background:#000a;backdrop-filter:blur(8px)}dialog h2{font-size:55px}dialog p{line-height:1.65;color:#6c665e}dialog .close{position:absolute;right:20px;top:15px;border:0;background:none;font-size:30px}.dialog-done{border:0;background:var(--wine);color:white;padding:15px 25px;border-radius:30px;margin-top:20px}.js .reveal{opacity:0;transform:translateY(30px);transition:opacity .9s,transform .9s}.js .reveal.visible{opacity:1;transform:none}
@media(min-width:1600px){main{max-width:1900px;margin:auto}}@media(max-width:1000px){nav{gap:20px}nav a:last-child{display:none}.nav-cta{font-size:12px}.hero{min-height:760px}.hero-product{left:10%;right:-20%;top:20%}.plans article{padding:25px 18px}.plans h3{font-size:29px}.price{font-size:38px}.custom-price{font-size:30px}.founder-copy{padding:55px 10%}.footer-bottom{flex-wrap:wrap}}@media(max-width:700px){header{height:68px;padding:0 6%}.brand{font-size:21px}nav{display:none}.nav-cta{font-size:0;padding:10px 14px}.nav-cta:before{content:'La prochaine tranche';font-size:11px}.nav-cta span{font-size:13px;margin-left:8px}.hero{height:calc(100svh - 68px);min-height:690px;padding:35px 7%}.eyebrow{font-size:9px;letter-spacing:1.2px}.hero h1{font-size:100px;margin-top:40px}.hero-product{left:-18%;right:-20%;top:23%;bottom:14%}.hero-bottom{display:block;bottom:53px}.hero-bottom p{font-size:14px}.text-link{font-size:12px;display:inline-block;margin-top:10px}.hero-index{font-size:9px}section{padding:70px 7%}.section-label{font-size:10px;letter-spacing:1.5px}h2{font-size:49px;margin:30px 0}.vision-copy{margin:35px 0 45px;font-size:15px}.vision-copy .serif{font-size:28px}.metrics{gap:15px}.metrics strong{font-size:32px;letter-spacing:-1px}.metrics span{font-size:11px;line-height:1.5;display:block}.technology-heading{display:block}.technology-heading p{font-size:14px}.tech-image{height:330px;margin:0 -6%}.tech-image img{object-fit:cover}.annotation{font-size:10px;gap:6px}.a1{top:10%}.a2{bottom:12%}.tech-specs{grid-template-columns:1fr;gap:20px}.tech-specs h3{margin:10px 0}.tech-specs p{margin:10px 0}.ergo-grid{grid-template-columns:1fr;gap:35px}.ergo-title{position:static}.ergo-title h2{font-size:85px}.ergo-photo{height:410px}.ergo-caption{font-size:8px}.quote-break{padding:80px 6%}.quote-break>p{font-size:44px}.offers-heading{display:block}.offers-heading p{font-size:14px}.plans{grid-template-columns:1fr;gap:20px;margin-top:35px}.plans article{padding:28px}.plans article+article{border-left:1px solid #d5d2ca}.plans h3{font-size:35px;margin:25px 0 12px}.plans ul{min-height:0;padding-top:10px}.plans p{margin:15px 0 0}.founder{grid-template-columns:1fr}.founder-image{max-height:620px;overflow:hidden}.founder-copy{padding:55px 7%}.founder blockquote{font-size:45px;margin:35px 0}.faq{padding:70px 7%}.faq h2{font-size:42px}.faq summary{font-size:16px}.footer-top{gap:20px;padding-bottom:40px}.footer-top p{font-size:30px}.footer-top>a{flex:0 0 44px;height:44px}.footer-bottom{display:block}.footer-bottom p{margin:25px 0}.footer-bottom>span{max-width:none;font-size:9px}dialog{padding:55px 25px}dialog h2{font-size:43px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}.hero-product img{will-change:auto}}
/* Keep fine-print readable across screen sizes. */
.eyebrow,.section-label,.hero-index,.annotation,.plan-label,.ergo-caption,.footer-bottom p,.footer-bottom>span{font-size:12px}.founder-copy .section-label{font-size:12px}@media(max-width:700px){.hero h1{font-size:clamp(68px,15vw,100px)}.metrics span{font-size:12px}.nav-cta:before{font-size:12px}.ergo-caption{gap:15px;line-height:1.5}.footer-bottom>span{font-size:12px}}
/* V2 — photographic layers in a scroll-linked, softly lit product scene. */
.hero-scroll{height:205svh;min-height:1200px;max-height:none;padding:0;overflow:visible;isolation:isolate;background:#111}
.hero-sticky{height:calc(100svh - 84px);min-height:560px;position:sticky;top:84px;overflow:hidden;perspective:1400px}
.hero-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 68% 48%,#39352c70 0,transparent 58%);pointer-events:none}
.hero-intro{position:absolute;top:48px;left:7%;z-index:3;will-change:transform;pointer-events:none}
.hero-intro h1{font-size:clamp(86px,10.4vw,162px);margin:42px 0 0;line-height:.92;letter-spacing:-.06em}
.hero-intro h1 em{color:#c7b29a}
.hero-scene{position:absolute;top:13%;left:16%;width:86%;aspect-ratio:3/2;perspective:1200px;pointer-events:none}
.product-rig{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.product-body,.product-slice{position:absolute;inset:0;will-change:transform;backface-visibility:hidden}
.product-body{z-index:1;transform-origin:65% 53%}
.product-slice{z-index:2;transform-origin:17% 55%}
.product-body img,.product-slice img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 25px #0007)}
.product-body img{clip-path:inset(0 0 0 32%)}
.product-slice img{clip-path:inset(0 68% 0 0)}
.product-shadow{position:absolute;bottom:12%;left:32%;width:56%;height:9%;background:#0008;filter:blur(30px);border-radius:50%;z-index:-1;transform:rotate(-7deg)}
.hero-sticky .hero-bottom{bottom:74px;z-index:4;gap:28px}
.hero-bottom p{text-shadow:0 1px 15px #111}
.hero-timeline{position:absolute;bottom:24px;left:7%;right:7%;display:flex;align-items:center;gap:24px;color:#a09c91;font-size:10px;letter-spacing:1.4px;z-index:4}
.hero-progress{height:1px;background:#ffffff25;flex:1;overflow:hidden}
.hero-progress i{display:block;height:100%;background:#c7b29a;transform:scaleX(0);transform-origin:left}
.slice-note{position:absolute;bottom:27%;left:12%;font-size:11px;line-height:1.8;letter-spacing:1.5px;color:#c7b29a;opacity:0;display:flex;gap:14px;align-items:center;pointer-events:none}
.slice-note-rule{display:block;width:34px;height:1px;background:#c7b29a80}
.ergo-photo{height:auto;aspect-ratio:4/5;background:#aba295}
.ergo-photo img{width:100%;height:100%;object-fit:cover;object-position:center;transform:none}
@media(min-width:1600px){.hero-scene{width:80%;left:21%;top:10%}}
@media(max-width:1000px) and (min-width:701px){.hero-scene{width:105%;left:-1%;top:21%}.hero-intro h1{font-size:110px}.slice-note{bottom:25%;left:8%}}
@media(max-width:700px){.hero-scroll{height:190svh;min-height:1100px}.hero-sticky{top:68px;height:calc(100svh - 68px);min-height:560px}.hero-intro{top:30px;left:7%;right:7%}.hero-intro .eyebrow{font-size:10px;line-height:1.6;letter-spacing:1.1px;max-width:300px}.hero-intro h1{font-size:clamp(68px,15vw,100px);margin-top:24px}.hero-scene{width:132%;left:-27%;top:25%}.hero-sticky .hero-bottom{bottom:68px}.hero-bottom p{font-size:13px}.hero-timeline{font-size:9px;letter-spacing:.7px;gap:12px;bottom:24px}.hero-timeline>span:last-child{max-width:128px;text-align:right;line-height:1.5}.slice-note{left:8%;bottom:31%;font-size:9px;letter-spacing:1px}.slice-note-rule{width:18px}.ergo-photo{height:auto}}
@media(max-width:420px){.hero-scene{top:29%;width:140%;left:-32%}.slice-note{bottom:32%}.hero-timeline{font-size:8px}}
@media(prefers-reduced-motion:reduce){.hero-scroll{height:auto;min-height:0}.hero-sticky{position:relative;top:0}.product-rig,.product-body,.product-slice,.hero-intro{will-change:auto}.hero-timeline>span:last-child{visibility:hidden}.hero-progress{display:none}.slice-note{display:none}}
@media(max-width:700px){.hero-scene{width:110%;left:-7%;top:28%}.slice-note{bottom:26%;left:9%}}
@media(max-width:420px){.hero-scene{width:115%;left:-10%;top:32%}.slice-note{bottom:30%;font-size:9px}}
@media(max-width:700px){.hero-scene{width:104%;left:-6%}}
@media(max-width:420px){.hero-scene{width:108%;left:-9%}}
/* V3: a composed reveal, with a quiet light field and restrained depth. */
.hero-atmosphere{inset:-8%;background:radial-gradient(ellipse at 65% 49%,#65544238 0,#332e2418 35%,transparent 64%);will-change:transform}
.product-rig{transform-origin:58% 53%}
.product-shadow{z-index:0;pointer-events:none}
.product-rig{z-index:1}
.product-body img,.product-slice img{filter:drop-shadow(0 14px 18px #0006)}
.annotation.a2{max-width:290px;line-height:1.5}.annotation.a2>span{flex-shrink:0}
@media(max-width:700px){.annotation.a2{max-width:245px;font-size:12px}.hero-timeline{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero-atmosphere{will-change:auto}}