/* Velora — native sharpness: size picker + The Atelier (A · Bandeaux language: hairlines, gold bevel, quiet serif caps) */
/* ---------- size picker (piece page) ---------- */
.m-sz-h{margin-top:30px}
.m-sizes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:16px;width:100%;max-width:440px}
.m-size{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;padding:14px 4px 12px;border:1px solid var(--a-hair,rgba(216,192,146,.14));border-radius:12px;
  background:linear-gradient(180deg,rgba(255,236,196,.025),rgba(0,0,0,0));color:var(--ink);font:inherit;cursor:pointer;
  transition:border-color .7s var(--a-ease),background .7s var(--a-ease),color .7s var(--a-ease)}
.m-size:hover{border-color:rgba(216,192,146,.38)}
.m-size[aria-checked=true]{border-color:transparent;background:linear-gradient(#11100d,#0d0c0a) padding-box,var(--bevel) border-box}
.m-size:focus-visible{outline:1px solid rgba(216,192,146,.6);outline-offset:4px}
.m-frame{display:block;height:30px;max-width:44px;aspect-ratio:var(--ar);border:1px solid rgba(216,192,146,.45);border-radius:3px;transition:border-color .7s var(--a-ease),box-shadow .7s var(--a-ease)}
.m-size[data-k=desktop] .m-frame,.m-size[data-k=desktop5k] .m-frame{height:auto;width:40px}
.m-size[data-k=ultrawide] .m-frame{height:auto;width:44px}
.m-size[aria-checked=true] .m-frame{border-color:var(--gold);box-shadow:0 0 14px rgba(216,192,146,.18),inset 0 0 8px rgba(216,192,146,.12)}
.m-size b{font-weight:400;font-size:8.5px;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap}
.m-size small{font-size:8px;letter-spacing:.08em;color:#8f866f;white-space:nowrap;font-variant-numeric:tabular-nums}
.m-fit{position:absolute;left:50%;bottom:-19px;transform:translateX(-50%);font-family:var(--serif);font-style:italic;font-size:11px;letter-spacing:.04em;color:var(--gold);white-space:nowrap}
.m-sizes+.m-dl{margin-top:36px}
.m-dl em{font-style:normal}
.m-allsz{margin-top:14px;font-size:8.5px;letter-spacing:.34em;padding-left:.34em;text-transform:uppercase;color:#a89d84;border-bottom:1px solid transparent;transition:color .7s var(--a-ease),border-color .7s var(--a-ease)}
.m-allsz:hover{color:var(--ink);border-color:var(--gold)}
@media(max-width:599px){.m-sizes{gap:6px}.m-size{padding:12px 2px 10px}.m-size b{font-size:7.5px;letter-spacing:.14em;line-height:1.5;text-align:center}.m-size b span{display:block}.m-size b{min-height:3em;display:flex;flex-direction:column;justify-content:center}.m-size small{font-size:7px;letter-spacing:0}}
/* ---------- The Atelier (home) ---------- */
.m-atelier{display:grid;gap:clamp(40px,6vw,96px);align-items:center;max-width:var(--hx);margin:0 auto;padding:clamp(72px,10vw,140px) var(--gutter) clamp(64px,8vw,110px);
  border-top:1px solid var(--a-hair,rgba(216,192,146,.14));background:radial-gradient(50% 60% at 30% 50%,rgba(216,192,146,.05),rgba(0,0,0,0) 70%)}
.m-at-fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:22px}
.m-at-loupe{position:relative;display:block;width:min(480px,82vw);aspect-ratio:1;padding:6px;border-radius:50%;border:1px solid transparent;
  background:var(--lacq) padding-box,var(--bevel) border-box;box-shadow:0 40px 80px -40px rgba(0,0,0,.95);overflow:hidden;isolation:isolate}
.m-at-loupe picture{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;background:#0d1230}
.m-at-loupe img{display:block;width:100%;height:100%;object-fit:cover}
.m-at-loupe::after{content:"";position:absolute;inset:6px;border-radius:50%;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,236,196,.14),inset 0 0 60px rgba(0,0,0,.35);background:linear-gradient(158deg,rgba(255,255,255,.07),rgba(255,255,255,0) 34%)}
.m-at-fig figcaption{text-align:center}
.m-at-t{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:520px;justify-self:center}
.m-at-t h2{margin-top:22px;font-size:clamp(26px,3vw,44px);letter-spacing:.16em;padding-left:.16em}
.m-at-t .m-rule{margin:24px auto}
.m-at-lead{font-family:var(--serif);font-style:italic;font-size:clamp(18px,1.6vw,22px);line-height:1.5;color:var(--ink)}
.m-at-notes{list-style:none;margin:40px 0 0;padding:0;display:flex;flex-direction:column;width:100%;text-align:left}
.m-at-notes li{display:flex;gap:16px;padding:22px 0;border-top:1px solid var(--a-hair,rgba(216,192,146,.14))}
.m-at-notes li:last-child{border-bottom:1px solid var(--a-hair,rgba(216,192,146,.14))}
.m-at-notes b{display:block;font-weight:400;font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:var(--ink)}
.m-at-notes p{margin-top:10px;font-size:13px;line-height:1.75;color:#a89d84}
.m-at-facts{margin-top:30px;font-size:8.5px;letter-spacing:.36em;padding-left:.36em;text-transform:uppercase;color:var(--gold-light)}
@media(min-width:900px){.m-atelier{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.m-at-t{align-items:flex-start;text-align:left;justify-self:start}.m-at-t h2{padding-left:0}.m-at-t .m-rule{margin:24px 0}.m-at-facts{padding-left:0}}
/* slow loupe: settles from a gentle approach to exactly 100%, never beyond (the last frame is true native pixels) */
@media (prefers-reduced-motion:no-preference){
  .m-at-loupe img{transform:scale(1.1);transform-origin:50% 52%;transition:transform 7s cubic-bezier(.16,.8,.24,1)}
  .m-at-fig.is-in .m-at-loupe img{transform:none}
}
/* footer line */
.foot-tag{margin:14px 0 0;font-size:8.5px;letter-spacing:.34em;padding-left:.34em;text-transform:uppercase;color:#8f866f}