.hair-discovery{display:flex;align-items:center;gap:22px;background:#f1e7dc;border:1px solid #e7d8c8;padding:13px 17px;border-radius:6px;margin:0 0 20px}.hair-discovery-label{display:flex;align-items:center;gap:10px;white-space:nowrap;font:calc(19px + 2pt) Editorial,Georgia;color:#875b40}.hair-discovery-label>span{font:calc(27px + 2pt) Georgia;color:#ba8b65}.hair-discovery-label small{display:block;font:calc(6px + 2pt)/1.6 Inter,Arial;letter-spacing:1.4px;color:#a4876d;margin-top:3px}.hair-focus-row{display:flex;gap:7px;align-items:center;flex-wrap:wrap;min-width:0}.hair-focus-option{display:inline-flex;align-items:center;gap:7px;border:1px solid #d9c2ab;border-radius:20px;background:#fffbf5;padding:8px 12px;font-size:calc(9px + 2pt);color:#946745;white-space:nowrap}.hair-focus-option>span{font-size:calc(8px + 2pt);color:#b09072}.hair-focus-option:hover{background:#ecd6bd}.hair-focus-option.active{background:#88553b;border-color:#88553b;color:#fff6e8}.hair-focus-option.active>span{color:#e6ccb3}.hair-focus-option svg{width:13px;height:13px}.card-hair-focus{display:flex;flex-wrap:wrap;gap:4px;margin:-1px 0 9px}.card-hair-focus:empty{display:none}.card-hair-focus>span{font-size:calc(7px + 2pt);text-transform:uppercase;letter-spacing:.5px;color:#a17a58;padding:2px 5px;background:#f2e8db;border-radius:3px}.profile-hair-focus{display:flex;flex-wrap:wrap;gap:6px}.coverage-picker{display:flex;align-items:center;gap:6px}.coverage-picker>span{font-size:calc(10px + 2pt);color:#997758}.coverage-picker select{max-width:230px;border:1px solid #d9c2ab;border-radius:4px;background:#fffaf2;padding:6px 8px;color:#8b6447;font-size:calc(10px + 2pt)}.extra-filters{gap:18px}.category{flex:none;padding:10px 13px}.category-row{scrollbar-width:thin}.map-footer{justify-content:flex-start;gap:9px 13px}.footer-link{font-size:calc(9px + 2pt);color:#a38e7a}.footer-link:hover{color:var(--rust)}.community-band .story-link{display:flex;align-items:center;gap:26px;font-size:calc(11px + 2pt);color:#76513a;border:1px solid #b99578;border-radius:4px;padding:14px 19px}.community-band .story-link:hover{background:#e3cbb3}.community-band .story-link svg{width:16px}.info-dialog p>a{color:var(--rust);text-decoration:underline;text-underline-offset:3px}
.social-circle{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;background:#432b25;padding:55px 5%;color:#f3e4ce}.social-intro{padding:12px 0}.social-intro .eyebrow{color:#c69670;font-size:calc(8px + 2pt)}.social-intro h2{font:calc(40px + 2pt)/1.1 Editorial,Georgia;letter-spacing:-.9px;margin:16px 0 18px}.social-intro h2 em{color:#debc96}.social-intro>p{font-size:calc(12px + 2pt);color:#c5aa92;line-height:1.9;max-width:330px}.social-signature{display:inline-block;font:calc(22px + 2pt) Editorial;color:#dbb98f;margin-top:13px}.social-platforms{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}.social-card{display:flex;flex-direction:column;padding:22px;background:#4f342c;border:1px solid #735141;border-radius:9px;transition:transform .2s,border-color .2s}.social-card:hover{transform:translateY(-4px);border-color:#bc8f67}.social-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#6a4739;color:#dfbb94;margin-bottom:22px}.social-icon svg{width:20px;height:20px}.social-platform-name{font-size:calc(7px + 2pt);letter-spacing:1.5px;color:#bf9875}.social-card h3{font:calc(25px + 2pt)/1.15 Editorial;margin:8px 0 10px;letter-spacing:-.3px}.social-card p{font-size:calc(10px + 2pt);line-height:1.9;color:#bfa58c;margin:0 0 15px}.social-handle{font-size:calc(10px + 2pt);color:#e1bf9a;overflow-wrap:anywhere}.social-action{margin-top:auto;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#d9b592;font-size:calc(9px + 2pt)}.social-action svg{width:13px;height:13px}
.story-page{background:var(--paper)}.story-nav-cta{display:flex;align-items:center;gap:10px!important;color:#986744;font-size:calc(11px + 2pt)}.story-nav-cta svg{width:16px}.story-hero{display:grid;grid-template-columns:1fr 1fr;max-width:1600px;margin:auto;align-items:stretch}.story-hero-copy{padding:65px 8% 50px 10%}.story-hero-copy .eyebrow{font-size:calc(8px + 2pt)}.story-hero h1{font:400 clamp(55px,5.5vw,82px)/.98 Editorial,Georgia;letter-spacing:-2.8px;margin:27px 0 25px}.story-hero h1 em{color:var(--rust)}.story-hero-copy>p{font-size:calc(14px + 2pt);line-height:1.9;color:#90745d;max-width:350px}.story-scroll{display:flex;align-items:center;gap:20px;font-size:calc(9px + 2pt);color:#ab8868;margin-top:35px}.story-scroll>span{height:31px;width:31px;border:1px solid #cbb59c;border-radius:50%;display:grid;place-items:center;font-size:calc(16px + 2pt)}.story-hero-image{position:relative;min-height:470px;overflow:hidden;border-radius:190px 0 0 0;margin:22px 0 22px}.story-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute}.story-hero-image:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#301a0b55)}.story-hero-image>span{position:absolute;bottom:25px;left:35px;z-index:1;font-size:calc(8px + 2pt);letter-spacing:2px;color:#fff4e5}.story-purpose{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;padding:75px 8%;max-width:1500px;margin:auto}.story-section-heading .eyebrow{font-size:calc(8px + 2pt);line-height:1.7}.story-section-heading h2,.story-prose h2,.story-community>h2{font:calc(42px + 2pt)/1.1 Editorial,Georgia;letter-spacing:-1px;margin:17px 0 20px}.story-section-heading em,.story-prose h2 em,.story-community>h2 em{color:var(--rust)}.story-prose p{font-size:calc(13px + 2pt);line-height:2;color:#92765d;margin:0 0 20px}.story-purpose .story-prose>p:first-child{font-size:calc(16px + 2pt);line-height:1.85;color:#78543b}.story-manifesto{display:flex;flex-direction:column;align-items:center;text-align:center;background:#ead8c4;padding:42px 25px 48px;border-top:1px solid #e0ccb5;border-bottom:1px solid #e0ccb5}.manifesto-flower{font:calc(43px + 2pt) Georgia;color:#b38357}.story-manifesto p{font:calc(43px + 2pt)/1.15 Editorial,Georgia;letter-spacing:-.8px;margin:20px 0 23px;color:#785139}.story-manifesto p em{color:#a26642}.manifesto-caption{font-size:calc(7px + 2pt);letter-spacing:2px;color:#ac8865}.story-choice{display:grid;grid-template-columns:1fr .95fr;gap:10%;padding:75px 8%;max-width:1500px;margin:auto;align-items:center}.story-choice .eyebrow{font-size:calc(8px + 2pt)}.story-style-links{display:flex;flex-direction:column;border-top:1px solid #dcccba}.story-style-links>a{display:flex;align-items:center;gap:15px;padding:24px 0;border-bottom:1px solid #dcccba}.story-style-links>a>span{font-size:calc(8px + 2pt);color:#b4987e}.story-style-links strong{font:calc(24px + 2pt) Editorial;font-weight:400;color:#855b3f}.story-style-links svg{width:17px;margin-left:auto;color:#a27855}.story-style-links>a:hover strong{color:var(--rust)}.story-name{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 8% 70px;border:1px solid #dbc7b0;border-radius:9px;overflow:hidden}.story-name>div{padding:40px 45px;background:#f1e7d9}.story-name>div+div{background:#e4d2bd;border-left:1px solid #d4bca0}.name-symbol{font:calc(48px + 2pt)/1 Georgia;color:#aa7e55;display:inline-block;margin-bottom:25px}.name-kin{font:italic calc(56px + 2pt)/1 Editorial;margin-top:-8px}.story-name .eyebrow{font-size:calc(8px + 2pt);color:#a17954}.story-name h2{font:calc(39px + 2pt)/1 Editorial;margin:15px 0 22px;letter-spacing:-.8px}.story-name h2 em{color:#a26942}.story-name p{font-size:calc(12px + 2pt);line-height:1.9;color:#927050;max-width:360px;margin-bottom:0}.story-community{display:grid;grid-template-columns:.9fr 1.1fr;gap:0 9%;padding:0 8% 75px;max-width:1500px;margin:auto}.story-community>.eyebrow{grid-column:1/-1;font-size:calc(8px + 2pt);margin-bottom:20px}.story-community>h2{margin:0}.story-community>div>p{font-size:calc(13px + 2pt);line-height:2;color:#92765d;margin:0 0 20px}.story-community>div>p.story-invitation{font:calc(22px + 2pt)/1.5 Editorial;color:#956340;margin-top:25px}.story-community .primary-button{margin-top:5px}.story-community .primary-button svg{width:16px}.story-closing{padding:55px 25px 60px;text-align:center;background:#f2e7d9}.story-closing>span{font:calc(36px + 2pt) Georgia;color:#b5875c}.story-closing h2{font:calc(43px + 2pt)/1.1 Editorial;letter-spacing:-.9px;margin:20px 0}.story-closing h2 em{color:var(--rust)}.story-closing>a{display:inline-flex;align-items:center;gap:22px;color:#9c6945;font-size:calc(11px + 2pt);padding:13px 16px;border-bottom:1px solid #b78c65}.story-closing>a svg{width:15px}
@media(min-width:1600px){.social-circle{padding-left:calc((100vw - 1440px)/2);padding-right:calc((100vw - 1440px)/2)}}
@media(max-width:1100px){.hair-discovery{gap:14px;align-items:flex-start}.hair-discovery-label{padding-top:4px;font-size:calc(17px + 2pt)}.hair-focus-option{padding:7px 10px;font-size:calc(8px + 2pt)}.category{padding:10px 12px}.social-circle{gap:25px;padding-top:42px;padding-bottom:42px;grid-template-columns:.8fr 1.2fr}.social-intro h2{font-size:calc(35px + 2pt)}.social-card{padding:18px}.social-card h3{font-size:calc(23px + 2pt)}.social-platforms{gap:12px}.story-hero-copy{padding-top:48px}.story-hero h1{font-size:calc(66px + 2pt)}.story-hero-copy>p{font-size:calc(12px + 2pt)}.story-hero-image{min-height:420px;border-radius:140px 0 0 0}.story-section-heading h2,.story-prose h2,.story-community>h2{font-size:calc(36px + 2pt)}.story-style-links strong{font-size:calc(22px + 2pt)}.story-name>div{padding:35px}.story-purpose,.story-choice{gap:7%;padding-top:60px;padding-bottom:55px}.story-name{margin-bottom:55px}}
@media(max-width:850px){.social-circle{grid-template-columns:1fr;gap:22px}.social-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;align-items:center}.social-intro .eyebrow{grid-column:1/-1}.social-intro h2{margin:15px 0}.social-intro>p{margin:0}.social-signature{grid-column:1/-1;font-size:calc(20px + 2pt);margin-top:5px}.social-card h3{font-size:calc(26px + 2pt)}.story-hero-copy{padding:38px 7% 35px 10%}.story-hero h1{font-size:calc(56px + 2pt)}.story-hero-image{min-height:380px}.story-scroll{font-size:calc(8px + 2pt);gap:10px}.story-hero-copy .eyebrow{font-size:calc(7px + 2pt)}.story-purpose,.story-choice{padding-left:6%;padding-right:6%;gap:5%}.story-prose p{font-size:calc(12px + 2pt)}.story-purpose .story-prose>p:first-child{font-size:calc(14px + 2pt)}.story-section-heading h2,.story-prose h2,.story-community>h2{font-size:calc(32px + 2pt)}.story-style-links>a{padding:20px 0;gap:10px}.story-style-links strong{font-size:calc(20px + 2pt)}.story-name{margin-left:6%;margin-right:6%}.story-name>div{padding:28px}.story-name h2{font-size:calc(32px + 2pt)}.story-community{padding-left:6%;padding-right:6%}}
@media(max-width:600px){.hair-discovery{display:block;padding:13px 11px;margin-bottom:17px}.hair-discovery-label{font-size:calc(17px + 2pt);padding-top:0;gap:7px;margin-bottom:11px}.hair-discovery-label>span{font-size:calc(23px + 2pt)}.hair-discovery-label small{display:inline;font-size:calc(6px + 2pt);margin:0 0 0 9px;letter-spacing:1px}.hair-focus-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;gap:6px;scrollbar-width:thin}.hair-focus-option{font-size:calc(9px + 2pt);padding:8px 10px}.hair-focus-option>span{font-size:calc(7px + 2pt)}.card-hair-focus>span{font-size:calc(8px + 2pt)}.coverage-picker{width:100%;justify-content:space-between}.coverage-picker select{max-width:240px;font-size:calc(9px + 2pt)}.coverage-picker>span{font-size:calc(9px + 2pt)}.category{padding:9px 12px}.map-footer{gap:8px 12px}.footer-link{font-size:calc(8px + 2pt)}.community-band .story-link{font-size:calc(10px + 2pt);margin-left:75px;padding:11px 14px;gap:13px}.community-band .story-link svg{width:14px}.social-circle{padding:32px 6%;gap:17px}.social-intro{display:block;padding:0}.social-intro .eyebrow{font-size:calc(7px + 2pt);letter-spacing:1.2px}.social-intro h2{font-size:calc(33px + 2pt);margin:15px 0}.social-intro>p{font-size:calc(11px + 2pt);max-width:300px;line-height:1.9}.social-signature{font-size:calc(20px + 2pt);margin-top:15px}.social-platforms{grid-template-columns:1fr;gap:11px}.social-card{padding:18px;display:grid;grid-template-columns:37px 1fr;gap:0 13px}.social-icon{width:33px;height:33px;margin-bottom:0}.social-icon svg{width:18px;height:18px}.social-platform-name{font-size:calc(7px + 2pt)}.social-card h3{font-size:calc(23px + 2pt);margin:6px 0 9px}.social-card p{font-size:calc(10px + 2pt);margin-bottom:9px}.social-handle{font-size:calc(9px + 2pt)}.social-action{grid-column:2;font-size:calc(9px + 2pt);padding-top:17px}.social-action svg{width:12px}.story-page .site-header nav>a{display:none}.story-page .site-header nav>a.story-nav-cta{display:flex;font-size:calc(10px + 2pt);gap:8px!important}.story-nav-cta svg{width:14px}.story-page .wordmark{font-size:calc(28px + 2pt)}.story-page .brand-mark{font-size:calc(27px + 2pt);margin-right:7px}.story-page .amp{font-size:calc(25px + 2pt)}.story-hero{display:flex;flex-direction:column}.story-hero-copy{padding:32px 6% 30px}.story-hero-copy .eyebrow{font-size:calc(7px + 2pt);letter-spacing:1.4px}.story-hero h1{font-size:calc(65px + 2pt);letter-spacing:-2.8px;margin:24px 0 20px}.story-hero-copy>p{font-size:calc(12px + 2pt);max-width:310px;line-height:1.9}.story-scroll{font-size:calc(9px + 2pt);margin-top:22px;justify-content:space-between}.story-scroll>span{height:29px;width:29px;font-size:calc(16px + 2pt)}.story-hero-image{height:260px;min-height:0;margin:0 0 0 6%;border-radius:110px 0 0 0}.story-hero-image img{object-position:center 39%}.story-hero-image>span{bottom:20px;left:23px;font-size:calc(7px + 2pt)}.story-purpose,.story-choice{display:flex;flex-direction:column;gap:10px;padding:38px 6%}.story-section-heading{width:100%}.story-section-heading .eyebrow,.story-choice .eyebrow{font-size:calc(7px + 2pt);letter-spacing:1.3px}.story-section-heading h2,.story-prose h2,.story-community>h2{font-size:calc(33px + 2pt);line-height:1.12;margin:15px 0 18px;letter-spacing:-.7px}.story-prose p{font-size:calc(12px + 2pt);line-height:1.95;margin-bottom:17px}.story-purpose .story-prose>p:first-child{font-size:calc(14px + 2pt);line-height:1.85}.story-manifesto{padding:28px 6% 32px}.manifesto-flower{font-size:calc(32px + 2pt)}.story-manifesto p{font-size:calc(32px + 2pt);line-height:1.15;margin:17px 0 22px;letter-spacing:-.6px}.manifesto-caption{font-size:calc(6px + 2pt);letter-spacing:1.6px;line-height:1.8}.story-choice{gap:15px}.story-style-links{width:100%}.story-style-links>a{padding:18px 0;gap:13px}.story-style-links strong{font-size:calc(23px + 2pt)}.story-style-links>a>span{font-size:calc(8px + 2pt)}.story-name{grid-template-columns:1fr;margin:0 6% 38px}.story-name>div{padding:28px}.story-name>div+div{border-left:0;border-top:1px solid #d4bca0}.name-symbol{font-size:calc(39px + 2pt);margin-bottom:18px}.name-kin{font-size:calc(46px + 2pt)}.story-name h2{font-size:calc(34px + 2pt);margin:13px 0 18px}.story-name p{font-size:calc(12px + 2pt)}.story-community{display:block;padding:0 6% 38px}.story-community>.eyebrow{font-size:calc(7px + 2pt);line-height:1.7;letter-spacing:1.2px}.story-community>h2{font-size:calc(35px + 2pt);margin:15px 0 23px}.story-community>div>p{font-size:calc(12px + 2pt);line-height:1.95}.story-community>div>p.story-invitation{font-size:calc(22px + 2pt);line-height:1.5;margin-top:24px}.story-community .primary-button{font-size:calc(11px + 2pt);width:100%;padding:15px}.story-closing{padding:35px 6% 40px}.story-closing>span{font-size:calc(29px + 2pt)}.story-closing h2{font-size:calc(35px + 2pt);margin:18px 0 20px}.story-closing>a{font-size:calc(10px + 2pt);padding:12px 14px}}
/* Keep all categories visible on larger screens; retain swipe browsing on phones. */
.category-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;gap:8px}.category-row .category{justify-content:center;padding:10px 9px;gap:8px}
@media(max-width:850px){.category-row{display:flex;overflow-x:auto;gap:8px}.category-row .category{padding:10px 13px;flex:none}}
@media(max-width:600px){.category-row{gap:7px}.category-row .category{padding:9px 12px}}

/* Keep the story within reach, including on smaller screens. */
.home-header .nav-story{color:var(--rust);white-space:nowrap}
main>.community-band{margin-bottom:22px}
@media(max-width:600px){
 .site-header.home-header{display:grid;grid-template-columns:1fr auto auto;height:auto;padding:16px 5% 0;column-gap:12px;row-gap:14px}
 .home-header nav{display:contents}
 .home-header .wordmark{grid-column:1;grid-row:1}
 .home-header .nav-book{grid-column:2;grid-row:1}
 .home-header .nav-saved{grid-column:3;grid-row:1}
 .site-header.home-header #about-nav{display:flex;grid-column:1/-1;grid-row:2;justify-content:center;padding:10px 0 12px;border-top:1px solid var(--border);font-size:calc(11px + 2pt)}
 main>.community-band{margin-bottom:8px}
}

/* Real professionals, in their own published portraits. */
.provider-portrait{position:relative;isolation:isolate;overflow:hidden;flex-shrink:0}
.provider-portrait .portrait-initials{display:grid;place-items:center;width:100%;height:100%}
.provider-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%;z-index:1}
.provider-portrait img[hidden]{display:none}
.business-avatar.provider-portrait{width:62px;height:72px;border-radius:32px 32px 8px 8px}
.profile-avatar.provider-portrait{width:112px;height:128px;border-radius:56px 56px 10px 10px}
.provider-photo-note{font-size:calc(10px + 2pt);color:#8d7058;margin:0 0 18px;line-height:1.7}
.provider-photo-note a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px) and (min-width:851px){.business-avatar.provider-portrait{width:48px;height:58px}}
@media(max-width:600px){.business-avatar.provider-portrait{width:60px;height:70px}.profile-avatar.provider-portrait{width:96px;height:112px}}

.story-care{max-width:1320px;margin:0 auto;padding:12px 7% 70px;display:grid;grid-template-columns:1fr 1fr;gap:32px}.story-care figure{margin:0;min-width:0}.story-care img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:120px 8px 8px 8px}.story-care figure:nth-child(2) img{border-radius:8px 120px 8px 8px}.story-care figcaption{padding:22px 0 0}.story-care h2{font:400 clamp(25px,2.8vw,38px)/1.15 Editorial,Georgia;margin:10px 0 0;letter-spacing:-.8px}.story-care h2 em{color:var(--rust)}@media(max-width:600px){.story-care{grid-template-columns:1fr;padding:0 6% 40px;gap:34px}.story-care img{border-radius:90px 6px 6px 6px}.story-care figure:nth-child(2) img{border-radius:6px 90px 6px 6px}.story-care figcaption{padding-top:17px}}

/* Let each portrait have its own place in the story. */
.story-care{max-width:760px;grid-template-columns:1fr;padding:50px 7% 90px}.story-care img{border-radius:100px 8px 8px 8px}.story-barber img{border-radius:8px 100px 8px 8px}.story-barber{padding-top:85px}.story-care figcaption{padding-top:24px}@media(max-width:600px){.story-care{max-width:480px;padding:38px 6% 54px;gap:0}.story-barber{padding-top:54px}.story-care img{border-radius:80px 6px 6px 6px}.story-barber img{border-radius:6px 80px 6px 6px}}