@import"https://fonts.googleapis.com/css2?family=League+Spartan:wght@500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&family=Jost:ital,wght@0,400;0,500;1,400&display=swap";:root{--gj-bg: #F5EFE7;--gj-sand: #EAE0D2;--gj-ink: #191613;--gj-taupe: #94826D;--gj-card: #FFFEFB;--gj-line: #DDD2C1;--gj-font-display: "Playfair Display", Georgia, serif;--gj-font-brand: "League Spartan", "Helvetica Neue", sans-serif;--gj-font-body: "Jost", "Helvetica Neue", sans-serif}.gj-section{font-family:var(--gj-font-body);color:var(--gj-ink);padding:72px 24px}.gj-section--cream{background:var(--gj-bg)}.gj-section--sand{background:var(--gj-sand)}.gj-section--white{background:var(--gj-card)}.gj-section--ink{background:var(--gj-ink);color:var(--gj-bg)}.gj-container{max-width:1180px;margin:0 auto}.gj-container--narrow{max-width:760px;margin:0 auto}.gj-eyebrow{font-family:var(--gj-font-brand);font-weight:600;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--gj-taupe);margin:0 0 18px}.gj-section--ink .gj-eyebrow{color:#c9b9a3}.gj-h1,.gj-h2{font-family:var(--gj-font-display);font-weight:500;line-height:1.12;letter-spacing:-.01em;margin:0 0 20px}.gj-h1{font-size:clamp(34px,5vw,56px)}.gj-h2{font-size:clamp(28px,3.6vw,42px)}.gj-h3{font-family:var(--gj-font-brand);font-weight:600;font-size:17px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px}.gj-body{font-size:17px;line-height:1.75;max-width:62ch}.gj-body p{margin:0 0 1em}.gj-body p:last-child{margin-bottom:0}.gj-muted{color:var(--gj-taupe)}.gj-rule{width:44px;height:1px;background:var(--gj-ink);border:0;margin:22px 0}.gj-rule--center{margin-left:auto;margin-right:auto}.gj-section--ink .gj-rule{background:var(--gj-bg)}.gj-caption{font-family:var(--gj-font-display);font-style:italic;font-size:19px;color:var(--gj-taupe)}.gj-section--ink .gj-caption{color:#c9b9a3}.gj-center{text-align:center}.gj-center .gj-body{margin-left:auto;margin-right:auto}.gj-btn{display:inline-block;font-family:var(--gj-font-brand);font-weight:600;font-size:13px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;text-align:center;padding:16px 32px;border-radius:2px;border:1px solid var(--gj-ink);background:var(--gj-ink);color:var(--gj-bg);cursor:pointer;transition:background .25s ease,color .25s ease,transform .25s ease}.gj-btn:hover{background:#352c24;transform:translateY(-1px);color:var(--gj-bg)}.gj-btn--outline{background:transparent;color:var(--gj-ink)}.gj-btn--outline:hover{background:var(--gj-ink);color:var(--gj-bg)}.gj-btn--light{background:var(--gj-bg);border-color:var(--gj-bg);color:var(--gj-ink)}.gj-btn--light:hover{background:var(--gj-sand);border-color:var(--gj-sand);color:var(--gj-ink)}.gj-btn:focus-visible{outline:2px solid var(--gj-taupe);outline-offset:3px}.gj-btn-row{display:flex;flex-wrap:wrap;gap:14px}.gj-btn-row--center{justify-content:center}.gj-grid{display:grid;gap:28px}.gj-grid--2{grid-template-columns:repeat(2,1fr)}.gj-grid--3{grid-template-columns:repeat(3,1fr)}.gj-grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:989px){.gj-grid--3,.gj-grid--4{grid-template-columns:repeat(2,1fr)}}@media(max-width:649px){.gj-grid--2,.gj-grid--3,.gj-grid--4{grid-template-columns:1fr}.gj-section{padding:56px 20px}}.gj-card-block{background:var(--gj-card);display:flex;flex-direction:column}.gj-card-block__media{aspect-ratio:4 / 3;overflow:hidden;background:var(--gj-sand)}.gj-card-block__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.gj-card-block:hover .gj-card-block__media img{transform:scale(1.04)}.gj-card-block__body{padding:26px 26px 30px;display:flex;flex-direction:column;flex:1}.gj-card-block__body p{margin:0 0 20px;line-height:1.7;font-size:16px}.gj-card-block__body .gj-btn{margin-top:auto;align-self:flex-start}.gj-img-cover{width:100%;height:100%;object-fit:cover;display:block}@media(min-width:990px){.gj-section{padding:88px 24px}}.gj-card-block{border:1px solid var(--gj-line);transition:transform .35s ease,box-shadow .35s ease}.gj-card-block:hover{transform:translateY(-4px);box-shadow:0 18px 40px -24px #19161347}.gj-merken__logo img{filter:saturate(.9)}@keyframes gj-reveal{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.gj-card-block,.gj-usp,.gj-stap,.gj-merken__logo,.gj-prijs{animation:gj-reveal both;animation-timeline:view();animation-range:entry 0% entry 35%}.gj-card-block:hover{animation:none}}}@media(prefers-reduced-motion:reduce){.gj-btn,.gj-card-block__media img,.gj-card-block{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/gj-cosmetics.css.map */