@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#282d26;background:#e9e3d8;font-synthesis:none;--paper:#eff0ed;--ink:#363e43;--line:#cbd0d0}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #aa723d;outline-offset:4px}button:disabled{cursor:default;opacity:.45}[hidden]{display:none!important}.skip{position:fixed;top:-80px;z-index:100;background:white;padding:16px}.skip:focus{top:0}#experience{position:relative;height:100svh;min-height:550px;overflow:hidden}#world{position:absolute;inset:0;touch-action:none;outline:none}#world canvas{display:block;width:100%;height:100%}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(32,35,29,.42),transparent 22%,transparent 72%,rgba(247,244,236,.76));transition:background 1s}header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:30px 38px;gap:20px;z-index:3}.brand{border:0;background:transparent;text-align:left;padding:0}.brand>span{font-family:'Libre Caslon Display',Georgia,serif;font-size:35px;letter-spacing:3px;display:block}.brand small{font-size:8px;letter-spacing:2.1px;display:block;margin-top:6px}header nav{display:flex;gap:9px}header nav button{border:1px solid #d0ccc1;background:#f6f3ecef;padding:13px 19px;font-size:12px;display:flex;align-items:center;gap:13px}.search-icon{font-size:24px;line-height:12px}#bag-count{font-size:11px;border-left:1px solid #ccc8bd;padding-left:12px}.location{position:absolute;left:40px;top:122px;display:flex;align-items:center;gap:8px;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;z-index:2}.live-dot{height:5px;width:5px;border-radius:50%;background:#39513b}#welcome{position:absolute;left:0;top:28%;padding:48px 40px 70px;width:650px;max-width:90%;background:radial-gradient(ellipse at left,rgba(248,244,234,.95),rgba(248,244,234,.72) 53%,transparent 74%);pointer-events:none;transition:opacity .45s,transform .65s}#welcome>*{pointer-events:auto}#welcome.leaving{opacity:0;transform:translateY(18px);pointer-events:none}#welcome.leaving>*{pointer-events:none}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:500;margin:0 0 18px}h1,h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400}h1{font-size:clamp(45px,5.2vw,76px);line-height:1.04;letter-spacing:-1.7px;margin:0 0 23px}.intro{font-size:13px;line-height:1.8;margin-bottom:28px}.welcome-actions{display:flex;align-items:center;gap:24px}.primary{border:1px solid var(--ink);background:var(--ink);color:#fff;padding:17px 21px;display:flex;gap:32px;justify-content:space-between;align-items:center;font-size:12px;transition:background .2s}.primary:hover{background:#4e5b61}.primary span{font-size:20px;line-height:12px}.text-link{background:none;border:0;border-bottom:1px solid currentColor;padding:8px 0;font-size:11px;display:flex;align-items:center;gap:16px}.visit-nav{position:absolute;bottom:61px;left:50%;transform:translateX(-50%);display:flex;background:var(--paper);box-shadow:0 6px 30px #00000015;z-index:3;white-space:nowrap}.visit-nav button{border:0;background:transparent;padding:18px 19px;font-size:11px;position:relative}.visit-nav button.active{background:var(--ink);color:white}.visit-nav button:hover:not(.active){background:#e5e2d9}.view-controls{position:absolute;bottom:65px;right:30px;display:flex;gap:5px}.view-controls button{border:1px solid #ffffff70;background:#f6f3ecee;width:34px;height:34px;font-size:17px}footer{position:absolute;bottom:21px;left:39px;right:39px;display:flex;justify-content:space-between;font-size:8px;color:#fff;letter-spacing:.6px;pointer-events:none}footer>span:first-child{letter-spacing:1.6px}#visit-note{position:absolute;left:40px;bottom:141px;color:white;text-shadow:0 1px 8px #0008;pointer-events:none;font-size:12px}#visit-note small{display:block;font-size:10px;margin-top:7px}#loading{position:absolute;bottom:25%;left:40px;font-size:12px;background:var(--paper);padding:12px 18px}#hover-label{position:fixed;pointer-events:none;background:var(--paper);padding:12px 16px;box-shadow:0 8px 30px #0002;font-size:11px;z-index:5;max-width:220px;border-left:2px solid var(--ink)}#hover-name{display:block;font-weight:600;margin-bottom:6px}#hover-price{margin-right:14px}#hover-label b{font-size:9px;font-weight:400;color:#61705e}
dialog{border:0;padding:0;background:var(--paper);color:inherit;max-height:90svh;width:min(1150px,94vw);max-width:none;box-shadow:0 25px 100px #0004}dialog::backdrop{background:#20251c88;backdrop-filter:blur(7px)}dialog[open]{animation:open .24s ease-out}@keyframes open{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dialog-top{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:1px;position:sticky;top:0;background:var(--paper);z-index:2}.close{border:0;background:none;font-size:27px;line-height:28px;width:36px;height:36px}.catalogue-head{padding:36px 38px 16px}.catalogue-head h2,.bag-content h2,.help-content h2{font-size:58px;line-height:1;margin:0 0 14px}.catalogue-head>p:last-child{font-size:12px;color:#6c7168}.filters{display:flex;gap:20px;margin:12px 38px 20px;padding:20px 0;border-block:1px solid var(--line)}.filters label{display:flex;flex:1;flex-direction:column;gap:10px;font-size:10px}.filters input,.filters select{border:0;border-bottom:1px solid #b3b8ad;background:transparent;padding:10px 0;font-size:12px;border-radius:0;min-width:0;color:inherit}#result-count{margin:0 38px 18px;font-size:11px;color:#6c7168}#product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 20px;padding:0 38px 24px}.product-card{background:none;border:0;padding:0;text-align:left}.product-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover;transition:transform .35s}.card-image{display:block;overflow:hidden;background:#eeece6}.product-card:hover img{transform:scale(1.045)}.card-line{display:flex;justify-content:space-between;gap:10px;margin-top:14px;font-size:12px}.card-line strong{font-weight:500}.card-sizes{display:block;color:#797e74;font-size:10px;margin-top:8px}.demo-note{font-size:10px;color:#7b7d73;line-height:1.65}#catalogue>.demo-note{margin:8px 38px 28px}.product-layout{display:grid;grid-template-columns:1.1fr 1fr;min-height:570px}.product-visual{background:#e8e6df;display:flex;flex-direction:column;justify-content:center;position:relative}.product-visual img{width:100%;display:block;mix-blend-mode:multiply}.product-visual>span{position:absolute;bottom:22px;left:24px;font-size:8px;letter-spacing:1.4px}.product-info{padding:38px 40px}.product-info h2{font-size:51px;line-height:1.04;margin:0 0 20px}.product-info>p:not(.eyebrow){font-size:12px;line-height:1.7;color:#6b7167}.product-price{display:flex;align-items:baseline;gap:15px;margin:27px 0}.product-price strong{font-family:'Libre Caslon Display',Georgia,serif;font-size:38px;font-weight:400}.product-price span{font-size:9px;color:#7b8075}fieldset{border:0;margin:0;padding:0}legend{font-size:11px;margin-bottom:12px}#product-sizes{display:flex;flex-wrap:wrap;gap:7px}#product-sizes button{border:1px solid #c6cabf;background:none;width:43px;height:41px;font-size:12px}#product-sizes button[aria-pressed=true]{color:white;background:var(--ink);border-color:var(--ink)}#size-message{min-height:20px;font-size:10px!important}#add-bag{width:100%;margin-top:15px}#continue-visit{margin:15px auto 22px}.product-detail{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;font-size:10px;gap:10px}#bag{width:min(680px,94vw)}.bag-content{padding:32px}.bag-item{display:grid;grid-template-columns:85px 1fr auto;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.bag-item img{width:85px;mix-blend-mode:multiply}.bag-item h3{font-size:13px;font-weight:500;margin:0 0 7px}.bag-item p{font-size:11px;margin:0 0 5px;color:#70776a}.bag-item button{font-size:10px;border:0;background:none;border-bottom:1px solid #888;padding:0}.bag-item>strong{font-size:13px;font-weight:500}.bag-total{display:flex;justify-content:space-between;font-size:15px;margin:24px 0}.bag-content>.primary{margin-top:24px;width:100%}.empty{padding:32px 0;color:#6c7168;font-size:13px}#help{max-width:570px}.help-content{padding:32px}.help-content h2{font-size:45px}.help-content p{font-size:13px;line-height:1.8}.calm{display:flex;align-items:center;gap:10px;font-size:12px;margin-top:25px}#toast{position:fixed;bottom:115px;left:50%;transform:translateX(-50%) translateY(10px);padding:13px 20px;background:var(--ink);color:white;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:20;font-size:12px;white-space:nowrap}#toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}
@media(min-width:1500px){.view-controls{bottom:66px;right:55px}}
@media(max-width:1100px){.view-controls{bottom:127px}.visit-nav button{padding:17px 14px}}
@media(max-width:700px){#experience{min-height:500px}header{padding:22px 19px;align-items:flex-start}.brand>span{font-size:25px;letter-spacing:1.6px}.brand small{font-size:6px;letter-spacing:1.2px;margin-top:4px}header nav{gap:6px}header nav button{padding:11px 10px;font-size:10px;gap:5px}header nav .search-icon{display:none}#bag-count{padding-left:6px}header nav #open-bag{font-size:0}#bag-count{font-size:11px;border:0}#open-bag:before{content:'Sélection';font-size:10px}.location{left:20px;top:98px;font-size:8px}#welcome{top:auto;bottom:170px;padding:24px 20px 25px;width:100%;max-width:100%;background:linear-gradient(90deg,#f3eee3eb,#f3eee3bc 63%,transparent)}h1{font-size:52px;margin-bottom:17px}.eyebrow{font-size:8px;letter-spacing:1.3px}.intro{font-size:12px;margin-bottom:20px}.welcome-actions{gap:17px;flex-wrap:wrap}.welcome-actions .primary{font-size:11px;padding:15px 17px;gap:20px}.text-link{font-size:10px}.visit-nav{bottom:59px;left:16px;right:16px;transform:none;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.visit-nav button{padding:18px 16px;font-size:10px}.view-controls{bottom:122px;right:17px}.view-controls button{width:32px;height:32px}footer{left:19px;right:19px;bottom:18px;font-size:7px;gap:14px;line-height:1.6}footer>span:first-child{display:none}#visit-note{left:20px;bottom:168px;font-size:11px}#loading{left:20px;bottom:42%}.dialog-top{padding:12px 17px;font-size:8px}.catalogue-head{padding:25px 21px 8px}.catalogue-head h2,.bag-content h2{font-size:44px}.filters{margin:10px 21px 17px;gap:14px;flex-wrap:wrap}.filters label{flex:1 1 40%}.filters label:last-child{flex-basis:100%}.filters input,.filters select{font-size:11px}#product-grid{grid-template-columns:repeat(2,1fr);gap:24px 14px;padding:0 21px 20px}#result-count{margin-left:21px}.card-line{font-size:11px;flex-wrap:wrap;gap:5px}.card-sizes{font-size:9px;line-height:1.6}#catalogue>.demo-note{margin-left:21px}.product-layout{grid-template-columns:1fr}.product-visual{max-height:300px;overflow:hidden}.product-visual img{max-height:300px;object-fit:contain}.product-visual>span{font-size:7px;bottom:13px;left:20px}.product-info{padding:26px 24px}.product-info h2{font-size:43px}.product-price{margin:20px 0}.product-price strong{font-size:34px}.bag-content{padding:25px 21px}.bag-item{grid-template-columns:65px 1fr auto;gap:12px}.bag-item img{width:65px}.bag-item h3{font-size:11px}.bag-item>strong{font-size:11px}dialog{max-height:94svh}#toast{max-width:90vw;white-space:normal;width:max-content;bottom:100px}.help-content h2{font-size:38px}}
@media(max-width:450px){header{gap:10px}.brand>span{font-size:21px;letter-spacing:1px;white-space:nowrap}.brand small{font-size:5.8px;letter-spacing:1px}header nav button{padding:11px 8px;font-size:9px}#open-bag:before{font-size:9px}.location{top:87px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0s!important;transition-duration:0s!important;scroll-behavior:auto!important}}

#experience{-webkit-user-select:none;user-select:none}

footer a{color:inherit;pointer-events:auto;margin-left:16px;text-underline-offset:3px}#experience .visit-nav{max-width:calc(100vw - 32px)}
