:root{
  --ink:#171512;
  --paper:#f5f0e8;
  --paper2:#ece5da;
  --white:#fffdf9;
  --line:rgba(23,21,18,.17);
  --max:1320px;
  --shell-h:141px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;color:var(--ink);background:var(--paper);
  font-family:"Inter",sans-serif;font-weight:300;line-height:1.65;
}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
.topbar{
  height:31px;display:grid;place-items:center;
  background:#111;color:#fff;padding:0 18px;text-align:center;
  font-size:.61rem;letter-spacing:.18em;
}
.site-shell{
  position:sticky;top:0;z-index:100;background:rgba(245,240,232,.97);
  backdrop-filter:blur(12px);border-bottom:1px solid var(--line);
}
.header-main{
  min-height:75px;max-width:var(--max);margin:auto;padding:10px 28px;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
}
.brand{
  grid-column:2;display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.brand-logo{width:122px;height:40px}
.logo-word{font-family:"Cormorant Garamond",serif;font-size:58px;fill:var(--ink)}
.logo-o{fill:none;stroke:var(--ink);stroke-width:2}
.logo-inner-c{font-family:"Cormorant Garamond",serif;font-size:31px;fill:var(--ink)}
.brand-tagline{font-size:.51rem;letter-spacing:.3em;margin-top:1px}
.header-tools{
  grid-column:3;justify-self:end;display:flex;align-items:center;gap:10px;
  text-transform:uppercase;font-size:.61rem;letter-spacing:.1em;
}
.tool-sep{opacity:.4}
.desktop-nav{
  min-height:35px;display:flex;justify-content:center;align-items:center;gap:38px;
  border-top:1px solid var(--line);
  text-transform:uppercase;font-size:.62rem;letter-spacing:.14em;
}
.desktop-nav a,.header-tools a{transition:opacity .2s ease}
.desktop-nav a:hover,.header-tools a:hover{opacity:.55}
.desktop-nav a.active{font-weight:500;position:relative}
.desktop-nav a.active:after{
  content:"";position:absolute;left:0;right:0;bottom:-10px;height:1px;background:var(--ink)
}
.menu-toggle,.mobile-nav{display:none}

h1,h2,h3{
  font-family:"Cormorant Garamond",serif;font-weight:500;line-height:1.02;margin:0;
}
h1{font-size:clamp(3rem,6vw,6.7rem)}
h2{font-size:clamp(2.4rem,4.4vw,4.5rem)}
h3{font-size:clamp(1.7rem,2.4vw,2.4rem)}
p{margin:0 0 1.1rem}
.eyebrow{
  margin:0 0 17px;font-size:.64rem;font-weight:500;
  letter-spacing:.22em;text-transform:uppercase;
}
.eyebrow.light{color:rgba(255,255,255,.82)}
.btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:49px;
  padding:0 25px;border:1px solid transparent;cursor:pointer;
  font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;transition:.22s ease;
}
.btn-dark{background:#171512;color:#fff;border-color:#171512}
.btn-dark:hover{background:transparent;color:#171512}
.btn-light{background:#fff;color:#171512;border-color:#fff}
.btn-light:hover{background:transparent;color:#fff}
.text-link{
  display:inline-block;margin-top:12px;padding-bottom:3px;border-bottom:1px solid;
  font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;
}
.text-link span{margin-left:7px}
.page-main{min-height:70vh}

/* HOME */
.hero{height:calc(100vh - var(--shell-h));min-height:590px;position:relative;display:flex;align-items:flex-end;overflow:hidden}
.hero-media{
  position:absolute;inset:0;
  background:
    radial-gradient(circle at 68% 30%,rgba(255,255,255,.35),transparent 22%),
    linear-gradient(135deg,#867d74,#bbb0a2 48%,#d8cebf);
}
.hero-media:before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(0,0,0,.03) 70%);
}
.hero-photo-note{
  position:absolute;right:8%;bottom:10%;color:rgba(255,255,255,.6);
  font-size:.62rem;letter-spacing:.17em;
}
.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.38),transparent 58%)}
.hero-content{
  position:relative;z-index:2;color:#fff;width:min(760px,85vw);
  margin-left:max(28px,calc((100vw - var(--max))/2 + 28px));
  margin-bottom:clamp(55px,8vw,105px);
}
.hero-content p:not(.eyebrow){max-width:540px;font-size:clamp(.98rem,1.2vw,1.18rem);margin:24px 0 30px}
.home-split{
  max-width:var(--max);margin:auto;padding:clamp(72px,8vw,125px) 28px;
  display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(42px,8vw,110px);align-items:center;
}
.home-copy{max-width:520px}
.home-copy h2{margin-bottom:24px}
.editorial-placeholder,.story-visual,.product-visual{
  background:
    repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(23,21,18,.035) 40px),
    linear-gradient(135deg,#e8e0d4,#b7ada1);
  display:grid;place-items:center;color:rgba(23,21,18,.44);
  letter-spacing:.17em;font-size:.62rem;text-align:center;padding:20px;
}
.editorial-placeholder{min-height:650px}
.invitation-band{
  background:var(--paper2);text-align:center;padding:clamp(78px,9vw,125px) 28px;
}
.invitation-band h2{max-width:820px;margin:0 auto 20px}
.invitation-band p:not(.eyebrow){margin-bottom:28px}
.home-note{max-width:900px;margin:auto;text-align:center;padding:clamp(82px,9vw,130px) 28px}
.home-note h2{margin-bottom:24px}

