@font-face{font-family:Trento;size-adjust:25%;src:url('https://browdaddy.com/wp-content/uploads/2023/01/Trento-Typeface.ttf')}@font-face{font-family:Gilroy;src:url('https://browdaddy.com/wp-content/uploads/2023/01/Gilroy-Light.otf')}@font-face{font-family:GilroySemi;src:url('https://browdaddy.com/wp-content/uploads/2023/08/Gilroy-SemiBold.ttf')}
:root{--rose:#c18b7d;--paper:#fff;--ink:#292321;--gradient:linear-gradient(110deg,#a8675e,#e2b2a2)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;color:var(--ink);background:var(--paper);font:17px/1.55 Gilroy,Arial,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #bd8577;outline-offset:6px}h1,h2,p{margin:0}h1,h2{font-family:Trento,Arial,sans-serif;font-weight:400;text-transform:uppercase;line-height:1.14}h1{font-size:clamp(30px,3.05vw,58px)}h2{font-size:clamp(30px,3.1vw,54px)}.skip{position:fixed;left:20px;top:-90px;background:#fff;color:#222;z-index:100;padding:12px}.skip:focus{top:10px}.header{position:fixed;top:0;width:100%;height:74px;z-index:30;padding:0 4.5%;display:flex;align-items:center;gap:30px;color:white;transition:background .3s,box-shadow .3s}.header.scrolled{background:#201b18f5;box-shadow:0 1px 0 #ffffff15}.header nav{display:flex;align-items:center;gap:27px;white-space:nowrap}.header nav a,.header nav button{font:14px GilroySemi,Arial,sans-serif;text-transform:uppercase}.header nav a:hover,.header nav button:hover{color:#e3b4a6}.header button:not(.icon){border:0;background:none;padding:0}.nav-left{flex:1}.logo{position:absolute;left:50%;transform:translateX(-50%);width:265px}.logo img{object-fit:contain}.nav-right{margin-left:auto}.tools{display:flex;gap:17px;align-items:center}.icon{background:none;border:0;padding:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:28px;color:inherit}.icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.2}.bag{position:relative}.bag small{position:absolute;right:-5px;top:-6px;color:#45372d;background:#fff;font:10px Arial;border-radius:50%;padding:2px 4px}.menu-toggle{display:none}.mobile-menu[hidden]{display:none}.mobile-menu{position:fixed;inset:74px 0 auto;background:#201b18;z-index:29;padding:30px;display:grid;gap:22px;color:white;text-transform:uppercase}.hero{height:90vh;min-height:610px;max-height:1060px;position:relative;color:white;overflow:hidden}.hero video,.shade,.campaign>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero video{background:#3d3021}.shade{background:linear-gradient(180deg,#0002,#0001 35%,#0005);pointer-events:none}.hero-copy{position:absolute;bottom:9%;left:20px;right:20px;text-align:center;z-index:2}.hero-copy p,.campaign-copy p{margin:16px 0 25px;font-size:18px;line-height:1.45}.button{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:16px 39px;background:var(--gradient);border:0;color:#fff;text-transform:uppercase;font-family:Trento,Arial,sans-serif;font-size:18px;line-height:1.2;transition:filter .2s,transform .2s}.button:hover{filter:brightness(1.08);transform:translateY(-2px)}.video-toggle{position:absolute;bottom:20px;right:24px;z-index:3;border:1px solid #ffffff80;background:#0003;color:white;border-radius:50%;width:34px;height:34px;font:13px Arial}.campaign{position:relative;overflow:hidden}.dna{margin-top:6px;min-height:700px;height:64vw;max-height:900px;background:#bf9b8b url('https://browdaddy.com/wp-content/uploads/2023/12/DNA-pigments-banner-optimized-scaled.jpg') center/cover}.campaign-copy{position:absolute;left:8%;top:50%;transform:translateY(-50%);max-width:550px;color:white}.overline{font-family:GilroySemi,Arial,sans-serif;font-size:12px;letter-spacing:2.4px;text-transform:uppercase;display:block;margin-bottom:24px}.dna .campaign-copy{max-width:470px}.dna h2{font-size:clamp(32px,3.5vw,60px)}.section{padding:65px 4.5%}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:38px}.section-heading h2{font-size:30px}.slider-controls{display:flex;gap:10px}.round{border:1px solid #d6c6bf;background:transparent;width:38px;height:38px;border-radius:50%;font:20px Arial;transition:background .2s}.round:hover{background:#f4e9e3}.products-track,.services-track{display:flex;overflow:auto;gap:18px;scroll-snap-type:x mandatory;scrollbar-width:none}.products-track::-webkit-scrollbar,.services-track::-webkit-scrollbar{display:none}.product{flex:0 0 calc((100% - 54px)/4);scroll-snap-align:start;text-align:center}.product-image{display:block;background:#f4f0ed;aspect-ratio:1;border:0;width:100%;overflow:hidden;padding:0}.product img{transition:transform .6s}.product-image:hover img{transform:scale(1.05)}.product h3{font:18px GilroySemi,Arial,sans-serif;margin:17px 0 5px}.product .price{font-size:17px}.product .store{display:inline-block;border:0;border-bottom:1px solid #b18173;background:none;text-transform:uppercase;letter-spacing:1px;font:11px GilroySemi,Arial,sans-serif;padding:8px 0 5px;margin-top:10px}.fine-print{font:10px/1.5 Arial,sans-serif;color:#877b75;margin-top:25px}.academy{height:660px;background:#3e2923}.academy .academy-image{object-position:center 32%}.academy .shade{background:linear-gradient(90deg,#110e0bd9,#110e0b45 65%,#110e0b15)}.academy .campaign-copy{left:9%}.services{padding-bottom:70px}.service{position:relative;flex:0 0 calc((100% - 36px)/3);aspect-ratio:415/560;scroll-snap-align:start;background:#c5a69a;overflow:hidden;cursor:pointer;border:0;padding:0;text-align:left}.service img{transition:transform .7s}.service:hover img{transform:scale(1.045)}.service::after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#0008)}.service span{position:absolute;bottom:32px;left:30px;right:30px;color:#fff;z-index:1;font-family:Trento,Arial,sans-serif;font-size:28px;display:flex;justify-content:space-between}.about{display:grid;grid-template-columns:1fr 1fr;background:#f1e5df;min-height:580px}.about-image{min-height:580px}.about-image img{object-position:center}.about-copy{align-self:center;padding:65px 13%}.about-copy h2{font-size:clamp(36px,4vw,66px)}.about-copy p,.social-copy p{margin:25px 0 32px;font-size:18px;line-height:1.7}.event{height:710px;margin-top:6px;color:#fff}.event>img{object-position:center}.event .shade{background:linear-gradient(90deg,#1d120d08,#1d120d88)}.event-copy{position:absolute;top:50%;left:56%;right:5%;transform:translateY(-50%)}.event h2{font-size:clamp(36px,4.3vw,70px)}.event p{margin:25px 0 30px}.social{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:80px 8%;align-items:center}.social-art{position:relative;aspect-ratio:1;overflow:hidden;background:#c29684}.social-art img{object-position:40% center;transition:transform 1s}.social-art:hover img{transform:scale(1.04)}.social-art span{position:absolute;bottom:0;left:0;right:0;background:#21140c70;color:#fff;padding:20px 25px;font:15px GilroySemi,Arial,sans-serif}.newsletter{height:400px;background:#a67c6c url('https://browdaddy.com/wp-content/uploads/2023/06/subscribe-banner-4v-scaled.jpg') center/cover;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;padding:35px}.newsletter h2{font-size:clamp(28px,3vw,46px)}.newsletter p{margin:15px 0 28px}.subscribe{display:flex;justify-content:space-between;align-items:center;gap:30px;width:min(450px,100%);margin:auto;border:0;border-bottom:1px solid #fff;background:transparent;color:white;padding:12px 0;font-size:16px}.subscribe span{text-transform:uppercase;font-family:GilroySemi,Arial,sans-serif;font-size:12px;letter-spacing:1px}footer{background:#201b18;color:#fff;padding:50px 7% 55px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:30px}.footer-logo{width:220px;height:28px}.footer-logo img{object-fit:contain}.footer-links{display:flex;gap:25px;flex-wrap:wrap}.footer-links button{background:none;border:0;color:inherit;font:11px GilroySemi,Arial,sans-serif;text-transform:uppercase;letter-spacing:.5px;padding:0}footer p{font:11px/1.5 Arial,sans-serif;color:#c4afa5;flex-basis:100%;margin-top:5px}footer p a{text-decoration:underline;text-underline-offset:3px}.preview-badge{position:fixed;left:14px;bottom:12px;z-index:35;border:1px solid #d4b7a8;background:#fffef5ee;color:#735c50;border-radius:3px;padding:7px 12px;box-shadow:0 2px 15px #0001;font:9px/1.4 Arial,sans-serif;letter-spacing:1px}.preview-badge span{letter-spacing:0;font-size:10px}.reveal{opacity:1}.js-motion .reveal{opacity:0;transition:opacity .9s ease}.js-motion .reveal.visible{opacity:1}dialog{border:1px solid #cfb9ac;background:#fffaf6;color:#352a25;padding:55px;width:min(610px,calc(100% - 32px));max-height:85vh;box-shadow:0 25px 100px #0004}dialog::backdrop{background:#18100cd4;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:16px;top:12px;font:30px Arial}dialog h2{font-size:32px;padding-right:15px}dialog p{font:15px/1.9 Arial,sans-serif;margin:25px 0 28px}dialog .button{font:15px Arial,sans-serif;min-height:50px;padding:14px 25px}#search-dialog label{font-family:Trento,Arial,sans-serif;font-size:24px;text-transform:uppercase;display:block}#section-search{margin:25px 0 15px;width:100%;background:transparent;border:0;border-bottom:1px solid #b89786;padding:15px 0;color:#352a25;border-radius:0;font-size:16px}#search-results a{display:block;padding:12px 0;border-bottom:1px solid #eadbd2;font-size:17px}
@media(min-width:1500px){.header{height:90px}.header nav{gap:36px}.header nav a,.header nav button{font-size:15px}.logo{width:310px}.section{padding:80px 5%}.dna{height:61vw}.hero-copy{bottom:10%}}
@media(max-width:1200px){.header{padding:0 3%;gap:22px}.header nav{gap:16px}.header nav a,.header nav button{font-size:11px}.logo{width:225px}.tools{gap:12px}.hero{min-height:590px}.dna{min-height:590px}.campaign-copy{left:6%}.social{gap:6%;padding:65px 6%}.about-copy{padding:45px 10%}}
@media(max-width:900px){.header{height:68px;justify-content:space-between;padding:0 24px}.header nav{display:none}.logo{width:230px}.menu-toggle{display:flex;flex-direction:column;gap:7px}.menu-toggle span{display:block;width:23px;height:1px;background:white}.tools .account{display:none}.tools{margin-left:auto}.mobile-menu{top:68px}.hero{height:85svh;min-height:600px;max-height:850px}.hero-copy{bottom:12%}.hero h1{font-size:36px}.dna{min-height:550px;height:75vw;background-position:58% center}.dna .campaign-copy{max-width:350px}.dna h2{font-size:35px}.dna p{font-size:17px}.product{flex-basis:calc((100% - 18px)/2)}.section-heading h2{font-size:26px}.service{flex-basis:calc((100% - 18px)/2)}.academy{height:570px}.about,.social{grid-template-columns:1fr 1fr}.about-image{min-height:450px}.about-copy{padding:30px 10%}.about h2{font-size:34px}.about p,.social p{font-size:16px}.about .overline{font-size:10px;letter-spacing:1px}.button{padding:16px 27px;font-size:16px}.event{height:600px}.event-copy{left:52%;right:4%}.event h2{font-size:38px}.social h2{font-size:32px}.social .overline{margin-bottom:15px}.social .button{font-size:13px;padding:15px 20px}.footer-links{gap:18px}}
@media(max-width:600px){html{scroll-padding-top:68px}.header{padding:0 18px}.logo{width:185px}.tools{gap:15px}.tools #search-open{display:none}.hero{height:86svh;min-height:570px}.hero video{object-position:center}.hero-copy{bottom:10%;left:24px;right:24px}.hero h1{font-size:31px;line-height:1.25}.hero-copy p{font-size:16px;margin:17px 0 24px}.button{min-height:52px;padding:16px 30px;font-size:15px}.video-toggle{bottom:14px;right:16px}.dna{min-height:650px;height:95svh;max-height:830px;background-position:67% center}.dna:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#4e2b2680,transparent 65%)}.dna .campaign-copy{top:auto;bottom:8%;transform:none;left:7%;right:7%;max-width:none;text-align:center}.dna h2{font-size:32px}.overline{font-size:10px;letter-spacing:2px;margin-bottom:18px}.section{padding:40px 20px}.section-heading{margin-bottom:25px}.section-heading h2{font-size:22px}.round{width:32px;height:32px;font-size:16px}.slider-controls{gap:6px}.products-track{gap:12px}.product{flex-basis:calc((100% - 12px)/2)}.product h3{font-size:14px;line-height:1.4;margin:13px 0 5px}.product .price{font-size:14px}.product .store{font-size:9px}.fine-print{font-size:9px;max-width:260px;margin-top:23px}.academy{height:710px}.academy .academy-image{object-position:55% center}.academy .shade{background:linear-gradient(0deg,#1c100de8,#1c100d05 80%)}.academy .campaign-copy{top:auto;bottom:8%;transform:none;left:20px;right:20px;text-align:center}.academy h2{font-size:37px}.campaign-copy p{font-size:16px}.services-track{gap:12px}.service{flex-basis:80%;max-width:350px}.service span{font-size:25px;left:22px;bottom:25px}.about{display:flex;flex-direction:column}.about-image{height:auto;min-height:0;aspect-ratio:1}.about-copy{padding:45px 25px;text-align:center}.about h2{font-size:34px}.about p{margin:22px 0 28px}.about h2 br{display:block}.event{height:710px}.event>img{object-position:35% center}.event .shade{background:linear-gradient(0deg,#140d09e8,transparent 90%)}.event-copy{top:auto;bottom:8%;transform:none;left:25px;right:25px;text-align:center}.event h2{font-size:42px}.event p{font-size:16px;margin:20px 0 25px}.social{display:flex;flex-direction:column;padding:40px 20px;gap:35px}.social-art{width:100%;max-width:480px}.social-copy{text-align:center;padding:0 5px 10px}.social h2{font-size:35px}.social .button{font-size:14px;padding:16px 27px}.newsletter{height:370px;padding:30px 22px;background-position:60% center}.newsletter h2{font-size:29px}.newsletter p{font-size:16px}.subscribe{max-width:320px}footer{padding:40px 25px 65px;justify-content:center;text-align:center;gap:28px}.footer-logo{width:220px}.footer-links{justify-content:center;gap:18px 23px}.footer-links button{font-size:9px}footer p{font-size:9px;margin:0}.preview-badge{left:8px;bottom:8px;padding:6px 9px;font-size:8px}.preview-badge span{font-size:9px}dialog{padding:45px 25px 30px}dialog h2{font-size:26px}dialog p{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.js-motion .reveal{opacity:1}}