@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--blue:#173b70;--terra:#d45f39;--cream:#f4efe5;--ink:#172439;--line:#cfc8ba}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.55 'DM Sans',Arial,sans-serif}button,input,select{font:inherit}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}img{width:100%;height:100%;object-fit:cover;display:block}.demo,.shipping{padding:7px 4vw;font-size:10px;letter-spacing:.12em}.demo{display:flex;justify-content:space-between;background:#10203b;color:#fff}.demo a{text-decoration:underline}.shipping{text-align:center;background:var(--terra);color:#fff}header{height:86px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{font:400 23px/1 'Libre Caslon Display',Georgia,serif;letter-spacing:.08em}.brand i{color:var(--terra);font-weight:400}nav{display:flex;gap:30px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.actions{display:flex;gap:8px}.actions button{border:1px solid var(--ink);background:transparent;padding:9px 13px;border-radius:99px}.hero{display:grid;grid-template-columns:.86fr 1.14fr;min-height:660px;background:var(--blue);color:#fff}.hero-copy{padding:100px 6vw;display:flex;flex-direction:column;justify-content:center}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:700}.hero h1,.section h2,.story h2,dialog h2{font:400 clamp(52px,6vw,92px)/.95 'Libre Caslon Display',Georgia,serif;letter-spacing:-.035em;margin:22px 0}.hero h1 em,.section h2 em,.story h2 em{color:#ff9270;font-weight:400}.hero-copy>p:not(.eyebrow){max-width:490px;color:#d8dfed;font-size:17px}.cta{align-self:flex-start;margin-top:25px;border-bottom:1px solid #fff;padding-bottom:8px;font-weight:600}.hero-image{position:relative;margin:35px 35px 35px 0;overflow:hidden}.hero-image span{position:absolute;right:20px;bottom:20px;background:var(--cream);color:var(--blue);padding:16px;font-size:10px;letter-spacing:.12em}.ticker{display:flex;justify-content:space-around;gap:20px;padding:19px;background:var(--terra);color:#fff;font-size:11px;letter-spacing:.14em}.ticker i{font-style:normal}.section{padding:110px 5vw}.section-title{display:grid;grid-template-columns:.35fr 1fr;align-items:start;margin-bottom:50px}.section-title>p{font-size:10px;letter-spacing:.15em}.section-title h2{font-size:clamp(48px,5vw,74px);margin:0}.univers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.univers-grid button{padding:0;border:0;background:none;text-align:left}.univers-grid img{height:390px}.univers-grid span{display:flex;justify-content:space-between;padding-top:14px}.univers-grid b{font:400 28px 'Libre Caslon Display',Georgia,serif}.univers-grid small{font-size:10px}.products-section{background:#fff}.products-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.products-head h2{font-size:58px;margin:10px 0 0}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid var(--ink);background:transparent;border-radius:99px;padding:8px 15px;font-size:11px}.filters button.active{background:var(--blue);border-color:var(--blue);color:#fff}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 18px}.product-image{height:420px;position:relative;overflow:hidden;background:#eee9df}.product-image>span{position:absolute;top:13px;left:13px;background:var(--cream);padding:7px 9px;font-size:9px;letter-spacing:.1em}.heart{position:absolute;right:13px;top:13px;border:0;background:#fff;width:40px;height:40px;border-radius:50%;font-size:19px}.heart.active{background:var(--terra);color:#fff}.quick{position:absolute;left:15px;right:15px;bottom:15px;border:0;background:var(--blue);color:#fff;padding:14px;transform:translateY(75px);transition:.25s}.product-image:hover .quick{transform:none}.product-meta{display:flex;justify-content:space-between;gap:15px;padding-top:17px}.product-meta small{font-size:9px;text-transform:uppercase;color:#68717d}.product-meta h3{font:400 25px 'Libre Caslon Display',Georgia,serif;margin:5px 0}.product-meta strong{font-weight:600}.story{display:grid;grid-template-columns:.8fr 1.2fr;min-height:650px;background:#c75a39;color:#fff}.story>div{padding:80px 7vw;display:flex;flex-direction:column;justify-content:center}.story h2{font-size:72px}.story h2 em{color:#202e4b}.story p{max-width:390px}.story button{align-self:flex-start;border:0;border-bottom:1px solid #fff;background:transparent;color:#fff;padding:10px 0}.reassurance{display:grid;grid-template-columns:repeat(3,1fr);padding:80px 5vw}.reassurance>div{padding:25px 35px;border-right:1px solid var(--line)}.reassurance b{color:var(--terra);font-size:11px}.reassurance h3{font:400 26px 'Libre Caslon Display',Georgia,serif}.reassurance p{color:#68717d;font-size:13px}footer{display:grid;grid-template-columns:1fr 1fr 1fr;padding:65px 5vw;background:#10203b;color:#fff;gap:30px}footer p{margin:0;color:#afbbcb}footer>div{display:flex;flex-direction:column;gap:7px;font-size:12px}dialog{border:0;padding:0;width:min(1000px,94vw);max-height:92vh;background:var(--cream);box-shadow:0 30px 100px #0016}dialog::backdrop{background:#07162dcc;backdrop-filter:blur(5px)}.close{position:absolute;right:15px;top:15px;z-index:3;border:0;background:#fff;border-radius:50%;width:42px;height:42px;font-size:22px}.productDialog{}.detail-image{}#productDetail{display:grid;grid-template-columns:1.1fr .9fr}.detail-image{height:650px}.detail-copy{padding:75px 45px}.detail-copy h2{font-size:58px}.detail-copy>p:not(.eyebrow){color:#67717d}.detail-copy label{display:block;font-size:11px;margin:28px 0}.detail-copy select{width:100%;padding:13px;background:#fff;border:1px solid var(--line);margin-top:6px}.detail-price{border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;align-items:center}.detail-price strong{font-size:25px}.detail-price span{font-size:10px;color:#647064}.checkout{width:100%;border:0;background:var(--blue);color:#fff;padding:16px}.favorite-link{width:100%;border:0;background:transparent;padding:15px}.notice{font-size:11px;color:#6d737b}#cartDialog,#favoritesDialog{width:min(620px,94vw);padding:45px}#cartDialog h2,#favoritesDialog h2{font-size:50px}.cart-line{display:grid;grid-template-columns:80px 1fr auto;gap:15px;align-items:center;border-top:1px solid var(--line);padding:14px 0}.cart-line img{height:80px}.cart-line div:nth-child(2){display:flex;flex-direction:column}.qty{display:flex;align-items:center;gap:9px}.qty button{border:0;background:#e1dbd0;width:29px;height:29px}#cartTotals{border-top:1px solid var(--ink);padding:15px 0;margin-top:10px}#cartTotals div{display:flex;justify-content:space-between;margin:7px 0}.grand{font-size:19px;padding-top:10px}.empty{padding:50px 0;color:#6f756f}.favorite-item{display:grid;width:100%;grid-template-columns:75px 1fr auto;gap:15px;align-items:center;border:0;border-top:1px solid var(--line);background:transparent;padding:13px 0;text-align:left}.favorite-item img{height:70px}.favorite-item span{display:flex;flex-direction:column}.favorite-item i{font-style:normal;font-size:20px}#orderMessage{color:#216a48;font-weight:700;font-size:13px}
@media(max-width:850px){nav{display:none}.hero,.story{grid-template-columns:1fr}.hero-image{margin:0 5vw 40px;height:500px}.section-title{grid-template-columns:1fr}.univers-grid,.products{grid-template-columns:repeat(2,1fr)}.products-head{align-items:flex-start;flex-direction:column}.story img{height:500px}.reassurance{grid-template-columns:1fr}.reassurance>div{border-right:0;border-bottom:1px solid var(--line)}#productDetail{grid-template-columns:1fr}.detail-image{height:370px}.detail-copy{padding:40px 25px}}
@media(max-width:520px){header{height:74px}.brand{font-size:18px}.actions button{font-size:11px;padding:8px}.hero{min-height:auto}.hero-copy{padding:70px 6vw}.hero h1{font-size:54px}.hero-image{height:370px}.ticker span:nth-of-type(even),.ticker i:nth-of-type(even){display:none}.section{padding:70px 5vw}.univers-grid,.products,footer{grid-template-columns:1fr}.univers-grid img,.product-image{height:360px}.story h2{font-size:55px}.story img{height:380px}.detail-copy h2{font-size:45px}.cart-line{grid-template-columns:60px 1fr}.cart-line img{height:60px}.qty{grid-column:2}}

/* Direction artistique propre à cette démonstration. */

:root{--blue:#292929;--terra:#ad3525;--cream:#fff;--ink:#202020;--line:#dedede}body{font-family:Arial,sans-serif}.demo{background:#ededed;color:#555}.shipping{background:#dfef51;color:#252525}.brand{font:800 24px/1 Arial,sans-serif;letter-spacing:-1px}.brand i{font-style:normal;color:inherit}nav{font-size:12px}.hero{grid-template-columns:.65fr 1.35fr;min-height:480px;background:#f0a995;color:#252525}.hero-copy{padding:60px 5vw}.hero h1{font:700 clamp(46px,5.4vw,78px)/.98 Arial,sans-serif;letter-spacing:-.06em}.hero-copy>p:not(.eyebrow){color:#513b34;font-size:15px}.cta{border-color:#252525;font-size:13px}.hero-image{margin:0;height:480px}.hero-image span{background:#dfef51;color:#252525}.ticker{background:#fff;color:#555;border-bottom:1px solid #ddd;font-size:10px;padding:16px}.section{padding:65px 5vw}.section h2,.story h2,dialog h2{font-family:Arial,sans-serif;font-weight:500;letter-spacing:-.04em}.products-head h2{font-size:36px}.products{gap:32px 18px}.product-image{height:340px;background:#f4f4f4}.product-meta h3{font:500 20px Arial,sans-serif}.product-meta small{font-size:11px}.quick{transform:none;opacity:0;transition:opacity .2s;background:#fff;color:#222;border:1px solid #ddd}.product-image:hover .quick,.product-image:focus-within .quick{opacity:1}.filters button{border-radius:0;border-color:#ccc;font-size:12px}.heart.active{background:#292929}.section-title{display:block;margin-bottom:25px}.section-title h2{font-size:32px}.univers-grid img{height:260px}.univers-grid b{font:500 20px Arial,sans-serif}.story{min-height:430px;background:#e4eb65;color:#252525}.story h2{font-size:50px}.story h2 em{color:inherit;font-style:normal}.story>div{padding:55px 6vw}.story img{max-height:500px}.story button{color:#252525;border-color:#252525}.reassurance{padding:40px 5vw}.reassurance h3{font:500 20px Arial,sans-serif}footer{background:#242424}.detail-copy h2{font-size:42px}.detail-price span{color:#52614e}
@media(hover:none){.quick{opacity:1}}@media(max-width:850px){.hero{grid-template-columns:1fr}.hero-copy{padding:50px 6vw}.hero-image{margin:0;height:360px}.story{grid-template-columns:1fr}.hero h1{font-size:60px}}@media(max-width:520px){.hero h1{font-size:50px}.brand{font-size:17px}.products{grid-template-columns:1fr 1fr;gap:25px 12px}.product-image{height:240px}.product-meta{flex-direction:column;gap:7px}.product-meta h3{font-size:17px}.quick{opacity:1;font-size:12px;padding:10px;left:8px;right:8px;bottom:8px}.heart{width:32px;height:32px}.product-image>span{font-size:8px;max-width:80px}.products-head h2{font-size:30px}.section{padding:45px 5vw}}

@media(min-width:851px){.hero{grid-template-columns:.9fr 1.1fr}.hero-copy{padding:55px 4vw}.hero h1{font-size:clamp(48px,5vw,68px)}.hero-image{height:100%;min-height:480px}}
/* Persistent navigation back to the Novalis examples. */
.demo.novalis-demo-bar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px;padding:10px 4%;background:#183e32;color:#fff;border-bottom:1px solid #ffffff25;box-shadow:0 3px 14px #0002;font:13px/1.4 Arial,sans-serif;letter-spacing:0}
.novalis-demo-context strong{font-weight:700}.novalis-demo-context small{display:block;color:#d1ddd6;font-size:11px;margin-top:2px}
.demo.novalis-demo-bar .novalis-return{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;min-height:44px;padding:10px 18px;background:#def18c;color:#183e32;border:1px solid #def18c;border-radius:6px;text-decoration:none;font:700 14px/1.3 Arial,sans-serif;letter-spacing:0;transition:background .15s}
.demo.novalis-demo-bar .novalis-return:hover{background:#eff8ca}.demo.novalis-demo-bar .novalis-return:focus-visible{outline:2px solid white;outline-offset:3px}
html{scroll-padding-top:84px}
@media(max-width:520px){.demo.novalis-demo-bar{gap:10px;padding:9px 12px;min-height:64px;font-size:11px}.novalis-demo-context small{font-size:10px;max-width:130px}.demo.novalis-demo-bar .novalis-return{font-size:12px;padding:10px 12px;gap:7px}}
/* Dismissible first-visit guidance, attached to the return button. */
.novalis-return-hint{position:absolute;top:calc(100% + 14px);right:4%;width:320px;max-width:calc(100vw - 24px);display:block;margin:0;padding:23px 24px 20px;background:#fff;color:#183e32;border:2px solid #183e32;border-radius:12px;box-shadow:0 12px 40px #0003;font:14px/1.55 Arial,sans-serif;text-align:left;letter-spacing:0;z-index:101}
.novalis-return-hint:before{content:'';position:absolute;right:55px;top:-10px;width:16px;height:16px;background:#fff;border-top:2px solid #183e32;border-left:2px solid #183e32;transform:rotate(45deg)}
.novalis-return-hint>strong{display:block;font-size:16px;line-height:1.4;padding-right:13px}.novalis-return-hint p{color:#516259;font-size:13px;line-height:1.6;margin:10px 0 16px;max-width:none}
.novalis-return-hint .novalis-hint-close{position:absolute;top:5px;right:5px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:5px;background:transparent;color:#183e32;font:24px/1 Arial,sans-serif;cursor:pointer}
.novalis-return-hint .novalis-hint-dismiss{display:inline-block;margin:0;padding:10px 19px;border:0;border-radius:5px;background:#183e32;color:#fff;font:700 13px/1.4 Arial,sans-serif;cursor:pointer}
.novalis-return-hint button:focus-visible{outline:2px solid #183e32;outline-offset:3px}
@media(max-width:520px){.novalis-return-hint{right:12px;width:300px;padding:22px 20px 18px}.novalis-return-hint:before{right:56px}}