/* M&Ly — Site statique / aucune dépendance externe / aucune publicité */
:root{--ink:#23221f;--black:#20201e;--cream:#f4f0e9;--paper:#ebe5da;--white:#fffaf1;--sand:#c7b79d;--accent:#af9069;--line:#d5ccbe;--muted:#69675f;--serif:"Bodoni MT","Didot","Times New Roman",Georgia,serif;--sans:Inter,"Helvetica Neue",Arial,sans-serif;--wrap:1260px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
::selection{background:#ba9b73;color:#171717}
.container{width:min(var(--wrap),calc(100% - 112px));margin-inline:auto}
.section-pad{padding:140px 0}
.skip-link{position:fixed;z-index:120;left:12px;top:-90px;background:#fff;padding:14px 20px}.skip-link:focus{top:10px}
.preview-banner{background:#ded0b5;color:#3a3329;padding:9px 24px;text-align:center;display:flex;gap:12px;align-items:center;justify-content:center;font-size:11px;letter-spacing:.025em;line-height:1.5}
.preview-banner[hidden]{display:none}
.preview-pill{font-size:9px;font-weight:800;letter-spacing:.14em;border:1px solid #8e7859;padding:4px 7px;white-space:nowrap}
.site-header{position:sticky;top:0;z-index:100;background:#f4f0e9f2;border-bottom:1px solid #23221f12;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.header-inner{height:91px;display:flex;justify-content:space-between;align-items:center;gap:28px}
.brand{display:flex;flex-direction:column;align-items:center;line-height:1;min-width:145px}
.brand-mark{font-family:var(--serif);font-size:40px;letter-spacing:-.07em;line-height:.91;font-weight:400;white-space:nowrap}
.brand-mark .amp,.footer-logo span{color:var(--accent);font-style:italic;font-size:.79em;padding:0 .055em}
.brand-subtitle{font-size:8px;letter-spacing:.23em;margin-top:9px;font-weight:650;color:#665e52}
.main-nav{display:flex;gap:37px;align-items:center;justify-content:center}
.main-nav a{font-size:12px;font-weight:500;color:#4c4942;white-space:nowrap;transition:color .2s}
.main-nav a:hover,.main-nav a[aria-current="true"]{color:#a17e51}
.header-cta{font-size:11px;letter-spacing:.07em;text-transform:uppercase;background:var(--black);color:var(--cream);padding:16px 20px;white-space:nowrap;transition:background .2s}
.header-cta:hover{background:#65513c}
.header-cta span{font-size:15px;margin-left:13px}
.menu-toggle{display:none;background:none;border:0;width:42px;height:42px;padding:10px;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:6px}
.menu-toggle span{height:1px;width:25px;background:var(--ink);transition:transform .25s}
/* Hero */
.hero{background:#20201e;color:var(--cream);position:relative;overflow:hidden}
.hero-ambient{position:absolute;pointer-events:none;border-radius:100%;filter:blur(3px);opacity:.65}
.hero-ambient-one{width:800px;height:800px;left:-450px;top:-410px;background:radial-gradient(circle,#57473455,transparent 66%)}
.hero-ambient-two{width:900px;height:900px;right:-450px;bottom:-500px;background:radial-gradient(circle,#78654b3d,transparent 65%)}
.hero-layout{display:grid;grid-template-columns:52% 48%;min-height:730px;position:relative;z-index:1}
.hero-text{padding:140px 35px 70px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.eyebrow{color:#776a59;font-size:10px;letter-spacing:.22em;font-weight:650;display:flex;align-items:center;gap:17px;margin:0 0 30px;text-transform:uppercase}
.eyebrow-line{width:33px;height:1px;background:var(--accent);display:inline-block;flex:none}
.eyebrow-light{color:#c7bca9}
.hero-title{font-family:var(--serif);font-weight:400;font-size:clamp(66px,6.1vw,107px);letter-spacing:-.055em;line-height:.98;margin:0 0 33px}
.hero-title em,.section-heading em,.statement-quote em{font-weight:400;color:#beab8c}
.hero-lead{font-size:15px;font-weight:300;line-height:1.95;max-width:455px;color:#d0cac0;margin:0 0 42px}
.hero-actions{display:flex;gap:35px;align-items:center;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font-size:11px;letter-spacing:.09em;font-weight:700;text-transform:uppercase;padding:21px 24px;min-height:58px;transition:transform .22s,background .22s,color .22s}
.button:hover{transform:translateY(-2px)}
.button-cream{background:#f0e6d7;color:#24221d}
.button-cream:hover{background:#fffaf1}
.button span{font-size:16px}
.text-link{font-size:11px;text-transform:uppercase;letter-spacing:.115em;font-weight:700;display:inline-flex;align-items:center;gap:23px;padding-bottom:9px;border-bottom:1px solid #947c5f;transition:gap .2s}
.text-link:hover{gap:35px}.text-link span{font-size:17px}
.text-link-light{color:#e6ddcf}
.hero-footnote{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.18em;color:#aaa094;margin:65px 0 0}
.line-dot{width:6px;height:6px;background:var(--accent);border-radius:50%}
.hero-visual{position:relative;display:flex;align-items:stretch;justify-content:center;padding:56px 20px 55px 0}
.visual-frame{position:relative;width:100%;min-height:620px;overflow:hidden;background:#3a332d;box-shadow:0 20px 70px #0003}
.visual-frame::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#0d0c0bab 0%,transparent 26%)}
.visual-frame img{width:100%;height:100%;object-fit:cover;object-position:center 51%;filter:saturate(.8) contrast(.94)}
.photo-caption{position:absolute;z-index:1;left:28px;bottom:24px;font-size:9px;letter-spacing:.15em;color:#eee3cf;line-height:1.5}
.hero-visual-side{writing-mode:vertical-rl;font-size:9px;letter-spacing:.24em;position:absolute;right:0;top:57px;color:#a29480}
.hero-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;min-height:45px;border-top:1px solid #ffffff20;color:#908779;font-size:9px;letter-spacing:.2em}
.hero-scroll span{margin-left:15px;font-size:15px}
.values-strip{background:#e7dfd3;border-bottom:1px solid #d7ccbb}
.values-inner{display:flex;justify-content:space-around;gap:15px;align-items:center;min-height:100px;color:#62584b;font-size:10px;letter-spacing:.16em;font-weight:600;text-align:center}
.values-inner i{font-size:16px;font-style:normal;color:#9c7d5b}
/* Intro */
.intro-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:9%;align-items:center}
.intro-visual{position:relative;max-height:635px;overflow:hidden;background:#d4c2a6}
.intro-visual img{width:100%;height:100%;max-height:635px;object-fit:cover;object-position:center center}
.image-label{position:absolute;left:0;bottom:0;background:#eee7dcf3;color:#514a40;font-size:9px;letter-spacing:.13em;padding:14px 19px}
.intro-copy{padding:35px 0;max-width:510px}
.section-heading{font-family:var(--serif);font-size:clamp(54px,5.4vw,89px);font-weight:400;line-height:1.04;letter-spacing:-.045em;margin:0}
.section-heading em{color:#ab8b67}
.small-rule{width:75px;height:1px;background:#a68a64;margin:35px 0}
.section-copy{font-size:15px;line-height:2;letter-spacing:.005em;color:#4d4a44;max-width:510px;margin:0 0 20px}
.section-copy.muted{color:#77736b;margin-bottom:34px}
/* Statement */
.statement{background:#bfa98a;color:#22201c;position:relative;overflow:hidden}
.statement::before,.statement::after{content:"";position:absolute;width:560px;height:560px;border:1px solid #ded0b54d;border-radius:50%;top:50%;transform:translateY(-50%)}
.statement::before{left:-300px}.statement::after{right:-300px}
.statement-inner{padding:125px 0;text-align:center;position:relative;z-index:1}
.eyebrow.center{justify-content:center;color:#3f362d}
.statement .eyebrow-line{background:#65513a}
.statement-quote{font:400 clamp(50px,5.6vw,85px)/1.13 var(--serif);letter-spacing:-.04em;margin:25px 0 40px}
.statement-quote em{color:#f6efe4}
.statement-brand{font:400 28px var(--serif);letter-spacing:-.04em}
.statement-brand span{color:#f6efe4;font-style:italic}
/* Services */
.services{background:#f5f1eb}
.services-head{display:grid;grid-template-columns:1fr .6fr;gap:50px;align-items:end;margin-bottom:65px}
.services-head .section-copy{font-size:14px;max-width:350px;margin:0 0 8px;justify-self:end}
.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.service-card{min-height:255px;background:#ebe4d9;padding:37px 39px 30px;display:flex;flex-direction:column;position:relative;transition:background .25s,transform .25s}
.service-card:hover{background:#e2d7c7;transform:translateY(-3px)}
.service-number{color:#9f8e77;font:400 15px var(--serif)}
.service-card-top{display:flex;justify-content:space-between;align-items:start}
.service-icon{width:32px;height:32px;border:1px solid #a99b86;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#79664e;font-size:17px}
.service-card h3{font:400 clamp(28px,3vw,45px) var(--serif);letter-spacing:-.03em;margin:32px 0 12px}
.service-card p{max-width:390px;margin:0;color:#706a60;line-height:1.75;font-size:13px}
.service-price{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#99846a;padding-top:19px}
.services-note{font-size:11px;color:#867b6d;margin:23px 0 0}
/* universe */
.universe{background:#262522;color:#f2ece2}
.universe-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:60px}
.section-heading.light{color:#f4eadd}
.universe-header .section-copy{color:#bab2a6;font-size:14px;margin:23px 0 0;max-width:490px}
.universe-gallery{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:15px;min-height:420px}
.art-card{position:relative;overflow:hidden;min-height:440px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}
.art-number{font-size:9px;letter-spacing:.18em;font-weight:700;position:relative;z-index:2}
.art-card strong{position:relative;z-index:2;font:400 32px/1.16 var(--serif);letter-spacing:-.02em}
.art-card-one{background:#bbaa92;color:#242220}
.abstract-lines{position:absolute;inset:0;overflow:hidden;z-index:-1}
.abstract-lines span{position:absolute;width:340px;height:550px;top:-35px;right:-110px;border:2px solid #6c5640b3;border-radius:50% 50% 5% 95%;transform:rotate(23deg)}
.abstract-lines span:nth-child(2){right:-74px;top:-20px}.abstract-lines span:nth-child(3){right:-36px;top:-5px}.abstract-lines span:nth-child(4){right:2px;top:10px}.abstract-lines span:nth-child(5){right:40px;top:25px}
.art-card-two{background:#e7dfd4;color:#23211f}
.art-monogram{font:400 clamp(70px,8vw,135px) var(--serif);white-space:nowrap;position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);letter-spacing:-.11em}
.art-monogram span{color:#ae906b;font-style:italic;font-size:.79em}
.art-card-three{background:#71604b;color:#f3eadd}
.art-sun{position:absolute;border:1px solid #d9c3a6;border-radius:50%;width:350px;height:350px;left:50%;top:35%;transform:translate(-50%,-50%)}
.art-sun::before,.art-sun::after{content:"";position:absolute;inset:24px;border:1px solid #d9c3a688;border-radius:50%}
.art-sun::after{inset:53px}
.gallery-notice{text-align:right;font-size:10px;letter-spacing:.035em;color:#a89d8d;margin:20px 0 0}
/* Promise */
.promise{background:#f5f1eb}
.promise-inner{display:grid;grid-template-columns:1fr 1fr;gap:14%;align-items:start}
.promise-items{margin-top:20px}
.promise-item{display:grid;grid-template-columns:45px 1fr;gap:21px;padding:28px 0;border-top:1px solid var(--line)}
.promise-item:last-child{border-bottom:1px solid var(--line)}
.promise-item>span{font-family:var(--serif);font-size:15px;color:#b39773}
.promise-item h3{font:400 31px var(--serif);margin:0 0 10px}
.promise-item p{font-size:13px;color:#777065;line-height:1.8;margin:0}
/* Contact */
.contact{background:#282723;color:#f5eee3}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:13%;align-items:center}
.contact-left>p:not(.eyebrow){font-size:15px;color:#c7bdb0;line-height:1.95;max-width:450px;margin:30px 0 40px}
.contact-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.social-link{font-size:12px;color:#e1d3be;text-decoration:underline;text-decoration-color:#a89477;text-underline-offset:7px}
.contact-card{background:#e9e2d6;color:#24211e;min-height:520px;padding:35px 42px;position:relative;overflow:hidden}
.contact-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:23px;border-bottom:1px solid #cbbfb0}
.contact-card-top span:first-child{font:400 35px var(--serif);letter-spacing:-.07em}
.contact-card-top span:first-child span{font-size:.8em;color:#a58964;font-style:italic}
.contact-card-top span:last-child{font-size:9px;letter-spacing:.18em}
.contact-info{padding:25px 0 19px;border-bottom:1px solid #cbbfb0;position:relative;z-index:1}
.info-label{display:block;font-size:9px;font-weight:700;letter-spacing:.18em;color:#897966;margin-bottom:13px}
.info-value{font:400 19px/1.5 var(--serif);margin:0;color:#3a352e}
.info-value a{text-decoration:underline;text-decoration-color:#baa88f;text-underline-offset:4px}
.info-link{display:inline-block;margin-top:11px;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.hours-list{max-width:380px}.hours-list div{display:flex;align-items:baseline;gap:18px;justify-content:space-between;font-size:13px;padding:6px 0}
.hours-list div span:last-child{color:#594e43;text-align:right}
.card-ornament{position:absolute;width:310px;height:310px;border-radius:50%;border:1px solid #c7b49755;bottom:-225px;right:-80px;pointer-events:none}
/* Footer */
.footer{background:#1e1e1c;color:#a8a093;border-top:1px solid #ffffff16}
.footer-main{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:64px 0 54px}
.footer-main>div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.footer-logo{font:400 49px var(--serif);letter-spacing:-.07em;color:#e9dfd1;line-height:1}
.footer-tagline{font-size:8px;letter-spacing:.24em}
.footer-links{display:flex;gap:30px;font-size:11px;color:#d3cbc0}
.footer-links a:hover,.footer-back:hover{color:var(--white)}
.footer-back{font-size:9px;letter-spacing:.14em}
.footer-bottom{display:flex;justify-content:space-between;gap:15px;padding:22px 0;border-top:1px solid #ffffff22;font-size:10px;color:#80796e}
/* Reveal enhancement */
.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}
.js .reveal.in-view{opacity:1;transform:none}
[hidden]{display:none!important}
@media(max-width:1100px){.container{width:min(var(--wrap),calc(100% - 72px))}.main-nav{gap:22px}.hero-layout{min-height:680px}.hero-title{font-size:clamp(61px,6.2vw,85px)}.hero-text{padding-top:100px}.hero-visual{padding-top:45px;padding-bottom:45px}.visual-frame{min-height:580px}.section-pad{padding:105px 0}.intro-layout{gap:7%}.contact-layout{gap:7%}}
@media(max-width:820px){.container{width:calc(100% - 48px)}.header-inner{height:77px}.brand-mark{font-size:36px}.brand-subtitle{font-size:7px}.header-cta{margin-left:auto;padding:13px 15px}.menu-toggle{display:flex}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.main-nav{position:absolute;display:none;top:100%;left:0;width:100%;background:var(--cream);padding:20px 24px 30px;border-bottom:1px solid var(--line);box-shadow:0 30px 50px #20180d25;flex-direction:column;align-items:flex-start;gap:0}.main-nav.open{display:flex}.main-nav a{display:block;padding:14px 0;width:100%;font-size:14px;border-bottom:1px solid var(--line)}.hero-layout{grid-template-columns:1fr;min-height:unset}.hero-text{padding:95px 0 55px}.hero-title{font-size:clamp(65px,11vw,92px)}.hero-visual{padding:0 0 55px}.hero-visual-side{top:0;right:-10px}.visual-frame{height:520px;min-height:unset;margin-right:10px}.hero-bottom{padding:16px 0}.values-inner{min-height:75px;font-size:9px}.values-inner span:nth-of-type(2){display:none}.values-inner i:nth-of-type(2){display:none}.section-pad{padding:90px 0}.intro-layout{gap:35px}.intro-copy{padding:0}.section-heading{font-size:clamp(52px,7.1vw,72px)}.intro-visual img{min-height:460px;object-fit:cover}.services-head{grid-template-columns:1fr}.services-head .section-copy{justify-self:start;max-width:600px}.contact-layout{grid-template-columns:1fr;gap:50px}.contact-card{max-width:650px}.promise-inner{gap:8%}.universe-gallery{grid-template-columns:repeat(3,minmax(0,1fr));min-height:350px}.art-card{min-height:350px;padding:20px}.art-monogram{font-size:80px}.art-card strong{font-size:25px}}
@media(max-width:600px){html{scroll-padding-top:77px}.container{width:calc(100% - 38px)}.preview-banner{font-size:10px;line-height:1.5;padding:9px 12px;gap:8px}.preview-pill{font-size:8px}.header-inner{height:70px;gap:10px}.brand{min-width:105px;align-items:flex-start}.brand-mark{font-size:34px}.brand-subtitle{font-size:6.8px;letter-spacing:.17em}.header-cta{font-size:9px;padding:12px 10px}.header-cta span{margin-left:4px}.menu-toggle{width:35px;padding:6px;flex:none}.hero-text{padding:84px 0 48px}.eyebrow{font-size:9px;gap:10px;letter-spacing:.16em;margin-bottom:22px}.eyebrow-line{width:24px}.hero-title{font-size:clamp(56px,12.5vw,78px);line-height:1.02;margin-bottom:22px}.hero-lead{font-size:13px;line-height:1.85;max-width:380px;margin-bottom:30px}.hero-actions{gap:25px}.button{padding:18px 17px;min-height:54px;gap:25px;font-size:10px}.text-link{font-size:10px;gap:13px}.hero-footnote{margin:45px 0 0;font-size:8px}.hero-visual{padding-bottom:28px}.visual-frame{height:440px;margin-right:9px}.photo-caption{font-size:8px;bottom:17px;left:16px}.hero-visual-side{font-size:8px}.hero-scroll{display:none}.values-inner{font-size:8px;letter-spacing:.08em;min-height:66px}.values-inner span:first-of-type{max-width:125px}.values-inner span:last-of-type{max-width:140px}.section-pad{padding:76px 0}.intro-layout{grid-template-columns:1fr;gap:38px}.intro-visual{max-height:430px}.intro-visual img{height:430px;min-height:unset;object-position:center 38%}.section-heading{font-size:clamp(49px,11vw,65px)}.intro-copy{max-width:550px}.section-copy{font-size:13px;line-height:1.9}.small-rule{margin:23px 0}.statement-inner{padding:78px 0}.statement-quote{font-size:clamp(40px,8.8vw,57px)}.services-head{gap:24px;margin-bottom:32px}.service-grid{grid-template-columns:1fr;gap:10px}.service-card{min-height:208px;padding:25px 24px}.service-card h3{font-size:34px;margin:24px 0 8px}.service-card p{font-size:12px}.services-note{line-height:1.6}.universe-header{margin-bottom:35px}.universe-gallery{grid-template-columns:1fr 1fr;gap:10px}.art-card{min-height:265px;padding:16px}.art-card-one{grid-column:span 2;min-height:300px}.art-card-one .abstract-lines span{top:-120px}.art-number{font-size:8px}.art-card strong{font-size:24px}.art-monogram{font-size:clamp(45px,10vw,75px)}.art-sun{width:240px;height:240px}.gallery-notice{font-size:9px;line-height:1.7}.promise-inner{grid-template-columns:1fr;gap:27px}.promise-item{padding:22px 0}.promise-item h3{font-size:27px}.contact-layout{gap:35px}.contact-left>p:not(.eyebrow){font-size:13px;margin:22px 0 25px}.contact-card{padding:28px 25px;min-height:480px}.contact-card-top span:last-child{font-size:8px}.contact-info{padding:22px 0 17px}.info-value{font-size:18px}.footer-main{padding:46px 0 36px;display:grid;grid-template-columns:1fr auto}.footer-links{grid-column:1/-1;grid-row:2;flex-wrap:wrap;gap:19px}.footer-back{justify-self:end}.footer-bottom{line-height:1.5;font-size:9px}.gallery-notice{text-align:left}}
@media(max-width:370px){.header-cta{display:none}.hero-title{font-size:52px}.hero-actions{gap:22px}.button{gap:14px}.values-inner{gap:5px}.values-inner i{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.js .reveal{opacity:1;transform:none}}

/* Identité raffinée : icônes vectorielles, jamais d'emojis système. */
.icon-arrow, .service-icon::after {
  display:inline-block;
  width:16px;
  height:16px;
  flex:0 0 16px;
  background-color:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19 19 5M8 5h11v11' stroke='black' stroke-width='1.7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19 19 5M8 5h11v11' stroke='black' stroke-width='1.7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  vertical-align:middle;
}
.icon-arrow-down {transform:rotate(135deg)}
.icon-arrow-up {transform:rotate(-45deg)}
.service-icon::after {content:"";width:14px;height:14px;flex-basis:14px}
.value-diamond {display:inline-block;width:7px;height:7px;flex:0 0 7px;background:#a88c6d;transform:rotate(45deg);font-size:0!important}
.info-link,.social-link,.footer-back {display:inline-flex;align-items:center;gap:8px}
.info-link .icon-arrow,.social-link .icon-arrow,.footer-back .icon-arrow {width:12px;height:12px;flex-basis:12px}
.header-cta .icon-arrow {margin-left:13px}
.button .icon-arrow {margin-left:3px}
.text-link .icon-arrow {margin-left:0}
.hero-scroll .icon-arrow {margin-left:15px}
@media(max-width:600px){
  .header-cta .icon-arrow {width:12px;height:12px;flex-basis:12px;margin-left:5px}
  .values-inner .value-diamond {width:6px;height:6px;flex-basis:6px}
}