/* SwissArtGallery — Direction artistique "Galerie privée", 17 octobre 2026.
   Feuille additionnelle, sans changement des parcours commerciaux. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&display=swap');

:root {
  color-scheme:light;
  --paper:#f7f3eb;
  --pale:#f0eae0;
  --white:#fffdf8;
  --ink:#342f29;
  --muted:#696155;
  --gold:#886b3f;
  --action:#614b30;
  --line:#dfd4c4;
  --metal:#ba9c67;
  --ivory:#fffdf8;
  --shadow:0 12px 34px rgba(58,43,26,.055);
  --serif:'Cormorant Garamond','Iowan Old Style','Baskerville',Georgia,serif;
  --sans:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
html{background:var(--paper)}
body{background:var(--paper);color:var(--ink);font:400 15px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
::selection{background:#e8ddc7;color:#30271e}
h1,h2,h3,.brand-word{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:currentColor!important;text-shadow:none}
h1,h2,h3{color:var(--ink);font-family:var(--serif);font-weight:500;letter-spacing:-.022em;text-wrap:balance}
h1{font-size:clamp(42px,4.7vw,68px);line-height:1.05}
h2{font-size:clamp(30px,3vw,43px);line-height:1.12}
h3{font-size:clamp(24px,2.15vw,31px);line-height:1.2}
p{line-height:1.72}
small,.small{line-height:1.55}
.muted{color:var(--muted)}
.eyebrow,.section-label{color:var(--gold);font:600 10px/1.5 var(--sans);letter-spacing:.20em;text-transform:uppercase}
.eyebrow:before,.section-label:before{background:#bda479}
a,button,input,select,textarea{accent-color:var(--action)}
:where(a,button,input,textarea,select,[tabindex]):focus-visible{outline:2px solid #886b3f;outline-offset:3px}
.page-enter{animation:page-in .28s ease-out}
.page-head{max-width:none;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:34px}
.page-head h1{font-size:clamp(42px,4.6vw,62px);margin-bottom:12px;max-width:930px}
.page-head p{font-size:15px;color:var(--muted);max-width:65ch}
.page-head .eyebrow{margin-bottom:17px}
.page-head .eyebrow:before{height:1px;background:#b9a079}

/* Header, logotype et navigation : la discrétion d'une galerie. */
.masthead{
  position:relative;z-index:21;height:90px;padding:0 clamp(22px,4vw,64px);
  background:rgba(255,253,249,.97);border-bottom:1px solid var(--line);
  box-shadow:none;backdrop-filter:none
}
.masthead:after{display:none}
.brand{gap:13px;min-width:0}
.brand-image{width:46px;height:46px;object-fit:contain;flex:0 0 auto}
.brand-word{color:#373028;font:500 30px/1.05 var(--serif);letter-spacing:-.018em;white-space:nowrap}
.brand-word small{font:500 10px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-top:5px}
.mast-right{gap:20px}
.language-picker select{background:#fffdf9;color:var(--ink);border:1px solid var(--line);border-radius:3px;box-shadow:none;min-height:42px;padding:8px 9px}
.masthead .header-install,.masthead .header-offers{font-size:12px;font-weight:500;color:var(--muted)}
.masthead .header-install:hover,.masthead .header-offers:hover{color:var(--action)}
.icon-button,.favorite{color:var(--action);border:1px solid #dbceba;background:#fffefa;box-shadow:none}
.icon-button:hover,.favorite:hover{background:#f4ecdd;border-color:#bda57c}
.workspace{max-width:1700px;grid-template-columns:210px minmax(0,1fr)}
.desktop-nav{
  background:#f8f5ef;border-right:1px solid var(--line);box-shadow:none;
  position:sticky;top:0;padding:42px 18px 28px;
  height:calc(100dvh - 90px);min-height:0
}
.desktop-nav nav{gap:4px}
.desktop-nav .nav-link{font-size:13px;color:#60564a;border:0;border-radius:3px;min-height:49px;padding:0 15px;gap:12px;transition:background .15s ease,color .15s ease}
.desktop-nav .nav-link:hover{background:#eee6d9;border-color:transparent;color:var(--ink)}
.desktop-nav .nav-link.active{color:#513c23;font-weight:600;background:#eae0ce;border:0;border-radius:3px;box-shadow:none}
.desktop-nav .nav-link.active:before{left:0;width:2px;height:25px;border-radius:0;background:#997849}
.desktop-nav .secondary-nav{border-top:1px solid var(--line);padding-top:15px;margin-top:24px}
.desktop-nav .secondary-nav a{color:var(--muted);font-size:12px}
.side-label{font-size:10px;letter-spacing:.17em;color:var(--gold);padding-left:15px}
.side-note{border-top:1px solid var(--line);padding:22px 13px 0}
.side-note p{color:var(--ink)}
main{max-width:1350px;width:100%;margin:0 auto;padding:50px clamp(26px,4.1vw,66px) 95px}

/* Boutons et liens : bronze uni plutôt que faux métal brillant. */
.btn,.btn:not(.secondary):not(.ghost),.btn.secondary,.btn.ghost{border-radius:3px;text-shadow:none;box-shadow:none;font:600 13px/1.35 var(--sans);letter-spacing:.025em;min-height:48px;padding:14px 21px}
.btn:not(.secondary):not(.ghost){background:var(--action);border:1px solid var(--action);color:#fffdf8}
.btn:not(.secondary):not(.ghost):hover{background:#4e3b24;border-color:#4e3b24;box-shadow:none;transform:none}
.btn.secondary{background:#fffdfa;color:#58452e;border:1px solid #bbab91}
.btn.secondary:hover{background:#f5efe4;border-color:#927b56;box-shadow:none;transform:none}
.btn.ghost{background:transparent;border:0;color:var(--action)}
.btn.ghost:hover{background:transparent;text-decoration:underline}
.text-link{color:#705634;font-size:12px;font-weight:600;text-underline-offset:4px}
.text-link:hover{color:#4e3d26;text-decoration:underline}
.filter,.cabinet-tab,.artist-alphabet button{font-size:12px;color:#544a3f}
.filter{background:#fffdfa;border:1px solid #d7cab6;border-radius:20px;box-shadow:none;min-height:41px;padding:10px 15px}
.filter:hover{border-color:#9e8863}
.filter.active,.artist-alphabet button[aria-pressed=true]{background:var(--action);border-color:var(--action);color:#fffdfa}
.back{color:var(--action);font-weight:600;font-size:12px}
#toast{background:#453828;border:1px solid #8b724c;color:#fffaf0;border-radius:3px;box-shadow:0 8px 30px #2f261f22}

/* Accueil : invitation éditoriale, sans surcharge ornementale. */
.market-intro{
  display:block;position:relative;overflow:hidden;max-width:none;
  padding:clamp(34px,4.4vw,70px) clamp(28px,4.9vw,80px) clamp(30px,4vw,60px);
  margin:0 0 55px;min-height:400px;
  background:#fffdf9;border:1px solid #e1d6c6;border-top:2px solid #b69a6d;
  border-radius:2px;box-shadow:0 16px 42px #3a2c1908
}
.market-intro:before{
  content:'SWISS ART GALLERY  ·  ST-PREX';display:block;
  font:600 10px/1.5 var(--sans);letter-spacing:.25em;color:var(--gold);margin-bottom:28px
}
.market-intro:after{
  content:'';pointer-events:none;position:absolute;right:6.5%;top:13%;
  width:1px;height:77%;background:linear-gradient(to bottom,transparent,#d8c4a3 23%,#d8c4a3 72%,transparent);
  opacity:.6
}
.market-intro h1{
  color:#342e26;font-family:var(--serif);font-size:clamp(45px,5.2vw,75px);
  line-height:1.02;letter-spacing:-.032em;font-weight:500;max-width:15ch;margin:0 0 17px
}
.market-intro>p{font-size:16px;line-height:1.65;max-width:56ch;color:var(--muted);margin:0 0 30px}
.market-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px;margin:0 0 16px}
.market-actions .btn{display:inline-flex;width:auto;min-width:206px;min-height:53px;padding:15px 22px;font-size:13px;gap:10px;justify-content:center;text-align:center}
.market-intro .commission-notice{display:block;max-width:57ch;color:var(--muted);background:transparent;border:0;box-shadow:none;padding:12px 0 0;font-size:12px}
.market-help{display:flex;gap:8px 22px;flex-wrap:wrap;margin-top:18px;padding-top:15px;border-top:1px solid #e7dfd2;width:fit-content;max-width:100%}
.market-help .text-link{font-size:12px;font-weight:500}
.market-catalogue{margin:0 0 54px}
.market-catalogue .section-top{align-items:flex-end;gap:16px;margin-bottom:24px}
.market-catalogue .section-top h2:before{content:'';display:block;width:34px;height:1px;background:#af8e5b;margin-bottom:13px}
.section-top h2,.market-catalogue .section-top h2{font:500 clamp(32px,3vw,43px)/1.12 var(--serif);color:var(--ink);letter-spacing:-.025em}
.market-tools,.market-install{
  background:#fbf8f2;border:1px solid var(--line);border-radius:2px;
  box-shadow:none;color:var(--ink)
}
.market-tools{gap:38px;padding:clamp(24px,3.3vw,44px);margin:36px 0}
.market-tools h2{font:500 clamp(30px,3vw,43px)/1.1 var(--serif)}
.market-tools p{font-size:14px}
.market-resources{border-color:var(--line)}
.market-resources h3{font-size:27px}
.market-install{padding:16px 22px;font-size:13px;gap:15px}
.market-install .text-link{font-size:12px}

/* Œuvres : un accrochage sobre et jamais de recadrage des peintures. */
.art-grid{gap:25px}
.art-card,.real-art,.story-card,.offer-card,.account-card,.account-panel,.flow-panel,.media-card,.checkout-panel,.install-card,.order-card{
  border:1px solid var(--line);background:#fffdfa;border-radius:3px;
  box-shadow:none
}
.art-card,.art-grid .art-card:last-child:nth-child(odd){padding:12px;transform:none}
.art-card:hover{box-shadow:0 8px 26px rgba(49,34,21,.085);transform:none;border-color:#c7b79d}
.art-card .art-image,.art-grid>.art-card .art-image,.art-grid .art-card:last-child:nth-child(odd) .art-image,.real-art .art-image{
  background:#f1ede5;border:0;border-radius:1px;padding:25px;height:315px;margin:0 0 15px
}
.art-image img,.art-card img,.offline-art-image img{max-width:100%;max-height:100%;object-fit:contain}
.art-card .art-image img{box-shadow:0 4px 14px #30261e20}
.art-card:hover .art-image img{transform:scale(1.012)}
.art-card .category,.real-art .category{font-size:10px;letter-spacing:.14em;color:var(--gold)}
.art-card h3,.real-art h3{font:500 27px/1.1 var(--serif);letter-spacing:-.02em;color:var(--ink)}
.art-card>.real-artist,.art-card>p{margin-left:6px;margin-right:6px}
.real-artist{font:500 18px/1.35 var(--serif);color:#594735}
.art-card .meta{font-size:12px;color:var(--muted)}
.art-card .favorite{top:19px;right:19px;width:40px;height:40px;border-radius:50%;background:#fffdf9ef}
.art-card .compare-button{border-color:#d8c7ab;color:var(--action);box-shadow:none}
.sale-route,.art-card>.sale-route,.work-info .sale-route{
  background:#f3ede2;border:1px solid #e0d3be;border-radius:2px;color:#675338;
  font:600 10px/1.4 var(--sans);letter-spacing:.02em
}
.real-purchase,.art-card>.real-purchase{border-top:1px solid #e7ded1}
.real-purchase strong,.detail-price{color:#5d462b;font-family:var(--serif);font-weight:600}
.work-detail{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(25px,4vw,60px)}
.work-detail .art-image,.detail-image,.photo-gallery [data-photo-stage]{
  background:#f1ede5;border:1px solid #e4dbc9;box-shadow:none;border-radius:2px
}
.work-detail .art-image{height:min(54vw,570px);min-height:330px}
.work-info{padding-top:7px;min-width:0}
.work-info h1{font:500 clamp(37px,4vw,58px)/1.05 var(--serif);color:var(--ink)}
.work-info .detail-price{font-size:clamp(27px,3vw,40px);line-height:1.1}
.detail-thumbnails button{background:#fffefa;border:1px solid var(--line);border-radius:2px}
.detail-thumbnails button[aria-pressed=true]{border-color:var(--action)}
.specs{border-top:1px solid var(--line);padding-top:22px}
.specs dt{color:var(--muted);font-size:10px}
.specs dd{font-size:14px;color:var(--ink)}
.detail-description{color:var(--ink);font-size:15px;line-height:1.75}

/* Consultation, recherche et formulaires. */
.search input,.field input,.field textarea,.field select,.live-filters input,.live-filters select,.wall-filters input,.wall-filters select,.artist-index-filters input,.artist-index-filters select,.seller-calculator input{
  background:#fffefa;color:var(--ink);border:1px solid #cfc3b1;border-radius:3px;
  min-height:48px;box-shadow:none
}
.search input:focus,.field input:focus,.field textarea:focus,.field select:focus,.live-filters input:focus,.live-filters select:focus{
  border-color:#a78b60;box-shadow:0 0 0 3px rgba(164,135,89,.12)
}
.field>span,.field>label{color:#57483a;font-size:12px;font-weight:600}
input::placeholder,textarea::placeholder{color:#82786b;opacity:1}
.stepper li{border-color:var(--line);color:var(--muted)}
.stepper li.current{border-color:var(--action);color:var(--action)}
.stepper li span{color:var(--gold)}
.flow-panel{padding:clamp(22px,3vw,36px)}
.upload{background:#f7f3ed;border:1px dashed #c2ae8a;border-radius:3px}
.upload:hover{border-color:#8c6c3b;background:#f5eee1}
.upload.has-image:after{background:#fbf8f0f0;color:#4b3b29}
.notice,main>.notice{background:#f4efe7;color:#574e43;border:1px solid #e0d4c4;border-left:2px solid #a78b60;border-radius:2px;box-shadow:none}
main>.notice{padding:23px 26px}
.live-filters,.wall-filters,.comparison-panel,.expertise-contact,.seller-calculator{background:#faf7f1;border:1px solid var(--line);border-radius:3px;box-shadow:none}
.live-filters{padding:18px}
.cabinet-tab.active{border-bottom-color:var(--gold);color:var(--action)}
.order-card,.install-card{border-color:var(--line);border-radius:3px}
.account-summary,.account-stats>div,.account-featured,.account-settings{background:#faf7f1;border-color:var(--line);border-radius:3px;box-shadow:none}
.account-stats strong{color:var(--ink)}
.artist-row,.dossier-row{border-bottom-color:var(--line)}
.artist-initial{color:var(--gold)}
.artist-alphabet button{border-radius:3px}
.checkout-panel{background:#fffdfa}
.checkout-consent{color:var(--ink)}
.photo-workshop,.photo-gallery{background:#faf7f1}

/* Tarifs : hiérarchie lisible, même pour l'offre Prestige. */
.offers-intro h1,.seller-offers .offers-intro h1{font:500 clamp(40px,4.5vw,60px)/1.07 var(--serif);color:var(--ink)}
.offers-grid{gap:19px}
.offer-card{border-radius:3px;background:#fffdfa;border-color:var(--line);padding:clamp(21px,2.4vw,30px)}
.offer-card.offer-prestige{background:#faf6ed;border:1px solid #bdab88;box-shadow:none}
.offer-card h3{font:500 32px/1.05 var(--serif);color:var(--ink)}
.offer-card li{color:var(--muted)}
.offer-card .btn{width:100%}
.seller-price-table{border:1px solid var(--line);background:#fffdfa;box-shadow:none}
.seller-price-table thead{background:#f0e9dd}
.seller-price-table th,.seller-price-table td{border-color:var(--line);color:var(--ink)}
.seller-price-table tbody th{background:#f3ede3}
.seller-calculated-price strong{color:var(--ink)}
.seller-duration input:checked+span{background:#ece1ce;border-color:#a68c63;box-shadow:none}

/* Journal et informations complémentaires. */
.story-card,.story-grid .story-card{background:#fffdfa;border:1px solid var(--line);border-radius:3px;box-shadow:none}
.story-card h3,.daily-story .story-card h3{font:500 clamp(27px,3vw,39px)/1.12 var(--serif);color:var(--ink)}
.story-card p{color:var(--muted)}
.story-image{background:#eee8df;border-radius:2px}
.expert-poster{background:#6b573e;color:#fffaf1;border-radius:2px;box-shadow:none}
.expert-poster h2{color:#fffaf1!important;-webkit-text-fill-color:#fffaf1!important}
.expert-poster p,.expert-poster .eyebrow{color:#f4e9d6}
dialog{background:#fffdf8;border:1px solid #cdbda4;border-radius:3px;color:var(--ink);box-shadow:0 20px 70px #281f1940}
dialog::backdrop{background:#251e18a1;backdrop-filter:blur(3px)}
dialog h2{font:500 clamp(29px,3vw,42px)/1.13 var(--serif)}
.page-end{border-top-color:var(--line);color:var(--muted)}
.page-end a,.page-end button{color:var(--action)}

@media(min-width:1400px){
  .art-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}
  .market-catalogue .art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .market-catalogue .art-grid>.art-card .art-image{height:355px}
}
@media(max-width:1150px){
  .workspace{grid-template-columns:184px minmax(0,1fr)}
  .desktop-nav{padding-inline:11px}
  .desktop-nav .nav-link{padding-inline:11px}
  main{padding-inline:26px}
  .market-intro{padding:42px 40px}
  .market-intro h1{font-size:clamp(43px,5vw,60px)}
  .work-detail{gap:25px}
}
@media(max-width:880px){
  .workspace{display:block}
  .desktop-nav{display:none}
  .mobile-nav{
    display:flex;justify-content:space-around;position:fixed;z-index:25;
    left:0;right:0;bottom:0;padding:9px 8px calc(9px + env(safe-area-inset-bottom));
    background:rgba(255,253,249,.97);border-top:1px solid var(--line);
    box-shadow:0 -4px 20px #31251b0d;backdrop-filter:blur(15px)
  }
  .mobile-nav .nav-link{color:#685f52;min-height:49px;font-size:10px;font-weight:500;gap:4px}
  .mobile-nav .nav-link svg{width:21px;height:21px}
  .mobile-nav .nav-link.active{color:var(--action);font-weight:600}
  .mobile-nav .nav-link.active:after{width:4px;height:4px;background:var(--gold)}
  .mobile-nav .nav-link:nth-child(3){color:var(--action)}
  main{max-width:790px;padding:33px 28px calc(105px + env(safe-area-inset-bottom))}
  .market-intro{min-height:0}
  .work-detail{grid-template-columns:1fr;gap:25px}
  .work-detail .art-image{height:450px;min-height:0}
  .work-info{padding-top:0}
}
@media(max-width:600px){
  body{font-size:14px}
  .masthead{min-height:74px;height:auto;padding:12px 17px;gap:8px}
  .brand{gap:8px}
  .brand-image{width:38px;height:38px}
  .brand-word{font-size:22px;letter-spacing:-.035em}
  .brand-word small{font-size:8px;letter-spacing:.10em}
  .mast-right{gap:7px}
  .language-picker select{max-width:78px;padding:6px 5px;min-height:38px;font-size:11px}
  .mast-right .icon-button{width:36px;height:36px}
  main{padding:23px 17px calc(106px + env(safe-area-inset-bottom))}
  .market-intro{padding:33px 23px 30px;margin-bottom:36px;border-top-width:2px}
  .market-intro:before{font-size:9px;letter-spacing:.17em;margin-bottom:20px}
  .market-intro:after{display:none}
  .market-intro h1{font-size:clamp(38px,10vw,49px);line-height:1.04;letter-spacing:-.035em}
  .market-intro>p{font-size:14px;margin-bottom:22px}
  .market-actions{display:grid;grid-template-columns:1fr;gap:9px}
  .market-actions .btn{width:100%;min-width:0;min-height:48px}
  .market-help{gap:4px 16px;margin-top:12px}
  .market-help .text-link{font-size:11px}
  .market-catalogue{margin-bottom:35px}
  .market-catalogue .section-top{margin-bottom:17px;align-items:flex-start}
  .market-catalogue .section-top h2{font-size:34px}
  .art-grid,.market-catalogue .art-grid{grid-template-columns:1fr;gap:17px}
  .art-grid .art-card:last-child:nth-child(odd){display:block;grid-column:auto}
  .art-card,.art-grid .art-card:last-child:nth-child(odd){padding:10px}
  .art-grid>.art-card .art-image,.art-grid .art-card:last-child:nth-child(odd) .art-image,.art-card .art-image{height:300px;padding:22px}
  .market-tools{padding:23px;gap:17px}
  .market-install{display:block;padding:17px 19px}
  .market-install .text-link{display:inline-flex;margin-top:7px}
  .page-head{padding-bottom:18px;margin-bottom:24px}
  .page-head h1{font-size:clamp(37px,9vw,51px)}
  .page-head p{font-size:14px}
  .work-detail .art-image{height:355px}
  .work-info h1{font-size:40px}
  .flow-panel{padding:21px 17px}
  .flow-actions{gap:10px}
  .flow-actions .btn{flex:1 1 auto}
  .offers-grid{gap:14px}
  .offer-card{padding:21px}
  .section-top h2{font-size:34px}
  dialog{width:calc(100vw - 20px);max-height:88dvh;padding:37px 20px 23px}
}
@media(max-width:370px){
  .masthead{padding-inline:10px}
  .brand-image{width:34px;height:34px}
  .brand-word{font-size:19px}
  .brand-word small{font-size:7px}
  .language-picker select{max-width:62px;font-size:10px}
  .art-grid>.art-card .art-image,.art-card .art-image{height:260px}
  .market-intro{padding-inline:20px}
  .market-intro h1{font-size:37px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}