/* PAGE HERO */
.page-hero{
  max-width:var(--max);margin:auto;padding:clamp(95px,11vw,160px) 28px;
}
.page-hero-soft{background:linear-gradient(135deg,transparent 40%,rgba(236,229,218,.8))}
.page-hero>p:last-child{max-width:700px;margin-top:26px;font-size:1.02rem}
.compact-hero{max-width:980px;text-align:center}
.compact-hero>p:last-child{margin-inline:auto}

/* MAISON */
.story-grid{
  max-width:var(--max);margin:auto;padding:20px 28px clamp(90px,10vw,150px);
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,95px);align-items:center;
}
.story-grid article{padding:30px 0}
.story-grid article h2{font-size:clamp(2.3rem,3.8vw,4rem);margin-bottom:25px}
.story-visual{min-height:540px}
.story-visual.second{background:linear-gradient(145deg,#c4b9aa,#e7ded1)}
.vision-block{
  background:#161412;color:#fff;text-align:center;padding:clamp(90px,10vw,145px) 28px;
}
.vision-block h2{max-width:760px;margin:0 auto 28px}
.vision-block p:not(.eyebrow){max-width:760px;margin:0 auto 15px;color:rgba(255,255,255,.78)}

/* CREATION */
.product-intro{
  max-width:var(--max);margin:auto;padding:clamp(75px,8vw,120px) 28px;
  display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(45px,7vw,100px);align-items:center;
}
.product-visual.tall{min-height:720px}
.product-copy p:not(.eyebrow){max-width:560px}
.product-copy h1{margin-bottom:28px}
.product-copy .btn{margin-top:22px}
.product-details{
  max-width:var(--max);margin:auto;padding:20px 28px clamp(85px,10vw,145px);
  display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(45px,7vw,100px);align-items:center;
}
.product-details article{max-width:550px}
.product-details h2{font-size:clamp(2.5rem,4vw,4.2rem);margin-bottom:25px}
.product-details .product-visual{min-height:560px}
.two-lengths{background:var(--paper2);padding:clamp(85px,9vw,130px) max(28px,calc((100vw - var(--max))/2 + 28px))}
.two-lengths>h2{margin-bottom:50px}
.length-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.product-visual.compact{min-height:520px}
.length-grid h3{margin:20px 0 8px}
.prototype-band{max-width:900px;margin:auto;text-align:center;padding:clamp(90px,10vw,145px) 28px}
.prototype-band h2{margin-bottom:25px}

/* FORM */
.form-section{max-width:900px;margin:auto;padding:0 28px clamp(90px,10vw,150px)}
.interest-form{background:var(--white);border:1px solid var(--line);padding:clamp(28px,5vw,58px)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}
label{display:flex;flex-direction:column;gap:8px}
label span{font-size:.62rem;font-weight:500;letter-spacing:.13em;text-transform:uppercase}
.full{grid-column:1/-1}
input,select{width:100%;border:0;border-bottom:1px solid var(--ink);background:transparent;border-radius:0;padding:12px 0;outline:none}
input:focus,select:focus{border-bottom-width:2px}
.interest-form .btn{margin-top:36px;width:100%}
.form-note,.form-message{text-align:center;font-size:.76rem;margin-top:16px}
.form-message{font-weight:500}
.reassurance-grid{
  max-width:var(--max);margin:auto;padding:0 28px clamp(90px,10vw,145px);
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
}
.reassurance-grid div{border-top:1px solid var(--line);padding-top:22px}
.reassurance-grid strong{font-family:"Cormorant Garamond",serif;font-size:2rem;font-weight:500}

/* CONTACT */
.contact-page-grid{
  max-width:var(--max);margin:auto;padding:0 28px clamp(90px,9vw,135px);
  display:grid;grid-template-columns:1fr 1fr;gap:25px;
}
.contact-panel{border-top:1px solid var(--line);padding:35px 0}
.contact-panel h2{font-size:clamp(2.2rem,3.5vw,3.6rem);margin-bottom:20px}
.big-email{font-family:"Cormorant Garamond",serif;font-size:clamp(1.5rem,2.4vw,2.5rem)}
.small-note{font-size:.74rem;opacity:.6;margin-top:12px}
.social-line{text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;margin-top:24px}
.newsletter-panel{background:var(--paper2);text-align:center;padding:clamp(85px,9vw,125px) 28px}
.newsletter-panel h2{margin-bottom:18px}
.newsletter-panel .btn{margin-top:16px}

/* FOOTER */
.site-footer{
  background:#111;color:#fff;padding:55px max(28px,calc((100vw - var(--max))/2 + 28px)) 35px;
  display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:35px;
}
.footer-brand{display:flex;flex-direction:column;text-transform:uppercase}
.footer-brand strong{font-family:"Cormorant Garamond",serif;text-transform:none;font-weight:500;font-size:2.4rem}
.footer-brand span{font-size:.55rem;letter-spacing:.2em}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:7px;font-size:.73rem}
.footer-title{text-transform:uppercase;letter-spacing:.13em;font-size:.62rem;font-weight:500;margin-bottom:8px}
.footer-column a{opacity:.76}
.copyright{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.15);padding-top:24px;margin:20px 0 0;font-size:.67rem;opacity:.55}

