============================== HOW IT WORKS ============================== */ .gsc-mats__process { padding: 100px 0; background: var(--cream); } .gsc-mats__process-head { max-width: 750px; margin: 0 auto 55px; text-align: center; } .gsc-mats__process h2 { margin: 0 0 18px; font-size: clamp(40px, 5vw, 64px); line-height: 1; font-weight: 900; letter-spacing: -2px; text-transform: uppercase; } .gsc-mats__process-head p { margin: 0; font-size: 17px; line-height: 1.7; } .gsc-mats__steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; } .gsc-mats__step { min-height: 330px; padding: 32px; background: var(--white); } .gsc-mats__step:nth-child(2) { background: var(--pink); } .gsc-mats__step:nth-child(3) { background: var(--coral); } .gsc-mats__number { display: block; margin-bottom: 80px; font-size: 55px; line-height: 1; font-weight: 900; } .gsc-mats__step h3 { margin: 0 0 12px; font-size: 22px; line-height: 1.2; font-weight: 900; text-transform: uppercase; } .gsc-mats__step p { margin: 0; font-size: 15px; line-height: 1.65; } /* ============================== FEATURE ============================== */ .gsc-mats__feature { display: grid; grid-template-columns: 1fr 1fr; background: var(--coral); } .gsc-mats__feature-image { min-height: 650px; background: url('https://cdn.shopify.com/s/files/1/0525/9070/6866/files/Felting_Machine.jpg?v=1672756337') center / cover no-repeat; } .gsc-mats__feature-copy { display: flex; align-items: center; padding: 70px clamp(35px, 6vw, 90px); } .gsc-mats__feature h2 { margin: 0 0 25px; font-size: clamp(42px, 5vw, 68px); line-height: .98; font-weight: 900; letter-spacing: -2px; text-transform: uppercase; } .gsc-mats__feature p { margin: 0 0 20px; font-size: 17px; line-height: 1.75; } /* ============================== GALLERY ============================== */ .gsc-mats__gallery { padding: 100px 0; background: var(--white); } .gsc-mats__gallery-head { max-width: 720px; margin-bottom: 45px; } .gsc-mats__gallery h2 { margin: 0 0 15px; font-size: clamp(40px, 5vw, 64px); line-height: 1; font-weight: 900; letter-spacing: -2px; text-transform: uppercase; } .gsc-mats__gallery-grid { display: grid; grid-template-columns: 1.25fr .75fr; grid-template-rows: 320px 320px; gap: 12px; } .gsc-mats__gallery-grid img { width: 100%; height: 100%; object-fit: cover; } .gsc-mats__gallery-large { grid-row: 1 / span 2; } /* ============================== STATEMENT ============================== */ .gsc-mats__statement { padding: 110px 20px; background: var(--pink); text-align: center; } .gsc-mats__statement p { max-width: 950px; margin: 0 auto; font-size: clamp(31px, 4.5vw, 58px); line-height: 1.12; font-weight: 800; letter-spacing: -1.5px; } /* ============================== CTA ============================== */ .gsc-mats__cta { padding: 100px 20px; background: var(--black); text-align: center; } .gsc-mats__cta-inner { max-width: 800px; margin: 0 auto; } .gsc-mats__cta .gsc-mats__eyebrow { color: var(--pink); } .gsc-mats__cta h2 { margin: 0 0 22px; color: var(--white); font-size: clamp(43px, 6vw, 76px); line-height: .95; font-weight: 900; letter-spacing: -2px; text-transform: uppercase; } .gsc-mats__cta p { max-width: 650px; margin: 0 auto 30px; color: var(--white); font-size: 18px; line-height: 1.7; } .gsc-mats__cta .gsc-mats__button { background: var(--pink); border-color: var(--pink); color: var(--black) !important; } .gsc-mats__cta .gsc-mats__button:hover { background: transparent; color: var(--pink) !important; } /* ============================== MOBILE ============================== */ @media screen and (max-width: 850px) { .gsc-mats__intro-grid { grid-template-columns: 1fr; gap: 35px; } .gsc-mats__steps { grid-template-columns: 1fr; } .gsc-mats__step { min-height: auto; } .gsc-mats__number { margin-bottom: 45px; } .gsc-mats__feature { grid-template-columns: 1fr; } .gsc-mats__feature-image { min-height: 500px; } } @media screen and (max-width: 600px) { .gsc-mats__container { width: calc(100% - 30px); } .gsc-mats__hero { padding-top: 60px; } .gsc-mats__hero h1 { font-size: 53px; letter-spacing: -2px; } .gsc-mats__hero p { font-size: 16px; } .gsc-mats__hero-image { height: 450px; min-height: 0; } .gsc-mats__intro, .gsc-mats__video-section, .gsc-mats__process, .gsc-mats__gallery { padding: 70px 0; } .gsc-mats__feature-image { min-height: 420px; } .gsc-mats__feature-copy { padding: 60px 25px; } .gsc-mats__gallery-grid { display: grid; grid-template-columns: 1fr; grid-template-rows: none; } .gsc-mats__gallery-large { grid-row: auto; } .gsc-mats__gallery-grid img { height: 320px; } .gsc-mats__statement, .gsc-mats__cta { padding: 75px 22px; } }
Hair recycling

Meet the
Hair Mat.

Hair swept from salon floors can become something much more useful. We turn waste hair collected from salons into hair mats designed to help tackle oil and pollution.

Green Salon Collective recycled hair mat
What is a hair mat?

Salon hair.
Felted into action.

Hair mats are made using waste hair collected from salon floors. Instead of sending those clippings to landfill or incineration, the hair is collected, processed and felted together into mats.

Why? Because human hair has a naturally useful property: it can adsorb oils and pollutants onto the surface of its fibres.

By transforming thousands of individual hair clippings into a dense mat, we can turn a salon waste stream into a useful material.

Same haircut.
Very different ending.

How it's made

From salon floor to hair mat.

A simple idea that gives salon hair another purpose.

01

Collect

Hair clippings are collected from salon floors by Green Salon Collective members rather than being thrown into general waste.

02

Transform

The waste hair is processed and felted together, transforming thousands of loose clippings into a dense mat.

03

Put it to work

The finished material can then be used in applications where hair's natural ability to adsorb oils can be put to use.

Why hair?

A waste material hiding in plain sight.

Every day, huge quantities of cut hair are swept from salon floors. Traditionally, much of that material has simply been treated as waste.

But hair is a material. And when we start looking at it that way, rather than as rubbish, there are all sorts of possibilities for giving it another life.

Hair mats are one of the ways Green Salon Collective is working to change what happens after a haircut.

Sometimes the difference between waste and a resource is simply what you choose to do with it.

It starts in the salon

Don't bin it.
Recycle it.

Hair mats are just one of the ways we give salon hair another purpose. By recycling your hair with Green Salon Collective, the clippings from your salon can become part of something bigger.

Discover hair recycling