.valentine-page{background:#fcf8f4}
.valentine-page .header nav .active:after{right:0}

.valentine-title{background:radial-gradient(circle at 78% 48%,#7b474e 0,transparent 34%),var(--brand);color:#fff}
.valentine-title-inner{min-height:300px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;align-content:center;position:relative}
.valentine-title .breadcrumb{grid-column:1/-1;display:flex;align-items:center;gap:9px;margin:0 0 38px;color:#eaded2b8;font:500 9px var(--heading);letter-spacing:.08em;text-transform:uppercase}
.valentine-title .breadcrumb span{color:#d7b8a9}
.valentine-title .eyebrow{grid-column:1;margin-bottom:8px;color:#dfb0a8}
.valentine-title h1{grid-column:1;width:max-content;margin:0;position:relative;color:#fffaf5;font:400 84px/.88 var(--display);letter-spacing:-.02em}
.valentine-title h1:after{content:"";position:absolute;left:30%;right:-34px;bottom:-15px;height:14px;border-bottom:2px solid #d8aaa1;border-radius:0 0 70% 45%;transform:rotate(-2deg);opacity:.9}
.title-note{grid-column:2;grid-row:2/4;align-self:end;margin-bottom:4px;padding-bottom:7px;border-bottom:1px solid #cfa397;color:#f1dfd9;font:600 9px var(--heading);letter-spacing:.14em;text-transform:uppercase}

.valentine-signature{padding:86px 0 98px;background:#fffdfa}
.valentine-signature-inner{min-height:610px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:110px}
.signature-copy{padding-left:18px}
.signature-copy h2{margin:15px 0 28px;color:#312925;font:400 65px/.98 var(--display)}
.signature-copy h2 em{color:var(--brand);font-style:italic}
.signature-lead{margin:0 0 20px!important;color:var(--brand)!important;font:500 17px var(--heading)!important}
.signature-copy>p:not(.eyebrow){max-width:570px;margin:0;color:#554c47;font:400 15px/1.78 var(--body)}
.signature-jump{display:inline-flex;align-items:center;gap:40px;margin-top:32px;padding-bottom:8px;border-bottom:1px solid #8c7770;color:var(--brand);font:600 10px var(--heading);letter-spacing:.05em}
.signature-image{width:min(510px,90%);aspect-ratio:1;margin:0 auto;position:relative}
.signature-image>img{height:100%;position:relative;z-index:2;object-fit:cover}
.signature-frame{position:absolute;z-index:1;left:-24px;right:-24px;top:24px;bottom:-24px;border:8px solid var(--brand)}
.signature-image figcaption{position:absolute;right:-38px;bottom:28px;z-index:3;min-width:180px;padding:16px 19px;display:flex;align-items:center;gap:12px;background:#a86f6c;color:#fff}
.signature-image figcaption b{font:400 22px var(--display)}
.signature-image figcaption span{padding-left:12px;border-left:1px solid #ffffff57;font:600 7px/1.45 var(--heading);letter-spacing:.1em;text-transform:uppercase}

.valentine-catalogue-intro{padding:95px 0 0;background:#f4e9e5}
.catalogue-heading{display:grid;grid-template-columns:1fr 430px;align-items:end;gap:80px}
.catalogue-heading h2{margin:13px 0 0;color:var(--brand);font:400 61px/.98 var(--display)}
.catalogue-heading h2 em{color:#b77d78;font-style:italic}
.catalogue-heading>p{margin:0 0 6px;color:var(--muted);font:400 14px/1.75 var(--body)}
.dynamic-tools{min-height:98px;margin-top:50px;display:grid;grid-template-columns:190px minmax(280px,1fr) 235px 225px;align-items:stretch;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.dynamic-count{display:flex;align-items:center;gap:14px;padding:0 24px;background:var(--brand);color:#fff}
.dynamic-count b{font:400 38px/1 var(--display)}
.dynamic-count span{padding-left:14px;border-left:1px solid #ffffff40;font:600 8px/1.4 var(--heading);letter-spacing:.09em;text-transform:uppercase}
.valentine-search{width:310px;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:12px}
.valentine-search>span{grid-column:1/-1;margin-bottom:4px;color:#a06d69;font:600 8px var(--heading);letter-spacing:.12em;text-transform:uppercase}
.valentine-search input{width:100%;padding:3px 0 8px;border:0;border-bottom:1px solid #9f9288;outline:0;background:transparent;color:var(--ink);font:400 12px var(--body)}
.valentine-search>b{font:400 20px var(--body)}
.dynamic-tools .valentine-search{width:auto;padding:20px 28px;border-right:1px solid var(--line)}
.dynamic-sort{padding:20px 25px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}
.dynamic-sort>span{margin-bottom:4px;color:#a06d69;font:600 8px var(--heading);letter-spacing:.12em;text-transform:uppercase}
.dynamic-sort select{width:100%;padding:3px 20px 8px 0;border:0;border-bottom:1px solid #9f9288;outline:0;background:transparent;color:#5d514b;font:400 11px var(--body)}
.dynamic-filter-trigger{padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:0;background:#f2e7e2;color:var(--brand);font:600 9px var(--heading);letter-spacing:.055em;text-align:left;text-transform:uppercase;cursor:pointer}
.dynamic-filter-trigger b{font:400 20px var(--body)}
.database-filters{min-height:94px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line)}
.database-filter-group{padding:20px 24px;border-right:1px solid var(--line)}
.database-filter-group:last-child{border-right:0}
.database-filter-group>span{display:block;margin-bottom:11px;color:#9c7772;font:600 8px var(--heading);letter-spacing:.12em;text-transform:uppercase}
.database-filter-group>div{display:flex;flex-wrap:wrap;gap:5px}
.database-filter-group button{min-height:30px;padding:0 11px;border:1px solid transparent;border-radius:30px;background:transparent;color:#746963;font:600 8px var(--heading);cursor:pointer}
.database-filter-group button.is-selected{border-color:#cbb9af;background:#f2e7e2;color:var(--brand)}
.dynamic-catalogue{padding:88px 0 116px;background:var(--brand);position:relative}
.dynamic-catalogue:before{content:"Valentijn · Artimar";position:absolute;top:31px;left:50%;width:min(1200px,calc(100% - 80px));transform:translateX(-50%);color:#d4bd92;font:600 7px var(--heading);letter-spacing:.18em;text-transform:uppercase;opacity:.82}
.valentine-product[hidden]{display:none}
.valentine-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 22px}
.valentine-product{min-width:0}
.valentine-product-image{height:235px;display:grid;place-items:center;position:relative;overflow:hidden;background:#f0dfd9;box-shadow:0 13px 30px #28131724}
.valentine-product-image:after{content:"";width:150px;height:48px;position:absolute;left:50%;bottom:25px;transform:translateX(-50%);border-radius:50%;background:#6d3b3c24;filter:blur(15px)}
.valentine-product-image img{width:76%;height:76%;position:relative;z-index:1;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 10px 8px #4b30252b);transition:transform .35s ease}
.valentine-product:hover .valentine-product-image img{transform:translateY(-5px) scale(1.025)}
.valentine-product-image>span{position:absolute;top:15px;left:16px;z-index:2;color:#84565b;font:600 7px var(--heading);letter-spacing:.11em;text-transform:uppercase}
.valentine-product-image.image-missing:before{content:"Artimar";position:relative;z-index:1;color:#875b60;font:400 34px var(--display);opacity:.48}
.valentine-product-image.image-missing:after{width:110px;height:34px;bottom:55px;opacity:.4}
.valentine-product-copy{min-height:116px;padding:17px 4px 3px}
.valentine-product-copy small{color:#cbb987;font:500 8px var(--heading);letter-spacing:.08em}
.valentine-product-copy h3{margin:7px 0 12px;color:#fffaf5;font:500 16px/1.3 var(--body)}
.valentine-product-copy a{display:inline-flex;align-items:center;gap:7px;color:#e6d2aa;font:600 8px var(--heading);letter-spacing:.09em;text-transform:uppercase;opacity:0;transform:translateY(4px);transition:.25s ease}
.valentine-product:hover .valentine-product-copy a{opacity:1;transform:none}

.valentine-closing{padding:110px 0;background:#a86f6c;color:#fff}
.valentine-closing-inner{text-align:center}
.valentine-closing h2{margin:14px 0 20px;color:#fffaf5;font:400 58px/.98 var(--display)}
.valentine-closing h2 em{color:#f0d6ce;font-style:italic}
.valentine-closing p:not(.eyebrow){margin:0 0 28px;color:#fff2ebd4;font:400 14px var(--body)}

@media(max-width:1100px){
  .valentine-signature-inner{gap:60px}
  .signature-copy h2{font-size:58px}
  .catalogue-heading{grid-template-columns:1fr 380px;gap:50px}
  .dynamic-tools{grid-template-columns:165px minmax(240px,1fr) 210px 195px}
  .valentine-grid{gap:34px 16px}
  .valentine-product-image{height:215px}
}

@media(max-width:900px){
  .valentine-title-inner{min-height:245px}
  .valentine-title h1{font-size:70px}
  .valentine-signature{padding-top:65px}
  .valentine-signature-inner{grid-template-columns:1fr;gap:65px}
  .signature-copy{padding-left:0}
  .signature-copy h2{font-size:65px}
  .signature-image{width:min(570px,84%)}
  .valentine-catalogue-intro{padding-top:76px}
  .catalogue-heading{grid-template-columns:1fr;gap:22px}
  .catalogue-heading h2{font-size:53px}
  .catalogue-heading>p{max-width:630px}
  .dynamic-tools{grid-template-columns:150px 1fr;margin-top:40px}
  .dynamic-count{min-height:76px}
  .dynamic-tools .valentine-search{padding:17px 22px;border-right:0}
  .dynamic-sort{min-height:70px;border-top:1px solid var(--line)}
  .dynamic-filter-trigger{min-height:70px;border-top:1px solid var(--line)}
  .database-filters{grid-template-columns:1fr}
  .database-filter-group{padding:17px 20px;border-right:0;border-bottom:1px solid var(--line)}
  .database-filter-group:last-child{border-bottom:0}
  .valentine-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .valentine-product-copy a{opacity:1;transform:none}
}

@media(max-width:620px){
  .valentine-title-inner{min-height:220px;display:block;padding-top:39px;padding-bottom:39px}
  .valentine-title .breadcrumb{margin-bottom:30px}
  .valentine-title h1{font-size:57px}
  .valentine-title h1:after{right:-20px;bottom:-10px;height:10px}
  .title-note{display:inline-block;margin-top:18px}
  .valentine-signature{padding:60px 0 74px}
  .signature-copy h2{font-size:48px}
  .signature-lead{font-size:15px!important}
  .signature-copy>p:not(.eyebrow){font-size:14px}
  .signature-image{width:calc(100% - 30px)}
  .signature-frame{left:-13px;right:-13px;top:13px;bottom:-13px;border-width:6px}
  .signature-image figcaption{right:-8px;bottom:18px;min-width:158px;padding:12px 14px}
  .catalogue-heading h2{font-size:46px}
  .dynamic-tools{grid-template-columns:1fr 1fr}
  .dynamic-count{grid-column:1/-1;padding:0 19px}
  .dynamic-tools .valentine-search{grid-column:1/-1;min-height:70px;border-bottom:1px solid var(--line)}
  .dynamic-sort{padding:15px 18px;border-right:1px solid var(--line)}
  .dynamic-filter-trigger{padding:0 18px;font-size:7.5px}
  .database-filter-group{padding:15px 16px}
  .database-filter-group button{min-height:29px;padding-inline:10px;font-size:7px}
  .dynamic-catalogue{padding:66px 0 84px}
  .dynamic-catalogue:before{top:23px;width:calc(100% - 32px)}
  .valentine-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 10px}
  .valentine-product-image{height:168px}
  .valentine-product-image img{width:82%;height:82%}
  .valentine-product-image>span{top:10px;left:10px;font-size:6px}
  .valentine-product-copy{min-height:105px;padding-top:13px}
  .valentine-product-copy small{font-size:6.8px}
  .valentine-product-copy h3{min-height:35px;margin:6px 0 8px;font-size:13px}
  .valentine-product-copy a{font-size:6.5px}
  .valentine-closing{padding:82px 0}
  .valentine-closing h2{font-size:44px}
}