@font-face{font-family:Editorial;src:local('Baskerville');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f5ef;color:#302a24;font:15px/1.7 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Editorial,Baskerville,Georgia,serif;font-weight:400;line-height:1.03;letter-spacing:-.045em}h1{font-size:clamp(60px,6.4vw,106px);margin:26px 0}h2{font-size:clamp(40px,4vw,66px);margin:19px 0 28px}h3{font-size:30px;letter-spacing:-.025em}em{font-weight:400;color:#927752}p{color:#746a5e}a:focus-visible,button:focus-visible{outline:2px solid #927752;outline-offset:6px}.eyebrow{display:block;font-size:10px;font-weight:600;letter-spacing:.22em;line-height:1.7}.topline{background:#302a24;color:#e3d6c2;display:flex;justify-content:space-between;padding:8px 5%;font-size:9px;letter-spacing:.16em}.topline a{letter-spacing:.1em}header{display:flex;align-items:center;justify-content:space-between;padding:24px 5%;gap:28px;background:#f7f5ef;border-bottom:1px solid #ddd5c8}.brand{display:flex;flex-direction:column;text-align:center}.brand>span{font:36px/1 Baskerville,Georgia,serif;letter-spacing:.13em}.brand small{font-size:8px;letter-spacing:.28em;margin-top:9px}nav{display:flex;gap:30px;align-items:center}nav a{font-size:12px;position:relative}nav a:after{content:'';position:absolute;bottom:-9px;left:0;right:100%;height:1px;background:#927752;transition:right .25s}nav a:hover:after,nav a[aria-current]:after{right:0}.header-cta{font-size:11px;border-bottom:1px solid #927752;padding:8px 0}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.hero-copy{padding:80px 11% 40px 10%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero-copy>p{max-width:390px;font-size:15px;margin-bottom:30px;line-height:1.85}.hero-image{position:relative;background:#e9e3d8;overflow:hidden}.hero-image img{min-height:650px;object-position:center}.hero.home-hero .hero-image{background:#ece9e3}.home-hero .hero-image img{object-fit:contain;mix-blend-mode:multiply;padding:38px 9%}.image-note{position:absolute;bottom:26px;left:30px;letter-spacing:.19em;font-size:9px;background:#f7f5efd9;padding:8px 12px}.hero-foot{font-size:8px;letter-spacing:.21em;margin-top:65px;color:#8a7b67}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:48px;padding:15px 24px;background:#302a24;color:#f7f5ef;border:1px solid #302a24;font-size:12px;transition:background .2s,transform .2s}.button:hover{background:#594a37;transform:translateY(-2px)}.button span{font-size:20px;line-height:1}.text-button{color:#302a24;background:none;border:0;border-bottom:1px solid #b6a58b;padding:12px 0;gap:40px}.text-button:hover{background:none}.light{background:#e7d7ba;color:#302a24;border-color:#e7d7ba}.signature-line{display:flex;justify-content:space-between;padding:25px 5%;border-top:1px solid #ddd5c8;border-bottom:1px solid #ddd5c8;gap:18px;font-size:9px;letter-spacing:.17em}.section{padding:100px 7%}.story{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;align-items:start}.story .intro{font-size:22px;line-height:1.6;color:#3f3529}.story p{max-width:620px}.section-head{margin-bottom:45px}.section-head p{max-width:600px}.univers{background:#ece8df}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card{display:block}.card-image{height:390px;overflow:hidden;background:#f0ece6}.card-image img{transition:transform .7s}.card:hover img{transform:scale(1.045)}.card-caption{display:flex;justify-content:space-between;gap:20px;padding-top:24px}.card-caption .eyebrow{font-size:8px;color:#8a7557}.card-caption h3{margin:13px 0 10px}.card-caption p{font-size:12px;line-height:1.6}.arrow{border:1px solid #bcb09d;border-radius:50%;min-width:38px;height:38px;text-align:center;line-height:36px;font-size:20px;margin-top:20px}.service{background:#302a24;color:#f7f5ef;padding:90px 10%;text-align:center}.service em{color:#cbb28a}.service-intro{max-width:800px;margin:0 auto 50px;color:#ddd0bb;font-size:20px;line-height:1.6}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;text-align:left;margin:42px 0}.service-grid>div{border-top:1px solid #b4a48c;padding-top:21px}.service-grid>div>span{font-size:11px;color:#9b815b}.service-grid h3{margin:18px 0}.service-grid p{font-size:14px}.service .service-grid p{color:#c4b6a1}.brands{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:40px 50px;padding:30px 0}.brands img{width:135px;height:58px;object-fit:contain;mix-blend-mode:multiply}.brands span{font:20px Georgia,serif;color:#64513a}.visit{padding:90px 5%;background:#e9e2d5;text-align:center}.visit p{margin-bottom:32px}.visit h2{font-size:clamp(36px,4.5vw,65px)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.gallery-item{padding:0;border:0;position:relative;height:370px;background:#ece8df;overflow:hidden}.gallery-item img{transition:transform .6s}.gallery-item:hover img{transform:scale(1.04)}.gallery-item>span{position:absolute;right:15px;bottom:15px;border-radius:50%;background:#f7f5efe8;width:35px;height:35px;line-height:35px}.duo .gallery{grid-template-columns:1fr 1fr}.duo .gallery-item{height:530px}.duo img{object-fit:contain;mix-blend-mode:multiply}.process{background:#eee8dd}blockquote{text-align:center;font:italic clamp(28px,3.4vw,52px)/1.3 Georgia,serif;padding:80px 5%;margin:0}blockquote cite{display:block;font:9px Arial,sans-serif;letter-spacing:.2em;margin-top:26px}.selection{background:#ece8df}.editorial{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.editorial>div:first-child{height:560px;overflow:hidden}.editorial p{max-width:460px}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:10%}address{font-style:normal;font-size:18px;color:#6e6254;margin:25px 0}.hours{border-top:1px solid #c9bca9;padding-top:28px;margin-top:40px}.hours h3{font-size:27px}.hours p{display:flex;justify-content:space-between;gap:15px;font-size:12px;margin-bottom:8px}.contact-form{background:#ece8df;padding:40px}.contact-form h2{font-size:42px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:11px;letter-spacing:.02em;margin:15px 0}input,select,textarea{display:block;width:100%;border:0;border-bottom:1px solid #b8a98f;border-radius:0;background:#f7f5ef;padding:12px;margin-top:8px;color:#302a24;font-size:14px;outline-offset:3px}textarea{resize:vertical}.form-note{font-size:11px;line-height:1.6}.gift-images{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:750px;margin:auto;height:300px}.gift-images img{object-fit:contain;mix-blend-mode:multiply}footer{background:#302a24;color:#e8decf;padding:50px 5% 20px}.footer-main{display:grid;grid-template-columns:1fr 1.5fr 1fr .7fr;align-items:start;gap:35px}.footer-main .brand{align-items:start}.footer-main p{font-size:12px;color:#b6a891}.footer-main a{display:block;font-size:12px;margin-bottom:10px}.footer-bottom{border-top:1px solid #625847;padding-top:20px;margin-top:40px;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#b6a891}.skip{position:fixed;top:-80px;left:20px;background:white;padding:10px;z-index:100}.skip:focus{top:10px}dialog{border:0;background:#f7f5ef;padding:35px;max-width:90vw;width:900px;max-height:90vh}dialog::backdrop{background:#181612c9}dialog img{width:100%;max-height:70vh;object-fit:contain}dialog p{text-align:center;margin:15px 0 0;font-size:12px}.close{position:absolute;right:9px;top:3px;font-size:30px;border:0;background:none}.legal{max-width:1000px;margin:auto}.legal h1{font-size:64px}.legal h2{font-size:30px;margin-top:40px}body:has(nav a[aria-current][href="bijouterie.html"]) .cards,body:has(nav a[aria-current][href="horlogerie.html"]) .cards{grid-template-columns:repeat(4,1fr)}body:has(nav a[aria-current][href="bijouterie.html"]) .card-image,body:has(nav a[aria-current][href="horlogerie.html"]) .card-image{height:300px}body:has(nav a[aria-current][href="horlogerie.html"]) .card-image img{object-fit:contain;mix-blend-mode:multiply}.gifts{background:#ece8df}.gifts .section-head{text-align:center}
@media(min-width:1600px){.hero{min-height:760px}.hero-image img{min-height:760px}.section{padding-left:max(7%,calc((100vw - 1400px)/2));padding-right:max(7%,calc((100vw - 1400px)/2))}}
@media(max-width:1050px){nav{gap:18px}.header-cta{display:none}.hero-copy{padding:65px 10%}.hero,.hero-image img{min-height:560px}.card-image{height:300px}.section{padding:75px 6%}.cards{gap:18px}.card-caption h3{font-size:27px}.contact-grid{gap:6%}.contact-form{padding:27px}.hours p{flex-direction:column;gap:0}.footer-main{grid-template-columns:1fr 1fr}}
@media(max-width:700px){h1{font-size:61px}h2{font-size:42px}.topline{font-size:7px;padding:8px 6%;letter-spacing:.06em}header{padding:20px 6%;position:relative;flex-wrap:wrap;gap:15px}.brand>span{font-size:29px}.brand small{font-size:6px}.menu-toggle{display:flex;gap:15px;align-items:center;background:none;border:0;font-size:12px}nav{display:none;width:100%;flex-direction:column;align-items:start;padding:25px 0;gap:22px}nav.open{display:flex}nav a{font-size:17px}.hero{grid-template-columns:1fr}.hero-copy{padding:50px 7% 35px}.hero-image{height:420px;min-height:0}.hero-image img{min-height:0;height:420px}.home-hero .hero-image img{padding:20px 10%}.hero-foot{margin-top:36px}.signature-line{display:grid;grid-template-columns:1fr 1fr;padding:20px 7%;gap:15px;font-size:7px}.section{padding:60px 7%}.story{grid-template-columns:1fr;gap:15px}.story .intro{font-size:19px}.cards,body:has(nav a[aria-current][href="bijouterie.html"]) .cards,body:has(nav a[aria-current][href="horlogerie.html"]) .cards{grid-template-columns:1fr 1fr;gap:28px 16px}.univers .cards{grid-template-columns:1fr}.univers .card-image{height:430px}.card-image,body:has(nav a[aria-current][href="bijouterie.html"]) .card-image,body:has(nav a[aria-current][href="horlogerie.html"]) .card-image{height:230px}.card-caption{gap:4px;padding-top:18px}.card-caption h3{font-size:25px}.card-caption p{font-size:11px}.arrow{display:none}.service{padding:65px 7%}.service-intro{font-size:18px}.service-grid{grid-template-columns:1fr;gap:24px}.service-grid h3{margin:12px 0}.brands{gap:25px}.brands img{width:110px;height:45px}.brands span{font-size:16px}.visit{padding:60px 7%}.gallery{grid-template-columns:1fr 1fr;gap:14px}.gallery-item{height:260px}.duo .gallery-item{height:300px}.editorial{grid-template-columns:1fr;gap:35px}.editorial>div:first-child{height:440px}.contact-grid{grid-template-columns:1fr;gap:45px}.hours p{flex-direction:row}.contact-form{padding:24px}.form-row{grid-template-columns:1fr;gap:0}.contact-form .button{gap:18px;width:100%}.gift-images{height:220px;gap:20px}.footer-main{grid-template-columns:1fr;gap:20px}.footer-bottom{flex-direction:column}.image-note{font-size:7px;bottom:18px;left:18px}dialog{padding:25px 15px}.legal h1{font-size:50px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.hero-image>img{position:absolute;inset:0;height:100%;min-height:0}.hero-copy{min-height:650px}@media(max-width:700px){.hero-copy{min-height:0}.hero-image>img{height:100%}}

/* Bleu de la devanture Bossard — accents de marque */
:root{--bossard-blue:#24477e;--bossard-blue-deep:#19365f;--bossard-blue-soft:#e9eef5}
.topline{background:var(--bossard-blue-deep);color:#f4f1e9}
header .brand{color:var(--bossard-blue)}
h1 em,h2 em{color:var(--bossard-blue)}
.hero-copy>.eyebrow,.section-head>.eyebrow,.story .eyebrow,.editorial .eyebrow,.contact-grid .eyebrow{color:var(--bossard-blue)}
nav a[aria-current]{color:var(--bossard-blue)}
nav a:after{background:var(--bossard-blue)}
.button{background:var(--bossard-blue);border-color:var(--bossard-blue);color:#fff}
.button:hover{background:var(--bossard-blue-deep)}
.text-button{background:transparent;color:var(--bossard-blue);border:0;border-bottom:1px solid #b6a58b}
.text-button:hover{background:transparent;color:var(--bossard-blue-deep)}
.light{background:#e7d7ba;color:var(--bossard-blue-deep);border-color:#e7d7ba}
.light:hover{background:#f2e5ce}
.header-cta,.menu-toggle{color:var(--bossard-blue)}
.signature-line{color:var(--bossard-blue);border-top-color:#c8d4e4;border-bottom-color:#c8d4e4}
.visit{background:var(--bossard-blue-soft)}
.visit>.eyebrow{color:var(--bossard-blue)}
.arrow{color:var(--bossard-blue);border-color:#adbcd2}
a:focus-visible,button:focus-visible{outline-color:var(--bossard-blue)}