.hair-salon-shell{--ink:#292b29;--deep:#272723;--cream:#f6f2e9;--paper:#fffdf8;--plum:#553f43;--copper:#9c674f;--moss:#4e6254;--line:#ded9cf;--muted:#625f58}
.hair-salon-shell,.hair-salon-shell *{box-sizing:border-box}
.hair-salon-shell{scroll-behavior:smooth}
.hair-salon-shell{margin:0;background:var(--cream);font-family:Georgia,"Times New Roman",serif;color:var(--ink)}
.hair-salon-shell a{color:inherit;text-decoration-color:var(--copper);text-underline-offset:3px}
.hair-salon-shell a:hover{color:#a16142}
.hair-salon-shell p{line-height:1.8;font-size:17px}
.hair-salon-shell p+ p{margin-top:19px}
.hair-salon-shell{max-width:1320px;margin:auto}
.hair-salon-shell header.edition-strip{min-height:64px;background:#222824;color:#ece6d9;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 max(32px,calc((100vw - 1220px)/2));font-family:Arial,sans-serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.hair-salon-shell header.edition-strip strong{font-size:19px;letter-spacing:.24em}
.hair-salon-shell header.edition-strip .preview-flag{color:#e6bb90}
.hair-salon-shell .hero{background:var(--deep);color:var(--paper);display:grid;grid-template-columns:1.04fr .96fr;min-height:615px;overflow:hidden}
.hair-salon-shell .hero-copy{padding:76px 6% 64px max(38px,calc((100vw - 1150px)/2));max-width:715px;position:relative;z-index:2}
.hair-salon-shell .hero .eyebrow{font-size:11px;font-family:Arial,sans-serif;letter-spacing:.22em;color:#d8bda0;text-transform:uppercase;margin-bottom:25px}
.hair-salon-shell .hero h1{font-size:clamp(42px,4.9vw,71px);line-height:1.06;font-weight:400;letter-spacing:-.03em;margin:0 0 26px}
.hair-salon-shell .hero h1 em{font-style:italic;color:#e9bd97}
.hair-salon-shell .hero .subline{font-size:19px;color:#dfd6c9;line-height:1.64;max-width:650px}
.hair-salon-shell .hero-meta{font:12px Arial,sans-serif;letter-spacing:.12em;color:#bfb3a4;margin-top:32px;text-transform:uppercase}
.hair-salon-shell .hero-art{display:flex;min-height:615px;position:relative;background:#493d3d;overflow:hidden}
.hair-salon-shell .hero-art svg{width:100%;height:100%;object-fit:cover}
.hair-salon-shell .hero-caption{position:absolute;bottom:22px;left:27px;font:10px Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#dfd2bf}
.hair-salon-shell .article-wrap{display:grid;grid-template-columns:235px minmax(0,1fr);gap:48px;max-width:1180px;margin:auto;padding:70px 32px 110px}
.hair-salon-shell .toc{align-self:start;position:sticky;top:24px;border-top:1px solid var(--copper);padding-top:17px;font:12px Arial,sans-serif;color:#5d5a55}
.hair-salon-shell .toc p{margin:0 0 14px;font:11px Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#9b745e}
.hair-salon-shell .toc ol{list-style:none;padding:0;margin:0;counter-reset:toc}
.hair-salon-shell .toc li{counter-increment:toc;display:flex;gap:9px;padding:9px 0;border-bottom:1px solid #e9e3d8;line-height:1.35}
.hair-salon-shell .toc li:before{content:counter(toc,decimal-leading-zero);color:#ab8a76}
.hair-salon-shell .toc a{text-decoration:none}
.hair-salon-shell .toc a:hover{text-decoration:underline}
.hair-salon-shell .story{background:var(--paper);padding:clamp(25px,3.8vw,64px);box-shadow:0 16px 60px rgba(42,40,36,.04)}
.hair-salon-shell .story>p:first-child:first-letter{float:left;font-size:76px;line-height:.86;padding:7px 8px 0 0;color:var(--copper)}
.hair-salon-shell .story h2{margin:58px 0 23px;font-weight:400;letter-spacing:-.02em;font-size:clamp(29px,3vw,39px);line-height:1.17;color:#36332e;scroll-margin-top:30px}
.hair-salon-shell .story h2:before{content:attr(data-section);display:block;font:11px Arial,sans-serif;letter-spacing:.16em;color:var(--copper);margin-bottom:15px}
.hair-salon-shell .story p{max-width:760px}
.hair-salon-shell .story em{color:#584a47}
.hair-salon-shell .story strong{font-weight:700}
.hair-salon-shell .story .responsive-table{border-collapse:collapse;width:100%;margin:30px 0 35px;font:14px/1.6 Arial,sans-serif;color:#343b34;table-layout:fixed}
.hair-salon-shell .responsive-table th{background:#e8e5dc;color:#3c453d;letter-spacing:.05em;font-size:12px;text-transform:uppercase}
.hair-salon-shell .responsive-table th,.hair-salon-shell .responsive-table td{padding:16px;vertical-align:top;border:1px solid #e4ddd1;text-align:left}
.hair-salon-shell .responsive-table th:first-child,.hair-salon-shell .responsive-table td:first-child{width:25%}
.hair-salon-shell .responsive-table tbody tr:nth-child(2n){background:#faf7f0}
.hair-salon-shell .story>ol{padding-left:24px}
.hair-salon-shell .story>ol li{padding:8px 0;line-height:1.55;font:14px Arial,sans-serif}
.hair-salon-shell .story>ol a{color:#4c594d}
.hair-salon-shell .contrast-figure{margin:38px 0 12px;display:grid;grid-template-columns:1fr 46px 1fr;align-items:stretch;gap:0}
.hair-salon-shell .contrast-side{min-height:260px;background:#e9e4d9;padding:25px;display:flex;flex-direction:column;justify-content:space-between}
.hair-salon-shell .contrast-side--deep{background:#3e4741;color:#f5e8d8}
.hair-salon-shell .contrast-tag{font:10px Arial,sans-serif;letter-spacing:.17em}
.hair-salon-shell .contrast-side strong{font:normal 34px Georgia,serif;letter-spacing:-.03em}
.hair-salon-shell .contrast-side p{font:14px/1.6 Arial,sans-serif;margin:0}
.hair-salon-shell .contrast-center{align-self:center;text-align:center;font:26px Georgia,serif;color:#7c6354}
.hair-salon-shell .tone-band{display:flex;gap:3px;height:36px}
.hair-salon-shell .tone-band span{flex:1;background:#4f3a32}
.hair-salon-shell .tone-band span:nth-child(2){background:#765349}
.hair-salon-shell .tone-band span:nth-child(3){background:#ae7b5f}
.hair-salon-shell .tone-band span:nth-child(4){background:#c4a085}
.hair-salon-shell .tone-band span:nth-child(5){background:#e3c8a4}
.hair-salon-shell .five-keywords{font:10px/1.8 Arial,sans-serif;letter-spacing:.08em}
.hair-salon-shell .five-keywords b{padding:0 3px;color:#e1bda2}
.hair-salon-shell .contrast-figure figcaption{grid-column:1/-1;font:12px/1.5 Arial,sans-serif;color:#777169;margin-top:11px}
.hair-salon-shell .booking-logic{background:#e9e6db;border-left:4px solid #ab7c5f;margin:36px 0;padding:26px}
.hair-salon-shell .panel-eyebrow{font:10px Arial,sans-serif!important;letter-spacing:.2em;color:#716555;text-transform:uppercase}
.hair-salon-shell .booking-logic-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}
.hair-salon-shell .booking-logic-grid>div{border-top:1px solid #b9ac9b;padding-top:17px;display:flex;flex-direction:column;gap:12px}
.hair-salon-shell .booking-logic-grid small{font:10px Arial,sans-serif;color:#856747;letter-spacing:.15em}
.hair-salon-shell .booking-logic-grid strong{font-size:25px;font-weight:400}
.hair-salon-shell .booking-logic-grid span{font:13px/1.6 Arial,sans-serif}
.hair-salon-shell .panel-footnote{font:12px/1.5 Arial,sans-serif!important;color:#686459;margin:0}
.hair-salon-shell .sources-note{margin-top:50px;border-top:1px solid #d6cec3;padding-top:25px}
.hair-salon-shell .source-links{word-break:break-word}
.hair-salon-shell footer.editorial-footer{max-width:1140px;margin:auto;padding:35px 30px 65px;font:12px/1.8 Arial,sans-serif;color:#747168;border-top:1px solid #d5cec0;display:flex;justify-content:space-between;gap:20px}
.hair-salon-shell footer.editorial-footer strong{font-size:16px;letter-spacing:.12em;color:#4d504c}
@media(max-width:1000px){.hair-salon-shell .article-wrap{grid-template-columns:1fr;gap:0;max-width:840px;padding:30px 22px 60px}
.hair-salon-shell .toc{position:static;margin-bottom:22px}
.hair-salon-shell .toc ol{display:flex;flex-wrap:wrap;gap:5px 18px}
.hair-salon-shell .toc li{max-width:240px}
.hair-salon-shell .hero-copy{padding:65px 42px}
.hair-salon-shell .hero{min-height:580px}
.hair-salon-shell .hero-art{min-height:580px}}
@media(max-width:720px){.hair-salon-shell header.edition-strip{padding:18px 20px;min-height:56px;flex-wrap:wrap;gap:9px}
.hair-salon-shell .hero{display:flex;flex-direction:column}
.hair-salon-shell .hero-copy{padding:42px 24px 26px}
.hair-salon-shell .hero h1{font-size:46px}
.hair-salon-shell .hero .subline{font-size:17px}
.hair-salon-shell .hero-art{min-height:290px;max-height:345px}
.hair-salon-shell .hero-art svg{height:345px}
.hair-salon-shell .hero-caption{bottom:12px}
.hair-salon-shell .article-wrap{padding:18px 12px 54px}
.hair-salon-shell .story{padding:25px 18px}
.hair-salon-shell .story p{font-size:16px;line-height:1.75}
.hair-salon-shell .story h2{font-size:31px;margin-top:45px}
.hair-salon-shell .toc{padding:18px 10px;margin-bottom:15px}
.hair-salon-shell .toc ol{display:none}
.hair-salon-shell .contrast-figure{grid-template-columns:1fr;gap:0}
.hair-salon-shell .contrast-center{padding:12px}
.hair-salon-shell .contrast-side{min-height:220px}
.hair-salon-shell .booking-logic-grid{grid-template-columns:1fr}
.hair-salon-shell .responsive-table,.hair-salon-shell .responsive-table tbody,.hair-salon-shell .responsive-table tr,.hair-salon-shell .responsive-table td{display:block;width:100%!important}
.hair-salon-shell .responsive-table thead{display:none}
.hair-salon-shell .responsive-table tr{margin-bottom:18px;border:1px solid #ddd6cc}
.hair-salon-shell .responsive-table td{border:0;border-bottom:1px solid #e2dbd2;padding:13px 14px}
.hair-salon-shell .responsive-table td:before{content:attr(data-label);display:block;font:bold 10px/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:.09em;color:#9a7963;margin-bottom:5px}
.hair-salon-shell footer.editorial-footer{padding:28px 24px;display:block}}
@media(max-width:365px){.hair-salon-shell .hero h1{font-size:38px}
.hair-salon-shell .hero-copy{padding-left:18px;padding-right:18px}
.hair-salon-shell .story{padding:21px 14px}
.hair-salon-shell .story h2{font-size:28px}}
@media print{.hair-salon-shell{background:white;color:#111}
.hair-salon-shell header.edition-strip{background:#333!important;color:white!important}
.hair-salon-shell .hero{background:#343332!important;color:white!important;min-height:290px}
.hair-salon-shell .hero-copy{padding:35px}
.hair-salon-shell .hero-art{min-height:290px}
.hair-salon-shell .article-wrap{display:block;max-width:850px;padding:20px 20px}
.hair-salon-shell .toc{display:none}
.hair-salon-shell .story{padding:0;box-shadow:none}
.hair-salon-shell .story h2{break-after:avoid}
.hair-salon-shell .story table{font-size:10px}
.hair-salon-shell .story p{font-size:12px;line-height:1.55}
.hair-salon-shell .story>ol li{font-size:10px}
.hair-salon-shell .contrast-figure,.hair-salon-shell .booking-logic{break-inside:avoid}
.hair-salon-shell .hero-art svg{width:100%;max-height:300px}
.hair-salon-shell footer.editorial-footer{display:none}}
.hair-salon-shell{
  --seotec-article-reading-font:Arial,Helvetica,sans-serif;
  --seotec-article-display-font:Georgia,"Times New Roman",serif;
}
.hair-salon-shell{font-family:var(--seotec-article-reading-font)}
.hair-salon-shell .hero h1,.hair-salon-shell .story h2{font-family:var(--seotec-article-display-font)}
.hair-salon-shell .story>p{font-size:18px;line-height:1.75}
.hair-salon-shell .story>p:first-child:first-letter{font-family:var(--seotec-article-display-font);font-size:64px;font-weight:700;line-height:.86;padding:6px 8px 0 0}
@media(max-width:760px){.hair-salon-shell .story>p{font-size:16.5px;line-height:1.75}
.hair-salon-shell .story>p:first-child:first-letter{font-size:52px;line-height:.88;padding:5px 7px 0 0}}
@media print{.hair-salon-shell .story>p{font-size:11pt;line-height:1.5}}

/* Native SEOTEC mobile table collision: existing shared table min-width is 520px.
   Constrain only this article, leave global CSS and other tables untouched. */
@media (max-width:720px) {
  .hair-salon-page .hair-salon-shell .article-wrap {grid-template-columns:minmax(0,1fr); min-width:0;}
  .hair-salon-page .hair-salon-shell .toc,
  .hair-salon-page .hair-salon-shell .story {min-width:0; max-width:100%;}
  .hair-salon-page .hair-salon-shell .responsive-table {min-width:0!important;max-width:100%;width:100%;}
}


/* Native site-wide heading color must not override this dark editorial hero. */
.hair-salon-page .hair-salon-shell .hero h1 {color:#fffdf8;}
.hair-salon-page .hair-salon-shell .hero h1 em {color:#e9bd97;}