@font-face{font-family:Magines;src:url('assets/magines.ttf') format('truetype');font-display:swap}
:root{--color-paper:#faf7ef;--color-ink:#24251f;--color-muted:#66675e;--color-line:#d5d4c9;--color-media:#e4e3db;--color-club:#e8eacb;--color-white:#fff;--font-body:Arial,Helvetica,sans-serif;--font-display:Magines,Georgia,serif;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-6:3rem;--space-8:4rem;--space-12:6rem;--gutter:clamp(1.5rem,4.5vw,6rem);--max-width:1600px;--duration:220ms;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:125px}body{margin:0;background:var(--color-paper);color:var(--color-ink);font:1rem/1.55 var(--font-body)}body.dialog-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--color-ink);outline-offset:6px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--font-display);font-weight:400;line-height:1.06;letter-spacing:-.045em}h1{font-size:clamp(3.5rem,6.6vw,7.5rem)}h2{font-size:clamp(2.8rem,4.5vw,5rem)}h3{font-size:1.35rem;font-weight:500}em{font-weight:inherit}p{max-width:60ch}dialog{color:var(--color-ink)}.section{padding:var(--space-12) var(--gutter);max-width:var(--max-width);margin-inline:auto}.eyebrow{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:var(--space-4)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:52px;padding:.9rem 1.35rem;font-size:.875rem;line-height:1.2;border:1px solid var(--color-ink);transition:background var(--duration),color var(--duration);white-space:normal}.button-dark{background:var(--color-ink);color:var(--color-paper)}.button-dark:hover{background:#4b4d40}.button-outline:hover{background:var(--color-ink);color:var(--color-paper)}.button span{font-size:1.3rem}.text-link{display:inline-flex;gap:1.5rem;align-items:center;border-bottom:1px solid var(--color-ink);padding-block:.65rem;font-size:.875rem}.text-link:hover{opacity:.65}.action-row{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.skip-link{position:fixed;top:-100px;left:1rem;background:var(--color-ink);color:white;padding:1rem;z-index:99}.skip-link:focus{top:1rem}.prototype-bar{height:36px;background:var(--color-ink);color:var(--color-paper);display:flex;justify-content:space-between;align-items:center;padding-inline:var(--gutter);font: .6875rem/1 var(--font-body);letter-spacing:.08em}.prototype-bar>span{display:flex;align-items:center;gap:.6rem}.prototype-bar i{width:5px;height:5px;background:#d6e2ac;border-radius:50%}.prototype-bar button{font-size:.75rem;padding:8px 0}.prototype-bar button span{margin-left:1rem}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:100px;padding:1rem var(--gutter);background:var(--color-paper);border-bottom:1px solid var(--color-line)}.brand{display:inline-flex;align-items:center;gap:1rem;flex-shrink:0}.brand>img{object-fit:contain;width:43px;height:56px}.brand-signature{display:flex;align-items:center;gap:.55rem;border-left:1px solid var(--color-line);padding-left:1rem}.brand-signature small{font-size:.7rem}.brand-signature img{width:88px;height:36px;object-fit:contain}.desktop-nav,.header-actions{display:flex;gap:2rem;align-items:center}.desktop-nav{font-size:.875rem}.desktop-nav a:hover{text-decoration:underline;text-underline-offset:.4em}.header-actions{gap:1.5rem}.menu-trigger{display:flex;gap:1rem;align-items:center;min-height:48px;padding:0}.menu-lines{width:23px;height:9px;border-top:1px solid;border-bottom:1px solid}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:var(--space-8);padding-top:3.5rem;padding-bottom:1.5rem;align-items:center}.hero-copy{padding-block:1rem}.hero-copy .intro{margin:2rem 0;font-size:1.05rem;color:var(--color-muted)}.hero-visual{position:relative;padding-right:1.5rem}.media-placeholder{position:relative;overflow:hidden;background:var(--color-media);border:1px solid var(--color-line);display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;min-width:0}.media-placeholder:before,.media-placeholder:after{content:'';position:absolute;width:160%;height:1px;left:-30%;top:50%;background:var(--color-line);transform:rotate(40deg);pointer-events:none}.media-placeholder:after{transform:rotate(-40deg)}.media-placeholder>span{z-index:1}.media-code,.media-format{font-size:.6875rem;letter-spacing:.1em}.media-caption{font:clamp(2rem,3vw,3.5rem)/1.06 var(--font-display);letter-spacing:-.025em;align-self:center;text-align:center;background:var(--color-media);padding:.5rem}.hero-photo{aspect-ratio:4/4.4;min-height:420px}.visual-label{background:var(--color-ink);color:var(--color-paper);display:flex;gap:2rem;justify-content:space-between;padding:1.2rem 1.5rem;font-size:.8rem;position:absolute;right:0;bottom:1.5rem;transform:rotate(-3deg)}.scroll-cue{grid-column:1/-1;display:flex;justify-content:space-between;padding-top:1.5rem;font-size:.75rem;color:var(--color-muted)}.chapter-strip{display:flex;align-items:center;justify-content:space-around;gap:2rem;border-block:1px solid var(--color-line);margin-top:1.5rem;padding:1.4rem var(--gutter);font-family:var(--font-display);font-size:1.4rem}.chapter-strip span:nth-child(even){font:1.1rem var(--font-body)}.story{display:grid;grid-template-columns:1fr 1fr;gap:5rem}.story-copy{padding-top:3rem}.story-copy p+p{margin-top:1.5rem;color:var(--color-muted)}.large-copy{font-size:1.35rem;line-height:1.5}.story-copy .text-link{margin-top:1.5rem}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:3rem;margin-bottom:3rem}.section-heading>p{color:var(--color-muted);font-size:.9375rem;padding-bottom:.5rem}.selection{border-top:1px solid var(--color-line)}.jewelry-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:1.5rem;align-items:start}.jewelry-card .media-placeholder{aspect-ratio:3/4}.jewelry-card:nth-child(2){padding-top:4rem}.jewelry-card:nth-child(3){padding-top:8rem}.jewelry-card .media-caption{font-size:2rem}.card-bottom{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem;align-items:center}.card-bottom h3{font-size:1rem}.card-bottom span{font-size:.7rem;color:var(--color-muted)}.selection-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:3rem;font-size:.9rem}.stores{border-top:1px solid var(--color-line)}.store-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:4rem}.store-photo{min-height:410px}.store-list{border-top:1px solid var(--color-line)}.store-row{display:flex;width:100%;justify-content:space-between;align-items:center;padding:1.55rem .5rem;gap:1.5rem;border-bottom:1px solid var(--color-line);text-align:left;transition:padding var(--duration),background var(--duration)}.store-row:hover{background:#eeeee3;padding-inline:1rem}.store-row .store-name{font:1.8rem var(--font-display)}.store-row small{font-size:.75rem;color:var(--color-muted);margin-right:1rem}.club{max-width:none;background:var(--color-club);border-block:1px dashed #a8ad88}.club-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.club-stamp{font:1.8rem var(--font-display);background:var(--color-paper);padding:.25rem .75rem;transform:rotate(-4deg);border:1px solid var(--color-ink)}.club-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center}.club-layout p{margin:2rem 0}.club-collage{position:relative;padding:1rem 2rem 2rem}.club-photo{min-height:380px;transform:rotate(4deg);border:10px solid var(--color-paper)}.paper-label{position:absolute;bottom:0;left:0;background:#ead9df;transform:rotate(-7deg);padding:1rem 1.5rem;font:1.6rem/1.2 var(--font-display);border:1px solid var(--color-ink)}.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:3rem}.editorial-grid article{border-top:1px solid var(--color-line);padding-top:1.5rem}.item-number{font-size:.75rem;color:var(--color-muted)}.editorial-grid h3{margin:1.5rem 0 1rem}.editorial-grid p{font-size:.9375rem;color:var(--color-muted)}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:5rem;border-top:1px solid var(--color-line)}.faq-list{border-top:1px solid var(--color-line)}details{border-bottom:1px solid var(--color-line)}summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:2rem;list-style:none;padding:1.5rem 0;font-size:.9375rem}summary::-webkit-details-marker{display:none}summary span{font-size:1.5rem}details[open] summary span{transform:rotate(45deg)}details p{padding:0 2rem 1.5rem 0;color:var(--color-muted);font-size:.9375rem}details p a{text-decoration:underline}.join{background:#efeee5;display:grid;grid-template-columns:1fr 1fr;gap:5rem}.join-links{align-self:center}.editorial-link{width:100%;display:flex;justify-content:space-between;gap:1rem;text-align:left;border-bottom:1px solid var(--color-line);padding:1.5rem 0;font-size:1.1rem}.site-footer{padding-top:4rem;padding-bottom:1.5rem}.footer-top{display:grid;grid-template-columns:1fr 1fr .5fr;gap:4rem;padding-bottom:4rem}.footer-top nav{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.footer-top nav button{text-align:left;padding:0}.footer-top>div:last-child{display:flex;flex-direction:column;gap:.75rem}.footer-top a,.footer-top button{font-size:.875rem}.footer-bottom{border-top:1px solid var(--color-line);padding-top:1.5rem;display:flex;justify-content:space-between;gap:1rem;font-size:.75rem;color:var(--color-muted)}.note{display:none;padding:1rem 1.25rem;border-left:2px solid #888944;background:#f0efcd;font-size:.8125rem;line-height:1.5;max-width:none;margin-top:2rem;grid-column:1/-1}.show-notes .note{display:block}.navigation-dialog{border:0;padding:2rem var(--gutter);margin:0;width:100%;height:100dvh;max-width:none;max-height:none;background:var(--color-paper);overflow:auto}.menu-top,.menu-bottom{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.menu-top{padding-bottom:2rem;border-bottom:1px solid var(--color-line)}.close-button{display:flex;align-items:center;gap:1.5rem;min-height:44px;font-size:.875rem;padding:0}.close-button span{font-size:2rem;line-height:1}.menu-content{display:grid;grid-template-columns:1.5fr 1fr;gap:8vw;padding:4rem 0}.main-menu{display:flex;flex-direction:column}.main-menu a{display:flex;align-items:center;gap:1rem;font:clamp(2.5rem,5vw,5.5rem)/1.4 var(--font-display);border-bottom:1px solid var(--color-line)}.main-menu a small{font:.6875rem var(--font-body);color:var(--color-muted);align-self:center}.main-menu a>span{margin-left:auto;font:2rem var(--font-body)}.main-menu a:hover{padding-left:.5rem}.menu-aside{display:flex;flex-direction:column;align-items:start;gap:1.3rem;padding-top:.5rem}.menu-aside .eyebrow{margin:0 0 1rem}.menu-aside button{padding:0;text-align:left}.menu-aside .button{margin-top:1rem}.menu-bottom{border-top:1px solid var(--color-line);padding-block:1.5rem;font-size:.875rem}.detail-dialog{border:0;width:min(720px,calc(100% - 2rem));max-height:90dvh;padding:2rem;background:var(--color-paper);overflow:auto}.detail-dialog::backdrop{background:#24251f99;backdrop-filter:blur(3px)}.detail-dialog>.close-button{margin-left:auto;margin-bottom:2rem}.detail-dialog h2{font-size:3.5rem;margin-bottom:1.5rem}.detail-dialog p{margin-block:1rem}.detail-fields{border-top:1px solid var(--color-line);margin:2rem 0}.detail-fields div{padding:1rem 0;border-bottom:1px solid var(--color-line);display:grid;grid-template-columns:1fr 2fr;gap:1rem}.detail-fields dt{font-size:.875rem}.detail-fields dd{margin:0;color:var(--color-muted);font-size:.875rem}.detail-notice{font-size:.8125rem;color:var(--color-muted);background:var(--color-media);padding:1rem}.detail-dialog .media-placeholder{min-height:200px}.navigation-dialog[open],.detail-dialog[open]{animation:appear var(--duration) var(--ease)}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.club,.join{padding-inline:max(var(--gutter),calc((100vw - 1450px)/2))}}
@media(max-width:1100px){.desktop-nav{gap:1.2rem}.brand-signature{display:none}.hero{gap:2rem}.hero-photo{min-height:380px}.story,.faq,.store-layout,.join{gap:2.5rem}.club-layout{gap:2rem}.club-collage{padding:1rem}.club-photo{min-height:320px}}
@media(max-width:760px){:root{--space-12:4rem;--gutter:1.5rem}html{scroll-padding-top:90px}.prototype-bar{padding-inline:1rem;font-size:.6rem}.prototype-bar button{font-size:.65rem}.site-header{min-height:80px;padding-block:.65rem;gap:1rem}.brand>img{height:45px;width:35px}.header-actions{gap:1rem}.header-store{min-height:44px;padding:.65rem .8rem;font-size:.75rem;gap:.7rem}.header-store span{font-size:1rem}.menu-trigger{font-size:.8rem;gap:.65rem}.desktop-nav{display:none}.hero{grid-template-columns:1fr;gap:2rem;padding-top:2.5rem}.hero-copy{padding:0}.hero-copy .eyebrow{font-size:.65rem;margin-bottom:1.5rem}.hero h1{font-size:clamp(3.4rem,11vw,5rem)}.hero-copy .intro{font-size:1rem;margin-block:1.5rem}.action-row{gap:1rem}.button{min-height:48px;font-size:.8125rem;padding:.85rem 1rem;gap:1rem}.hero-visual{padding-right:.7rem}.hero-photo{min-height:0;aspect-ratio:1.15}.media-caption{font-size:2.3rem}.visual-label{font-size:.7rem;padding:1rem;bottom:1rem}.scroll-cue{padding-top:0}.chapter-strip{justify-content:space-between;gap:1rem;padding:1rem 1.5rem;font-size:1.1rem}.chapter-strip span:nth-child(n+3){display:none}.story,.faq,.join,.club-layout,.store-layout{grid-template-columns:1fr;gap:2rem}.story-copy{padding-top:0}.large-copy{font-size:1.2rem}.section-heading{align-items:start;flex-direction:column;gap:1.5rem;margin-bottom:2rem}h2{font-size:clamp(2.65rem,9vw,3.7rem)}.eyebrow{margin-bottom:1.5rem}.jewelry-grid{grid-template-columns:1fr 1fr;gap:1rem}.jewelry-card:first-child{grid-column:1/-1}.jewelry-card:first-child .media-placeholder{aspect-ratio:1.3}.jewelry-card:nth-child(2),.jewelry-card:nth-child(3){padding-top:0}.jewelry-card .media-placeholder{padding:1rem}.jewelry-card .media-caption{font-size:1.5rem}.jewelry-card .media-code{font-size:.6rem}.card-bottom{align-items:start;flex-direction:column;gap:.3rem}.card-bottom h3{font-size:.9rem}.selection-bottom{align-items:start;flex-direction:column;gap:1.5rem;margin-top:2rem}.store-photo{min-height:240px}.store-row{padding:1.25rem 0;gap:.5rem}.store-row .store-name{font-size:1.6rem}.store-row small{margin-right:.5rem;font-size:.65rem}.club-top{gap:1rem}.club-stamp{font-size:1.4rem}.club-top .eyebrow{font-size:.65rem;margin:0}.club-layout p{margin:1.5rem 0}.club-collage{padding:1rem 1rem 2rem}.club-photo{min-height:290px}.editorial-grid{grid-template-columns:1fr;gap:2rem}.editorial-grid h3{margin:1rem 0 .5rem}.faq{gap:2rem}.footer-top{grid-template-columns:1fr 1fr;gap:2rem;padding-bottom:2rem}.footer-top>.brand{grid-column:1/-1}.footer-top nav{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:.75rem;align-items:start}.footer-bottom button{padding:0}.navigation-dialog{padding:1rem 1.5rem}.menu-top{padding-bottom:1rem}.menu-content{grid-template-columns:1fr;gap:2.5rem;padding:2rem 0}.main-menu a{font-size:2.6rem;line-height:1.5}.menu-aside{gap:1rem}.menu-aside .eyebrow{margin-bottom:0}.menu-bottom{font-size:.75rem;align-items:start}.menu-bottom>span{max-width:150px}.detail-dialog{padding:1.5rem}.detail-dialog h2{font-size:2.75rem}.detail-fields div{grid-template-columns:1fr;gap:.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Assets extraits du Figma client ; originaux conservés dans assets/figma. */
.media-placeholder.has-image{padding:0}.has-image:before,.has-image:after{display:none}.has-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.club-sticker{position:absolute;z-index:3;pointer-events:none;width:90px;height:auto}.club-sticker.star{right:-8px;top:-16px;transform:rotate(12deg)}.club-sticker.butterfly{left:-14px;top:35%;transform:rotate(-15deg)}