@media(max-width:900px){
  :root{--shell-h:107px}
  .topbar{height:30px;font-size:.55rem;letter-spacing:.12em}
  .header-main{min-height:77px;padding:9px 18px}
  .header-tools,.desktop-nav{display:none}
  .menu-toggle{
    display:flex;grid-column:1;justify-self:start;flex-direction:column;align-items:flex-start;
    background:none;border:0;padding:8px 8px 8px 0;color:var(--ink)
  }
  .menu-toggle span{width:23px;height:1px;background:var(--ink);margin:3px 0}
  .menu-toggle small{font-size:.5rem;letter-spacing:.12em;text-transform:uppercase;margin-top:4px}
  .brand-logo{width:108px;height:35px}
  .mobile-nav{
    position:absolute;left:0;right:0;top:100%;background:var(--paper);
    border-top:1px solid var(--line);border-bottom:1px solid var(--line);
    padding:24px 20px 30px;flex-direction:column;align-items:center;gap:19px;
    text-transform:uppercase;font-size:.66rem;letter-spacing:.14em;
  }
  .mobile-nav.is-open{display:flex}
  .mobile-nav a.active{font-weight:500}
  .home-split,.story-grid,.product-intro,.product-details,.contact-page-grid{grid-template-columns:1fr}
  .story-grid .second{order:4}
  .story-grid article:nth-of-type(2){order:3}
  .product-visual.tall{min-height:560px}
  .product-details .product-visual{min-height:480px}
  .site-footer{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1/-1}
}
@media(max-width:620px){
  :root{--shell-h:103px}
  .topbar{height:29px;line-height:1.2}
  .header-main{min-height:74px}
  .hero{min-height:560px}
  .hero-content{margin:0 22px 50px;width:auto}
  .hero-photo-note{display:none}
  .home-split,.page-hero,.story-grid,.product-intro,.product-details,.form-section,.reassurance-grid,.contact-page-grid{padding-left:22px;padding-right:22px}
  .editorial-placeholder{min-height:470px}
  .story-visual{min-height:410px}
  .product-visual.tall,.product-details .product-visual{min-height:440px}
  .length-grid{grid-template-columns:1fr}
  .product-visual.compact{min-height:440px}
  .form-grid{grid-template-columns:1fr}
  .full{grid-column:auto}
  .reassurance-grid{grid-template-columns:1fr}
  .site-footer{grid-template-columns:1fr;padding-left:22px;padding-right:22px}
  .footer-brand{grid-column:auto}
}

