:root{--nf-black:#090d0b;--nf-charcoal:#121814;--nf-lime:#9bd21a;--nf-red:#d91f26;--nf-blue:#1358b0;--nf-orange:#f26a00}body{background:#f4f4f1}.button{border-radius:2px;letter-spacing:.015em}.button-primary{background:#163e2e}.button-primary:hover{background:#0d2d20}.button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--nf-lime);outline-offset:3px}.colour-showcase{padding:110px 0;background:#f7f7f4}.section-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end;margin-bottom:42px}.section-heading h2,.brand-story h2{font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,5vw,66px);font-weight:500;line-height:1.02;letter-spacing:-.04em;margin:0}.section-heading>p{font-size:18px;color:#58615b;margin:0 0 7px}.colour-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.colour-card{background:#fff;border:1px solid rgba(10,15,12,.1);box-shadow:0 14px 38px #0a0f0c0f;transition:transform .25s ease,box-shadow .25s ease}.colour-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px #0a0f0c1f}.colour-card-featured{border-top:4px solid var(--nf-red)}.colour-media{overflow:hidden;aspect-ratio:1;background:#e7e7e4}.colour-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.colour-card:hover .colour-media img{transform:scale(1.025)}.colour-meta{display:flex;align-items:center;gap:14px;padding:22px}.colour-meta h3{font-size:20px;margin:0 0 2px}.colour-meta p{font-size:14px;color:#667068;margin:0}.colour-dot{width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 5px #f0f0ed;flex:0 0 auto}.colour-dot-red{background:var(--nf-red)}.colour-dot-blue{background:var(--nf-blue)}.colour-dot-orange{background:var(--nf-orange)}.colour-label{margin-left:auto;background:#fee7e8;color:#9f1016;padding:5px 9px;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.brand-story{padding:110px 0;background:var(--nf-black);color:#fff;overflow:hidden}.brand-story-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.brand-story-copy{max-width:530px}.brand-story-copy .eyebrow{color:var(--nf-lime)}.brand-story-copy p:not(.eyebrow){font-size:18px;color:#c4cdc7}.brand-story-copy ul{list-style:none;padding:0;margin:30px 0}.brand-story-copy li{padding:14px 0 14px 30px;border-bottom:1px solid rgba(255,255,255,.13);position:relative;font-weight:700}.brand-story-copy li:before{content:"\2713";position:absolute;left:0;color:var(--nf-lime)}.brand-story-flyer{margin:0;position:relative;background:#151b17;padding:14px;box-shadow:0 30px 80px #0000006b}.brand-story-flyer img{width:100%;max-height:760px;object-fit:cover;object-position:top}.brand-story-flyer figcaption{position:absolute;right:28px;bottom:28px;background:#070a08e6;border-left:3px solid var(--nf-lime);padding:10px 14px;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.wholesale-form{background:#fff;padding:34px;border:1px solid rgba(18,24,32,.1);box-shadow:0 18px 50px #12182014}.wholesale-form input{min-height:54px;border-radius:2px;transition:border-color .2s ease,box-shadow .2s ease}.wholesale-form input:focus{border-color:#315c47;box-shadow:0 0 0 4px #315c471f;outline:none}.wholesale-form .button{width:100%;margin-top:4px}.form-privacy-note{font-size:14px;color:#667068;border-left:2px solid #315c47;padding-left:12px;margin-top:28px}@media(max-width:850px){.colour-showcase,.brand-story{padding:72px 0}.section-heading,.brand-story-grid{grid-template-columns:1fr;gap:34px}.colour-grid{grid-template-columns:1fr 1fr}.brand-story-flyer img{max-height:none}.wholesale-form{padding:26px}}@media(max-width:560px){.colour-grid{grid-template-columns:1fr}.colour-meta{padding:18px}.section-heading h2,.brand-story h2{font-size:40px}.brand-story-flyer{padding:8px}.wholesale-form{padding:22px 18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.colour-card,.colour-media img,.button{transition:none!important}}.brand-story-flyer img{max-height:none;object-fit:contain}.brand-story-flyer figcaption{display:none}.collection-colours{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:44px 0 110px}.collection-colour-card{background:#fff;border:1px solid rgba(10,15,12,.1);box-shadow:0 14px 38px #0a0f0c0f}.collection-colour-card>img{width:100%;aspect-ratio:1;object-fit:cover}.collection-colour-card>div{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;align-items:center;padding:22px}.collection-colour-card .colour-dot{grid-row:1/3}.collection-colour-card h2{font-size:19px;margin:0}.collection-colour-card p{grid-column:2;margin:0;color:#667068;font-size:14px}.work-scenes{margin:0 0 110px}.work-scenes-heading{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px 70px;align-items:end;margin-bottom:34px}.work-scenes-heading .eyebrow{grid-column:1/-1;margin-bottom:0}.work-scenes-heading h2{font-family:Georgia,Times New Roman,serif;font-size:clamp(40px,5vw,60px);font-weight:500;line-height:1.04;margin:0}.work-scenes-heading>p:last-child{font-size:17px;color:#59636f;margin:0}.work-scenes-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.work-scenes-grid figure{margin:0;background:#0c110e;position:relative;overflow:hidden;min-height:360px}.work-scenes-grid img{width:100%;height:100%;min-height:360px;object-fit:cover;filter:saturate(.9) contrast(1.02)}.work-scenes-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:44px 24px 22px;background:linear-gradient(transparent,#040705e0);color:#fff;display:flex;align-items:end;justify-content:space-between;gap:18px}.work-scenes-grid strong{font-size:23px}.work-scenes-grid span{max-width:230px;text-align:right;color:#d6ddd8;font-size:14px}.shopify-products{padding-top:20px;border-top:1px solid var(--line)}.shopify-products>h2{font-family:Georgia,Times New Roman,serif;font-size:38px;font-weight:500}@media(max-width:850px){.work-scenes-heading{grid-template-columns:1fr;gap:24px}.collection-colours{grid-template-columns:1fr 1fr;margin-bottom:72px}.work-scenes-grid{grid-template-columns:1fr}}@media(max-width:560px){.collection-colours{grid-template-columns:1fr}.work-scenes-grid figure,.work-scenes-grid img{min-height:300px}.work-scenes-grid figcaption{align-items:flex-start;flex-direction:column}.work-scenes-grid span{text-align:left}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/nextforge-showcase.css.map */