@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&display=swap');
/* Bodega's art-luxe identity. Client image files are kept unchanged. */
:root,body{--black:#142a43;--cream:#faf7ef;--lime:#e9e1d3;--red:#a64020;--blush:#eee8dc;--rose:#a64020;--gray:#e1ddd4;--line:#142a432b;--navy:#142a43;--orange:#a64020;background:var(--cream);color:var(--navy)}
body{font-family:'DM Sans',Arial,sans-serif}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif!important;font-weight:400!important;text-transform:none!important;letter-spacing:-.045em}p{line-height:1.65}a,button{touch-action:manipulation}button,a,input{scroll-margin-top:110px}:focus-visible{outline:3px solid #a64020!important;outline-offset:5px}section{scroll-margin-top:110px}
.site-header{background:rgba(250,247,239,.97);padding:25px 4vw;gap:2vw;grid-template-columns:auto 1fr auto;border-bottom:1px solid #142a431c;backdrop-filter:blur(12px)}.art-wordmark{font:500 clamp(24px,2.3vw,36px)/1 'Cormorant Garamond',Georgia,serif;letter-spacing:-.045em;white-space:nowrap}.brand{width:auto}.brand span{font:inherit}.brand .art-wordmark{font:500 clamp(24px,2.3vw,36px)/1 'Cormorant Garamond',Georgia,serif}.site-header nav{justify-content:center;gap:1.5vw;font-size:12px;font-weight:500;text-transform:none;letter-spacing:0}.site-header nav a:hover{color:var(--orange)}.site-header .social-link{width:22px;min-width:22px}.book,.book.light,.match-primary,.match-start-button{border-radius:0;background:var(--navy);border-color:var(--navy);color:var(--cream);font-size:13px;text-transform:none;font-weight:500;letter-spacing:0;min-height:48px}.book:hover,.book.light:hover,.match-primary:hover,.match-start-button:hover{background:#274660;color:#fff;border-color:#274660}.consult-strip{background:var(--navy);color:var(--cream);font-size:11px;text-transform:none;letter-spacing:.02em;padding:9px 4vw}.consult-strip:hover{background:#274660;color:#fff}.top-book{white-space:nowrap;gap:15px}
.art-hero{display:grid;grid-template-columns:40% 60%;padding:24px 4vw 0;gap:0;min-height:0;align-items:center;background:var(--cream)}.art-hero .hero-copy{padding:20px 3vw 25px 0;display:block}.art-hero .kicker{font-size:10px;letter-spacing:.19em;margin:0 0 24px;font-weight:500}.art-hero h1{font:400 clamp(56px,6.2vw,108px)/.91 'Cormorant Garamond',Georgia,serif!important;letter-spacing:-.055em;max-width:none;margin:0;color:var(--navy)}.you-mark{display:block;max-width:480px;margin-top:8px}.you-art{display:block;width:100%;height:auto;overflow:visible}.art-hero .lead{font-size:15px;line-height:1.6;margin:22px 0;max-width:300px}.art-hero .actions{display:flex;align-items:flex-start;flex-direction:column;gap:18px}.art-hero .text-link{font-size:13px;font-weight:500;border-color:var(--orange);padding-bottom:4px}.art-flourish{display:block;width:130px;height:28px;border-top:1px solid var(--orange);border-radius:50%;transform:rotate(-8deg);margin-top:35px}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-lookbook{min-width:0}.lookbook-window{position:relative;background:#eee8dc;overflow:hidden;touch-action:pan-y;cursor:grab}.lookbook-window:active{cursor:grabbing}.lookbook-window img{display:block;width:100%;height:clamp(480px,49vw,740px);object-fit:cover;object-position:center 44%;user-select:none;-webkit-user-drag:none}.client-photo-label{position:absolute;left:18px;bottom:18px;padding:7px 11px;background:var(--cream);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.lookbook-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:14px}.lookbook-caption p{font-size:12px;margin:0 0 4px}.lookbook-caption a{font-size:11px;border-bottom:1px solid var(--orange);padding-bottom:3px}.lookbook-controls{display:flex;gap:8px}.lookbook-controls button{border:0;background:transparent;color:var(--orange);font:400 28px/1 Arial,sans-serif;min-width:48px;min-height:48px;cursor:pointer}.lookbook-controls button:hover{background:#eee8dc}.lookbook-instruction{font-size:10px;color:#4b5967;margin:9px 0 0}.art-edit{display:grid;grid-template-columns:.9fr 1fr 1.1fr;gap:4vw;margin:90px 4vw 95px;align-items:start}.art-edit .kicker{font-size:10px;letter-spacing:.19em;font-weight:500}.art-edit h2{font:400 clamp(54px,6.4vw,96px)/.88 'Cormorant Garamond',Georgia,serif;margin:20px 0 25px}.art-edit p:not(.kicker){font-size:14px;max-width:270px}.art-edit .text-link{font-size:12px;font-weight:500;border-color:var(--orange)}.art-edit figure{margin:0}.art-edit figure:last-child{margin-top:75px}.art-edit img{width:100%;height:410px;object-fit:cover}.art-edit figcaption{font-size:11px;margin-top:12px}
.section-pad{padding:80px 4vw}.hair-match,.experience,.proof,.shop,.salon-map{background:#eee8dc!important;border-radius:0}.match-ticket,.transformation-compare-wrap,.process-card,.booking-card,.edit-grid article,.portfolio-grid figure{border-radius:0;box-shadow:none}.match-ticket{background:var(--cream)}.goal-chip,.match-choice,.angle-switcher button{border-radius:0}.goal-chip:hover,.goal-chip.is-active,.match-choice:hover,.match-choice:focus-visible{background:#e2e7e8}.service-tabs button[aria-selected=true]{background:var(--navy);color:var(--cream)}.service-tabs button{border-radius:0}.service-link:hover{background:#e5e9e8}.service-link em{color:var(--orange)}.service-panel h3{font-size:1.85rem}.transformation,.portfolio,.journal,.bodega-edit,.virtual-consult{background:var(--cream)!important}.portfolio-grid figure:hover{transform:none}.portfolio-grid figcaption strong{font-style:normal}.playlist-card{background:#e4e8e7}.book-card,.booking-card{background:#eae4d9}.trust span,.review-score span,.compare-label,.process-card-copy>span{color:var(--navy)}.compare-handle,.compare-handle i{background:var(--cream)}.holiday-blowouts{background:#eee8dc!important;margin:0 4vw 80px;padding:60px 3vw;border-radius:0}.holiday-copy h2 em{color:var(--navy)}.blowout-look-bottom a,.holiday-help{color:var(--orange);border-color:var(--orange)}.blowout-image-cta{border-radius:0;background:var(--cream);color:var(--navy)}.blowout-lookbook .lookbook-disclosure{font-size:13px}.booking-card h3{font-size:clamp(2.8rem,5vw,5rem)}.scroll-progress span{background:var(--orange)}footer{background:var(--navy);color:var(--cream);border:0}footer .art-wordmark{font-size:30px;white-space:normal}footer a:hover{color:#efb59f}.seo-page h1,.campaign-page h1,.article-page h1{font-size:clamp(3.5rem,7vw,7rem);line-height:1}.seo-page .site-header{position:relative}.seo-page .service-panel{background:var(--cream)}.seo-page .seo-hero{background:var(--cream)}.menu-toggle{color:var(--navy);font-size:12px;text-transform:none;letter-spacing:0;min-height:44px;min-width:44px}
@media(max-width:1150px){.site-header{grid-template-columns:1fr auto auto;gap:20px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--cream);border-bottom:1px solid var(--line);padding:25px 4vw;flex-wrap:wrap;gap:20px;max-height:70vh;overflow:auto;box-shadow:0 12px 20px #142a4310}.site-header nav.open{display:flex}.site-header nav a{font-size:14px}.seo-page .site-header{grid-template-columns:1fr auto}.seo-page .site-header nav{display:flex;position:static;grid-column:1/-1;grid-row:2;padding:5px 0;box-shadow:none;border:0}.seo-page .top-book{grid-column:2;grid-row:1}}
@media(max-width:760px){.site-header{padding:18px 5vw;gap:12px}.brand .art-wordmark{font-size:26px}.top-book{font-size:11px;padding:11px 13px;min-height:44px;gap:0}.top-book span{display:none}.art-hero{display:flex;flex-direction:column;padding:0 5vw}.art-hero .hero-copy{width:100%;padding:30px 0 32px}.art-hero .kicker{font-size:9px;margin-bottom:18px}.art-hero h1{font-size:clamp(54px,13.5vw,85px)!important;line-height:.91!important}.art-hero h1 br{display:none}.art-hero .you-mark{max-width:330px;margin-top:10px}.art-hero .lead{font-size:14px;margin:20px 0}.art-hero .lead br{display:none}.art-hero .actions{flex-direction:row;align-items:center;gap:18px}.art-hero .actions .book{font-size:12px;padding:13px 15px;gap:14px}.art-hero .actions .text-link{font-size:11px}.art-hero .art-flourish{display:none}.hero-lookbook{width:100%}.lookbook-window img{height:120vw;max-height:650px}.lookbook-caption p{font-size:11px;max-width:210px}.lookbook-controls{gap:0}.lookbook-caption a{font-size:11px}.art-edit{margin:60px 5vw;grid-template-columns:1fr 1fr;gap:25px 15px}.art-edit>div{grid-column:1/-1}.art-edit h2{font-size:65px;max-width:320px}.art-edit img{height:65vw;max-height:370px}.art-edit figure:last-child{margin-top:40px}.art-edit .art-flourish{margin-top:25px}.section-pad{padding:60px 5vw}.holiday-blowouts{margin:0 0 60px;padding:50px 5vw}.section-intro h2,.portfolio-intro h2,.edit-heading h2,.virtual-consult-copy h2,.hair-match-copy h2,.transformation-heading h2{font-size:3.2rem}.site-header nav.open{justify-content:flex-start}.seo-page .brand .art-wordmark{font-size:25px}}
@media(max-width:390px){.site-header{gap:6px}.brand .art-wordmark{font-size:23px}.top-book{padding:10px}.art-hero .actions{gap:12px}.art-hero .actions .book{font-size:11px}.art-hero .actions .text-link{font-size:10px}}
.campaign-page{--care-pink:#e8c9b4;--care-pink-soft:#eee8dc;--care-ivory:#faf7ef}.campaign-action{background:var(--navy);border-color:var(--navy);border-radius:0;text-transform:none;font-weight:500;letter-spacing:0}.campaign-action:hover{background:#274660;border-color:#274660}.campaign-status{color:var(--navy)}.campaign-statement,.article-sources,.medical-note,.blog-copy blockquote{border-color:var(--orange)}.article-sources,.medical-note,.blog-copy blockquote{background:#eee8dc}.care-links .campaign-action{background:var(--cream);color:var(--navy);border-color:var(--cream)}
.hair-feature{min-width:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#eee8dc}.hair-feature figcaption{min-width:0}.hair-feature span{font:400 clamp(2.8rem,5.5vw,6rem)/.98 'Cormorant Garamond',Georgia,serif;letter-spacing:-.045em;text-transform:none;overflow-wrap:anywhere}.hair-feature small{font-size:12px;text-transform:none;letter-spacing:0;font-weight:400}
@media(max-width:850px){.hair-feature{grid-template-columns:minmax(0,1fr)}.hair-feature img{max-width:100%;min-width:0}.hair-feature figcaption{padding:35px 5vw}.site-header:not(:has(.menu-toggle)){grid-template-columns:1fr auto}.site-header:not(:has(.menu-toggle)) nav{display:flex;position:static;grid-column:1/-1;grid-row:2;justify-content:flex-start;padding:8px 0;box-shadow:none;border:0}.site-header:not(:has(.menu-toggle)) .top-book{grid-column:2;grid-row:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.lookbook-window img{transition:none!important}.portfolio-grid figure{transition:none!important}}

.bodega-radio-player{width:100%;min-width:0;margin:18px 0}.playlist-card{min-width:0}.playlist-card .edit-link{margin-top:12px}

.book-feature{display:grid;grid-template-columns:minmax(110px,145px) minmax(0,1fr);gap:24px;align-items:start;margin:20px 0 25px}.book-cover-link{display:block;min-width:0;box-shadow:0 10px 20px #142a431a;transition:transform .2s}.book-cover-link:hover{transform:translateY(-3px)}.book-cover-link img{width:100%;height:auto;object-fit:contain}.book-feature-copy{min-width:0}.book-card .book-feature h3{font-size:clamp(32px,3.3vw,48px);margin:0 0 10px}.book-feature .book-author{margin:0 0 15px}.book-feature-copy>p:last-child{font-size:14px;line-height:1.65}.book-card .edit-link{margin-top:auto}@media(max-width:1100px){.book-feature{grid-template-columns:110px minmax(0,1fr);gap:18px}.book-feature-copy>p:last-child{font-size:13px}}@media(max-width:400px){.book-feature{grid-template-columns:95px minmax(0,1fr);gap:16px}.book-card .book-feature h3{font-size:32px}.book-feature-copy>p:last-child{font-size:12px}}@media(prefers-reduced-motion:reduce){.book-cover-link{transition:none}.book-cover-link:hover{transform:none}}