/* --- Photos et logo officiels --- */
.brand-logo-image{
  width:74px;
  height:74px;
  object-fit:cover;
  border-radius:50%;
  display:block;
}
.footer-brand img{
  width:150px;
  max-width:100%;
  height:auto;
  display:block;
}
.hero-media-photo{
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.44), rgba(0,0,0,.12) 68%, rgba(0,0,0,.02)),
    url("images/accueil-musee.jpg");
  background-size:cover;
  background-position:center 42%;
  background-repeat:no-repeat;
}
.editorial-photo,.story-photo,.product-photo{
  overflow:hidden;
  background:#ded6ca;
}
.editorial-photo img,.story-photo img,.product-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.editorial-photo{min-height:650px}
.editorial-photo img{object-position:center 28%}
.story-photo{min-height:540px}
.story-photo img{object-position:center}
.story-photo.second img{object-position:center 48%}
.product-photo.tall{min-height:720px}
.product-photo{min-height:560px}
.product-photo.compact{min-height:520px}
.product-photo img{object-position:center 24%}
.social-line a{border-bottom:1px solid currentColor;padding-bottom:3px}
@media(max-width:900px){
  .brand-logo-image{width:62px;height:62px}
  .editorial-photo{min-height:520px}
  .story-photo{min-height:430px}
  .product-photo.tall{min-height:560px}
  .product-photo{min-height:480px}
}
@media(max-width:620px){
  .brand-logo-image{width:56px;height:56px}
  .hero-media-photo{background-position:center 32%}
  .editorial-photo{min-height:470px}
  .story-photo{min-height:410px}
  .product-photo.tall,.product-photo{min-height:440px}
  .product-photo.compact{min-height:440px}
}


