@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600&display=swap');
:root{--ink:#292d27;--muted:#72756b;--paper:#f8f7f3;--olive:#414b36;--line:#d7d8ce}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #b29362;outline-offset:5px}header{height:96px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:var(--paper)}.logo{font-family:'Manrope',sans-serif;font-size:37px;font-weight:600;letter-spacing:-2.2px}.logo span{font-weight:400}.logo i{font-style:normal;font-size:10px;vertical-align:top;position:relative;top:8px;left:4px;letter-spacing:0}nav{display:flex;gap:36px;font-size:13px}nav a:hover,.text-link:hover{color:#8b714e}.header-cta{border-bottom:1px solid var(--ink);font-size:13px;padding:10px 0}.header-cta span{margin-left:24px}.hero{height:min(790px,82vh);min-height:580px;position:relative;color:white;margin:0 22px;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover;object-position:50% 55%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,28,23,.6),rgba(22,28,23,.05)),linear-gradient(0deg,rgba(0,0,0,.3),transparent 35%)}.hero-content{position:absolute;top:15%;left:6%}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;line-height:1.6}.hero h1{font-size:clamp(60px,6.8vw,104px);line-height:1.02;font-weight:400;letter-spacing:-5px;margin:27px 0}.hero-content>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#f0efeb}.button{border:0;display:inline-flex;justify-content:space-between;align-items:center;gap:48px;padding:20px 26px;font-size:12px;cursor:pointer}.light{background:var(--paper);color:var(--ink);margin-top:24px}.button:hover{filter:brightness(.94)}.hero-bottom{position:absolute;bottom:35px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:11px}.hero-bottom a{font-size:9px;letter-spacing:1.7px}.wrap{max-width:1440px;margin:auto;padding-left:7%;padding-right:7%}h2{font-size:clamp(34px,3.5vw,54px);font-weight:400;letter-spacing:-2px;line-height:1.13;margin:20px 0}em{font-family:Georgia,serif;font-weight:400}p{line-height:1.75}.intro{text-align:center;padding-top:105px;padding-bottom:95px}.intro h2{font-size:58px}.intro>p:last-child{max-width:490px;margin:25px auto 0;color:var(--muted);font-size:14px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}.section-top h2{margin:0}.section-top>.eyebrow{font-size:9px;padding-bottom:8px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.floor-card{background:none;padding:0;border:0;text-align:left;color:var(--ink);cursor:pointer;min-width:0}.card-image{height:340px;position:relative;overflow:hidden;background:#c5baa9}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.floor-card:hover img{transform:scale(1.04)}.card-image:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0007)}.card-image span{position:absolute;bottom:18px;left:16px;color:white;font-size:8px;letter-spacing:1px;z-index:1}.card-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.card-title h3{font-size:19px;font-weight:400;letter-spacing:-.6px;margin:19px 0 6px}.card-title b{font-weight:400}.floor-card p{font-size:12px;color:var(--muted);margin:4px 0}.image-note{font-size:10px;color:var(--muted);margin:25px 0 0}.collections{padding-bottom:100px}.guide{background:#eceee6;padding:80px 0}.guide .section-top p:not(.eyebrow){font-size:13px;color:#5c6256}.guide .eyebrow{margin-top:0;margin-bottom:22px}.tabs{display:flex;border-bottom:1px solid #bdc2b5;margin-top:45px}.tabs button{border:none;background:none;padding:18px 28px;cursor:pointer;color:#62675c;border-bottom:2px solid transparent}.tabs button[aria-selected=true]{color:var(--ink);border-color:var(--olive)}.material-panel{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:50px;padding:38px 0 18px}.material-panel h3{font-size:28px;font-weight:400;margin:0 0 12px;letter-spacing:-1px}.material-panel h4{font-size:10px;letter-spacing:1px;text-transform:uppercase;margin:0 0 15px}.material-panel p{font-size:13px;color:#5c6256;margin:0}.guide-note{font-size:10px;color:#68705f;border-top:1px solid #cbd0c1;padding-top:20px}.approach{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;padding-top:105px;padding-bottom:105px;align-items:center}.approach-image{height:520px;position:relative}.approach-image img{width:100%;height:100%;object-fit:cover}.approach-image span{position:absolute;bottom:25px;left:25px;color:white;font-size:9px;letter-spacing:2px;text-shadow:0 1px 4px black}.approach h2{font-size:43px}.approach p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:400px}.text-link{display:inline-flex;gap:50px;border-bottom:1px solid var(--ink);padding:18px 0 10px;font-size:12px}.project{background:#e4dfd3;padding:80px 0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:14%}.project h2{font-size:64px}.project-grid>div>p:last-child{font-size:14px;max-width:350px;color:#636356}form{padding-top:10px}label{display:block;font-size:11px;margin:15px 0 10px}input,select,textarea{border:1px solid #b9b6aa;border-radius:0;background:#f8f7f355;width:100%;padding:13px;color:var(--ink);font-size:13px}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.dark{background:var(--olive);color:white;width:100%;margin-top:20px}.form-note{font-size:10px;color:#66675c}footer{padding-top:55px!important;padding-bottom:25px!important;display:flex;justify-content:space-between;flex-wrap:wrap}footer p{font-size:12px;color:var(--muted)}footer>div:nth-child(2){display:flex;gap:30px;align-items:center;font-size:12px}.footer-bottom{width:100%;display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:40px;padding-top:22px;font-size:9px;color:var(--muted)}@media(min-width:1600px){.hero{max-width:1800px;margin:auto}}@media(max-width:1000px){nav{gap:20px}.cards{grid-template-columns:repeat(2,1fr);gap:30px}.card-image{height:390px}.material-panel{gap:25px}.approach{gap:6%}.approach h2{font-size:36px}.project-grid{gap:8%}}@media(max-width:650px){header{height:78px;padding:0 6%}.logo{font-size:31px}nav{display:none}.header-cta{font-size:10px}.header-cta span{margin-left:8px}.hero{margin:0 10px;min-height:600px;height:78vh}.hero>img{object-position:63% center}.hero-content{left:7%;top:14%}.hero h1{font-size:64px;letter-spacing:-3px}.hero-content>p:not(.eyebrow){font-size:13px}.hero-bottom{left:7%;right:7%;font-size:9px}.hero-bottom a{font-size:8px}.intro{padding-top:70px;padding-bottom:65px}.intro h2{font-size:45px}.section-top{display:block}.section-top>.eyebrow{display:block;margin-top:25px}.cards{gap:26px 14px}.card-image{height:250px}.card-image span{font-size:6px;left:10px;letter-spacing:.5px}.card-title h3{font-size:17px}.floor-card p{font-size:11px}.collections{padding-bottom:65px}.guide{padding:60px 0}.tabs button{font-size:11px;padding:15px 10px;flex:1}.material-panel{grid-template-columns:1fr;gap:24px}.material-panel h4{margin-bottom:7px}.approach{grid-template-columns:1fr;padding-top:65px;padding-bottom:65px;gap:30px}.approach-image{height:370px}.project{padding:60px 0}.project-grid{grid-template-columns:1fr;gap:20px}.project h2{font-size:56px}footer>div:nth-child(2){gap:18px;margin-top:20px;font-size:11px}.footer-bottom{gap:15px;flex-wrap:wrap}.footer-bottom span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card-image img{transition:none}}

.download-link{display:block;margin:16px auto 0;border:0;border-bottom:1px solid currentColor;padding:5px 0;background:none;color:var(--ink);font-size:12px;cursor:pointer}

/* Brand story */
.about{position:relative;padding-top:100px;padding-bottom:85px}.anchor-alias{position:absolute;top:0}.about-story{display:grid;grid-template-columns:1.05fr 1fr;gap:8%;align-items:center}.about-story h2{font-size:clamp(34px,3.2vw,48px)}.about-story p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.85}.about-story .approach-image{height:560px}.about-values{margin-top:65px;padding-top:40px;border-top:1px solid var(--line)}.about-values .section-top h2{font-size:32px}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.value-number{font-size:10px;letter-spacing:2px;color:#8b714e}.values-grid h3{font-size:18px;font-weight:500;letter-spacing:-.4px;margin:15px 0 12px}.values-grid p{font-size:13px;color:var(--muted);margin:0}.about-mission{margin-top:45px;padding-top:28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:30px}.about-mission>p{max-width:480px;font-size:18px;line-height:1.6}.about-mission .text-link{gap:22px;flex-shrink:0}@media(max-width:1000px){.values-grid{grid-template-columns:repeat(2,1fr)}.about-mission{align-items:flex-start;flex-direction:column;gap:0}}@media(max-width:650px){.about{padding-top:60px;padding-bottom:60px}.about-story{grid-template-columns:1fr;gap:25px}.about-story .approach-image{height:360px}.about-values{margin-top:35px}.values-grid{grid-template-columns:1fr;gap:25px}.values-grid h3{margin-top:8px}.about-mission .text-link{flex-shrink:1;font-size:11px;gap:12px}footer>div:nth-child(2){flex-wrap:wrap}}

/* Supplied BeautiFlor brand mark, preserved at its original aspect ratio. */
.logo{display:inline-flex;align-items:center;flex-shrink:0;line-height:0;letter-spacing:normal}.logo img{display:block;width:270px;max-width:100%;height:auto}header{gap:24px}footer .logo img{width:300px}@media(max-width:1000px){.logo img{width:220px}header{gap:16px}nav{gap:18px}}@media(max-width:650px){header{padding:0 5%;gap:12px}.logo img{width:200px;max-width:53vw}footer .logo img{width:280px;max-width:82vw}.header-cta{white-space:nowrap}}


/* Responsibility and sourcing */
.responsibility{background:#eceedf;padding:85px 0}.responsibility-heading{max-width:730px}.responsibility-heading>p:last-child{font-size:16px;color:#626956;max-width:560px}.responsibility-gallery{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;margin:38px 0 50px;align-items:start}.responsibility-gallery figure{margin:0}.responsibility-gallery a{display:block;background:#d1d6c6}.responsibility-gallery img{display:block;width:100%;height:auto}.responsibility-gallery figcaption{display:flex;justify-content:space-between;gap:12px;padding:13px 0;font-size:10px;color:#626956;line-height:1.6}.responsibility-gallery figcaption span{white-space:nowrap}.responsibility-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px 65px}.responsibility-grid article{border-top:1px solid #bcc4b0;padding-top:25px}.responsibility-grid h3{font-size:24px;letter-spacing:-.7px;font-weight:400;line-height:1.25;margin:16px 0}.responsibility-grid p{font-size:14px;color:#58614d;line-height:1.8}.responsibility-contact{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #bcc4b0;padding-top:24px;margin-top:35px}.responsibility-contact p{font-size:14px}.responsibility-contact .text-link{white-space:nowrap}header nav{gap:24px}@media(max-width:1100px){header nav{gap:13px;font-size:12px}.responsibility-grid{gap:30px}footer>div:nth-child(2){flex-wrap:wrap;gap:20px}}@media(min-width:651px) and (max-width:850px){header{height:auto;min-height:96px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}header nav{order:3;width:100%;justify-content:center;gap:24px}}@media(max-width:650px){.responsibility{padding:60px 0}.responsibility-gallery{grid-template-columns:1fr;gap:20px;margin:30px 0}.responsibility-grid{grid-template-columns:1fr;gap:24px}.responsibility-contact{display:block}.responsibility-contact .text-link{padding-top:5px}}

.resin-photo{margin:24px 0 0;max-width:360px}.resin-photo a{display:block}.resin-photo img{display:block;width:100%;height:auto}.resin-photo figcaption{font-size:10px;line-height:1.7;color:#58614d;margin-top:10px}.resin-photo figcaption span{display:block;margin-top:3px}@media(max-width:650px){.resin-photo{max-width:100%}}