/* ===== Espace privé : collection à venir ===== */
.private-access-section{max-width:var(--max);margin:0 auto;padding:clamp(75px,9vw,125px) 28px;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(42px,7vw,100px);align-items:center;border-top:1px solid var(--line)}
.private-access-copy{max-width:560px}.private-access-copy h2{margin-bottom:22px}
.password-form{background:var(--white);border:1px solid var(--line);padding:clamp(28px,4vw,46px)}
.password-form>label{font-size:.62rem;font-weight:500;letter-spacing:.13em;text-transform:uppercase;margin-bottom:15px}
.password-row{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end}.password-row input{min-height:49px}
.password-error{margin:14px 0 0;color:#7f2727;font-size:.78rem}
.private-main{background:var(--paper)}
.private-hero{max-width:var(--max);margin:auto;text-align:center;padding:clamp(90px,11vw,155px) 28px 60px}
.private-hero .private-lead{max-width:780px;margin:26px auto 0;font-size:1.04rem}
.confidential-note{display:inline-block;margin-top:25px;padding:9px 14px;border:1px solid var(--line);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}
.collection-overview-image{max-width:var(--max);margin:0 auto;padding:0 28px}
.collection-overview-image img{width:100%;height:auto;display:block;border:1px solid var(--line)}
.collection-intro{max-width:900px;margin:auto;text-align:center;padding:clamp(75px,9vw,125px) 28px 55px}.collection-intro h2{margin-bottom:24px}
.collection-cards{max-width:var(--max);margin:auto;padding:0 28px clamp(90px,10vw,145px);display:grid;grid-template-columns:1fr 1fr;gap:28px}
.collection-card{background:var(--white);border:1px solid var(--line);transition:transform .22s ease,box-shadow .22s ease}
.collection-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(23,21,18,.08)}
.collection-card-image{aspect-ratio:4/3;overflow:hidden;background:#e8e0d5}
.collection-card-image img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.collection-card-copy{padding:25px 27px 28px}.collection-card-copy>span{font-size:.62rem;letter-spacing:.16em}
.collection-card-copy h3{margin:4px 0 6px}.collection-card-copy p{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:1.15rem}
.collection-card-copy strong{font-size:.62rem;font-weight:500;letter-spacing:.13em;text-transform:uppercase}
.piece-hero{max-width:var(--max);margin:auto;padding:clamp(75px,9vw,125px) 28px;display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(45px,7vw,100px);align-items:start}
.piece-copy{position:sticky;top:190px}.piece-copy h1{margin-bottom:18px}
.piece-subtitle{font-family:"Cormorant Garamond",serif;font-size:clamp(1.35rem,2vw,1.8rem);font-style:italic;margin-bottom:24px}
.piece-sheet img{width:100%;height:auto;display:block;border:1px solid var(--line)}
.piece-info-grid{max-width:var(--max);margin:auto;padding:0 28px clamp(90px,10vw,145px);display:grid;grid-template-columns:1fr 1fr;gap:30px}
.piece-info-grid article{border-top:1px solid var(--line);padding-top:28px}
.piece-info-grid h2{font-size:clamp(2rem,3vw,3.3rem);margin-bottom:22px}.piece-info-grid ul{padding-left:1.1rem;margin:0}
@media(max-width:900px){.private-access-section,.piece-hero,.piece-info-grid{grid-template-columns:1fr}.password-row{grid-template-columns:1fr}.piece-copy{position:static}.collection-cards{grid-template-columns:1fr}}
@media(max-width:620px){.private-access-section,.collection-overview-image,.collection-cards,.piece-hero,.piece-info-grid{padding-left:22px;padding-right:22px}.collection-card-image{aspect-ratio:1/1}}


/* ===== V6 — Planche Collection transformée en HTML ===== */
.collection-board-page{
  padding:44px 18px 0;
}
.html-collection-board{
  max-width:1440px;
  margin:0 auto;
  background:#f7f3ed;
  color:#191714;
  border:1px solid rgba(23,21,18,.12);
  box-shadow:0 12px 34px rgba(23,21,18,.06);
}
.board-heading{
  text-align:center;
  padding:12px 28px 17px;
  border-bottom:1px solid rgba(23,21,18,.45);
}
.board-heading h1{
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(2.8rem,4.6vw,4.7rem);
  line-height:.9;
  letter-spacing:.09em;
  margin:0;
}
.board-season{
  margin:6px 0 0;
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(.95rem,1.5vw,1.35rem);
  letter-spacing:.22em;
}
.board-ornament{
  font-family:"Cormorant Garamond",serif;
  font-size:1rem;
  line-height:1;
  margin:7px 0 3px;
}
.board-intro{
  margin:0;
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(.94rem,1.25vw,1.13rem);
  font-weight:600;
  letter-spacing:.04em;
  line-height:1.22;
}
.board-products{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  padding:17px 18px 21px;
}
.board-product-card{
  min-width:0;
  padding:0 16px;
  color:inherit;
  border-right:1px solid rgba(23,21,18,.13);
  transition:background .2s ease,transform .2s ease,box-shadow .2s ease;
}
.board-product-card:last-child{border-right:0}
.board-product-card:hover{
  background:rgba(255,255,255,.55);
  transform:translateY(-3px);
  box-shadow:0 10px 25px rgba(23,21,18,.07);
}
.board-card-title{
  text-align:center;
  min-height:55px;
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(1rem,1.35vw,1.28rem);
  font-weight:600;
  letter-spacing:.04em;
  line-height:1.05;
}
.board-card-title span{font-variant-numeric:tabular-nums}
.board-card-title em{
  display:block;
  margin-top:5px;
  font-size:.92em;
  font-weight:500;
  letter-spacing:.01em;
}
.board-card-photo{
  width:100%;
  aspect-ratio:295/426;
  object-fit:cover;
  object-position:center;
  display:block;
  border:1px solid rgba(23,21,18,.07);
}
.board-card-info{
  display:grid;
  grid-template-columns:1.55fr .9fr;
  gap:14px;
  padding:15px 2px 10px;
  min-height:170px;
}
.board-info-block h3,
.board-bottom-block h3{
  margin:0 0 8px;
  font-family:"Cormorant Garamond",serif;
  font-size:.79rem;
  letter-spacing:.07em;
  font-weight:600;
}
.board-info-block ul{
  margin:0;
  padding-left:14px;
  font-family:"Cormorant Garamond",serif;
  font-size:.76rem;
  line-height:1.35;
}
.board-info-block li{margin-bottom:4px}
.board-matter{
  padding-left:12px;
  border-left:1px solid rgba(23,21,18,.12);
}
.board-matter p{
  margin:0 0 4px;
  font-family:"Cormorant Garamond",serif;
  font-size:.76rem;
  line-height:1.3;
}
.color-dot{
  width:28px;
  height:28px;
  border-radius:50%;
  display:inline-block;
  margin-top:8px;
  border:1px solid rgba(23,21,18,.08);
}
.color-dot.ecru{background:#efd1ad}
.color-dot.black{background:#050505}
.color-dot.rose{background:#b05252}
.board-wear-with{
  border-top:1px solid rgba(23,21,18,.15);
  padding:13px 2px 2px;
  min-height:92px;
}
.board-wear-with strong{
  font-family:"Cormorant Garamond",serif;
  font-size:.81rem;
  letter-spacing:.06em;
}
.board-wear-with p{
  margin:7px 0 9px;
  font-family:"Cormorant Garamond",serif;
  font-size:.77rem;
  line-height:1.35;
}
.board-discover{
  display:inline-block;
  opacity:0;
  transform:translateY(4px);
  font-size:.58rem;
  font-weight:500;
  letter-spacing:.12em;
  text-transform:uppercase;
  transition:.2s ease;
}
.board-product-card:hover .board-discover{
  opacity:1;
  transform:none;
}
.board-bottom{
  display:grid;
  grid-template-columns:1fr 1.35fr 1.15fr;
  border-top:1px solid rgba(23,21,18,.22);
  padding:16px 22px 18px;
}
.board-bottom-block{
  min-height:98px;
  padding:0 24px;
  text-align:center;
  border-right:1px solid rgba(23,21,18,.13);
}
.board-bottom-block:last-child{border-right:0}
.palette-row{
  display:flex;
  justify-content:center;
  gap:26px;
}
.palette-row>div{display:flex;flex-direction:column;align-items:center}
.palette-row small{
  margin-top:3px;
  font-family:"Cormorant Garamond",serif;
  font-size:.72rem;
}
.spirit p{
  margin:4px 0 7px;
  font-family:"Cormorant Garamond",serif;
  font-size:.78rem;
  line-height:1.28;
}
.spirit strong{
  font-family:"Cormorant Garamond",serif;
  font-size:.73rem;
  letter-spacing:.04em;
}
.quality-row{
  display:flex;
  justify-content:center;
  gap:24px;
  margin-top:15px;
}
.quality-row span{
  display:flex;
  flex-direction:column;
  align-items:center;
  font-family:"Cormorant Garamond",serif;
  font-size:1.75rem;
  line-height:1;
}
.quality-row small{
  margin-top:8px;
  font-family:"Cormorant Garamond",serif;
  font-size:.62rem;
  letter-spacing:.06em;
}
.board-blackbar{
  background:#090909;
  color:#f8f5f0;
  text-align:center;
  padding:8px 16px;
  font-family:"Cormorant Garamond",serif;
  font-size:.8rem;
  letter-spacing:.16em;
}
.collection-board-page + .site-footer{
  margin-top:0;
}

@media(max-width:1100px){
  .board-products{grid-template-columns:repeat(2,1fr);row-gap:28px}
  .board-product-card:nth-child(2){border-right:0}
  .board-product-card:nth-child(3),
  .board-product-card:nth-child(4){border-top:1px solid rgba(23,21,18,.14);padding-top:22px}
  .board-bottom{grid-template-columns:1fr}
  .board-bottom-block{
    border-right:0;
    border-bottom:1px solid rgba(23,21,18,.13);
    padding:15px 12px;
  }
  .board-bottom-block:last-child{border-bottom:0}
}

@media(max-width:680px){
  .collection-board-page{padding:20px 8px 0}
  .board-heading{padding:16px 15px}
  .board-season{letter-spacing:.12em}
  .board-products{grid-template-columns:1fr;padding:15px 10px}
  .board-product-card{
    border-right:0;
    border-bottom:1px solid rgba(23,21,18,.15);
    padding:0 6px 24px;
    margin-bottom:24px;
  }
  .board-product-card:nth-child(3),
  .board-product-card:nth-child(4){border-top:0;padding-top:0}
  .board-product-card:last-child{border-bottom:0;margin-bottom:0}
  .board-card-title{min-height:auto;margin-bottom:12px;font-size:1.35rem}
  .board-card-photo{aspect-ratio:auto}
  .board-card-info{min-height:auto}
  .board-wear-with{min-height:auto}
  .board-discover{opacity:1;transform:none}
  .quality-row{gap:15px;flex-wrap:wrap}
}