/* Thai Thai 2: warm ivory, soft flowers and gold, inspired by the printed menus. */
:root{--wine:#872e31;--ink:#623e2a;--muted:#776253;--gold:#bc9450;--line:#e6d3ad;--paper:#fffdf7;--cream:#fbf3df;--blush:#f7e7df}
body{background:var(--paper);color:var(--ink)}
header{background:#fffdf7f5;border-bottom:1px solid var(--line);box-shadow:0 3px 16px #85541d08}
header .brand,footer .brand{color:var(--wine);font-family:"Apple Chancery","URW Chancery L","Palatino Linotype",Georgia,serif;font-style:italic;letter-spacing:-.8px}
header .brand span,footer .brand span{font-family:Arial,Helvetica,sans-serif;font-style:normal;color:var(--muted)}
nav a{color:var(--ink)}nav .nav-book{background:var(--wine);border:1px solid #a25d45;box-shadow:inset 0 0 0 3px #ffffff15;border-radius:6px;color:#fffaf0}nav .nav-book:hover{background:#a33e3c}
a:focus-visible{outline-color:#b87c23}
.hero{background:linear-gradient(115deg,#fcf5e5,#fffaf0 60%,#f8ece3);border:1px solid var(--line);border-radius:10px 10px 0 0;overflow:hidden}
.hero-copy{position:relative;isolation:isolate}
.hero-copy .welcome-title{color:var(--wine)}
h1,h2{color:var(--wine)}
.hero-copy h1{font-family:"Apple Chancery","URW Chancery L","Palatino Linotype",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-1.2px}
.hero-copy h1 em{color:#ad7340}
.hero-copy .intro-tagline{color:#926b30;letter-spacing:1px}
.hero-copy .lead{color:var(--ink)}
.hero-copy .lead strong{color:var(--wine);font-weight:600}
.hero-photo{border-left:1px solid var(--line)}
.hero-photo img{filter:sepia(.1) saturate(.8)}
.hero-photo figcaption{color:var(--muted);background:#fffaf0ec}
.hero-bottom{background:#f5e8ce;border-color:var(--line);color:#88612c}
.prices{position:relative;isolation:isolate;background:linear-gradient(180deg,#fffdf8,#fcf4e3);border-bottom:1px solid var(--line);padding-top:65px;padding-bottom:58px}
.price-heading{display:block;text-align:center;max-width:850px;margin:0 auto 32px}
.prices .eyebrow{color:#98733a;letter-spacing:2.6px;margin-bottom:12px}
.price-heading h2{font-family:"Apple Chancery","URW Chancery L","Palatino Linotype",Georgia,serif;font-style:italic;color:var(--wine);font-size:clamp(38px,4.6vw,64px);letter-spacing:-1px;line-height:1.2}
.price-heading>p{max-width:530px;margin:18px auto 0;color:var(--muted);font-size:16px}
.price-table{border:1px solid #d7b77d;border-top:2px solid #c09b57;border-radius:5px;background:#fffdf8;box-shadow:0 8px 32px #b0873920;padding:10px 22px;overflow:visible}
.price-table thead{background:#f5e6c3}
.price-table thead th{color:#795025;border-bottom:2px solid #c7a466;font-family:Georgia,serif;font-size:18px;font-weight:400}
.price-table thead th span{color:#85663b}
.price-table th,.price-table td{border-bottom:1px solid #dfc997;padding:13px 15px}
.price-table th:first-child{width:42%}
.price-table tbody th{font-family:Georgia,serif;font-size:18px;color:#794721}
.price-table tbody td{font-family:Georgia,serif;font-size:19px;color:#794721;font-weight:400}
.price-table tbody tr:nth-child(even){background:#faf2df}
.price-table tbody tr:hover{background:#f7e9cf}
.price-table tbody td span{color:#a58a65}
.price-note{margin-top:24px;padding-top:18px;border-top:1px solid #d8bc84}
.price-note p,.price-note a{color:var(--muted)}.price-note a{color:var(--wine)}
.family{position:relative;isolation:isolate;background:#fffdf8;margin:0 22px;padding:75px 8%}
.family .eyebrow{color:#98733a}.family p:not(.eyebrow){color:var(--muted)}
.family h2{font-family:"Apple Chancery","URW Chancery L","Palatino Linotype",Georgia,serif;font-style:italic}
.visit{position:relative;isolation:isolate;background:linear-gradient(120deg,#f5e5ce,#f7e9e0);color:var(--ink);border:1px solid #dfc39a;border-radius:0 0 10px 10px}
.visit .eyebrow,.details h3{color:#8d632d}.visit p,.details p{color:var(--muted)}
.details{border-color:#d3b383}.details p.hours{color:var(--wine)}
.details a{color:var(--wine)}
footer{background:var(--paper)}footer>span,footer>a:last-child{color:var(--muted)}
@media(min-width:851px){.hero-copy{padding-left:7%;padding-right:6%}.hero-copy .lead{line-height:1.53}.hero-copy h1{font-size:clamp(38px,3.3vw,48px)}}
@media(max-width:850px){.price-table{padding:8px 12px}.prices{padding-top:50px}.family{padding:58px 6%}}
@media(max-width:620px){.hero,.family,.visit{margin-left:12px;margin-right:12px}.hero-copy{padding-left:7%;padding-right:7%}.hero-photo{border-left:0;border-top:1px solid var(--line)}.prices{padding:44px 6%}.price-heading{margin-bottom:26px}.price-heading>p{font-size:16px}.price-table{padding:0;overflow:hidden}.price-table tbody tr{border-bottom:1px solid #dfc997;padding:19px 14px}.price-table tbody th:first-child{font-size:18px;padding:0}.price-table tbody td{padding:0;font-size:19px}.price-table tbody td::before{font-family:Arial,sans-serif;color:#927750}.family{padding:50px 7%}.visit{padding:40px 7%}}
/* Reusable painted floral ornaments, echoing both printed price lists. */
.prices::before,.prices::after,.hero-copy::before,.family::after,.visit::after{content:"";position:absolute;width:170px;height:170px;background:url('floral-corner.png') no-repeat center/contain;pointer-events:none;z-index:-1}
.prices::before{top:14px;left:14px}
.prices::after{top:14px;right:14px;transform:scaleX(-1)}
.hero-copy::before{top:4px;left:4px;width:85px;height:85px;opacity:.65}
.family::after{right:10px;bottom:10px;width:145px;height:145px;transform:rotate(180deg);opacity:.55}
.visit::after{right:8px;bottom:8px;width:150px;height:150px;transform:rotate(180deg);opacity:.5}
@media(max-width:850px){.prices::before,.prices::after{width:105px;height:105px;top:10px}.family::after,.visit::after{width:95px;height:95px}}
@media(max-width:620px){.prices::before,.prices::after{width:65px;height:65px;top:6px;opacity:.85}.prices::before{left:5px}.prices::after{right:5px}.hero-copy::before{width:52px;height:52px;opacity:.45}.family::after,.visit::after{width:70px;height:70px}.price-heading h2{font-size:38px}.prices .eyebrow{font-size:11px;letter-spacing:1.6px}}
/* Closer to the white printed menu: clean white, red script and fine gold. */
:root{--wine:#990e13;--ink:#754610;--muted:#775c39;--gold:#c29a49;--line:#d8b26a;--paper:#fff;--cream:#fff;--blush:#fff}
body,header,footer{background:#fff}
header{border-bottom:1px solid #d8b26a;box-shadow:none}
header .brand,footer .brand{color:#990e13;font-family:"Apple Chancery","URW Chancery L","Brush Script MT",cursive;font-style:normal}
nav .nav-book{background:#990e13;border-color:#990e13;box-shadow:none;border-radius:2px}nav .nav-book:hover{background:#7b0a0f}
.hero,.visit{background:#fff;border-color:#d8b26a;border-radius:0}
.hero-copy .welcome-title{color:#754610;font-family:Georgia,serif}
.hero-copy h1,.family h2,.price-heading h2{font-family:"Apple Chancery","URW Chancery L","Brush Script MT",cursive;color:#990e13;font-style:normal}
.hero-copy h1 em{color:#990e13}
.hero-copy .lead,.family p:not(.eyebrow),.visit p{color:#715331}
.hero-copy .lead strong{color:#754610}
.hero-copy .intro-tagline{color:#91611b}
.hero-bottom{background:#fff;border-color:#d8b26a;color:#815419}
.hero-photo img{filter:none}
.prices,.family{background:#fff}
.prices{padding-top:75px}
.price-heading h2{font-size:clamp(42px,5vw,72px)}
.price-heading>p{color:#775c39}
.price-table{padding:0;border:0;border-radius:0;box-shadow:none;background:#fff}
.price-table thead{background:#fff}
.price-table th,.price-table td{padding:12px 10px;border-bottom:1px solid #cfa357}
.price-table thead th{border-bottom:1px solid #cfa357;color:#795015;font-size:20px}
.price-table thead th span{color:#795015}
.price-table tbody th{font-family:Georgia,serif;color:#754610;font-size:19px}
.price-table tbody td{color:#754610;font-size:21px}
.price-table tbody tr:nth-child(even){background:#fff}
.price-table tbody tr:hover{background:#fffaf0}
.price-table tbody tr:last-child th,.price-table tbody tr:last-child td{border-bottom:1px solid #cfa357}
.price-note{border-top:0;padding-top:0}
.prices::before,.prices::after{width:190px;height:190px;opacity:1;top:14px}
.family::after,.visit::after{opacity:1}
.hero-copy::before{opacity:1}
.details{border-color:#d8b26a}.details p.hours{color:#754610}.details h3,.visit .eyebrow{color:#91611b}
@media(max-width:850px){.prices::before,.prices::after{width:105px;height:105px}.prices{padding-top:60px}}
@media(max-width:620px){.prices::before,.prices::after{width:70px;height:70px;top:8px}.price-heading h2{font-size:40px}.price-table{border-top:1px solid #cfa357}.price-table tbody tr{border-bottom:1px solid #cfa357;padding:18px 8px}.price-table tbody tr:last-child th,.price-table tbody tr:last-child td{border-bottom:0}.price-table tbody tr:nth-child(even){background:#fff}.price-table tbody th:first-child{font-size:19px}.price-table tbody td{font-size:20px;padding:0}}
/* Stronger gold, red and pink from the white printed menu. */
:root{--wine:#a00008;--ink:#794b0d;--muted:#79572c;--gold:#d3a23b;--line:#d6ad59}
header .brand,footer .brand,.hero-copy h1,.hero-copy h1 em,.price-heading h2,.family h2,.visit h2{color:#a00008}
.hero-copy .welcome-title,.hero-copy .intro-tagline,.hero-copy .lead strong{color:#84530d}
.hero-copy .lead,.family p:not(.eyebrow),.visit p,.price-heading>p{color:#765322}
nav a{color:#794b0d}nav .nav-book{background:#a00008;border:1px solid #c49a41;box-shadow:inset 0 0 0 2px #ffffff20}
header,.hero,.visit,.hero-bottom{border-color:#d3a23b}
.hero-bottom{color:#855710;background:#fffcf5}
.price-table th,.price-table td,.price-table thead th{border-color:#d3a23b}
.price-table tbody th,.price-table tbody td,.price-table thead th{color:#80500d}
.prices .eyebrow,.family .eyebrow,.visit .eyebrow,.details h3{color:#986514}
.prices::before,.prices::after,.hero-copy::before,.family::after,.visit::after{filter:saturate(1.65) contrast(1.05);opacity:1;z-index:0}
.price-heading,.price-table,.price-note,.hero-copy>* ,.family>*,.visit>*{position:relative;z-index:1}
.prices::before,.prices::after{width:220px;height:220px;top:12px}
.prices::before{left:8px}.prices::after{right:8px}
.hero-copy::before{width:125px;height:125px;top:6px;left:6px}
.family::after,.visit::after{width:185px;height:185px;right:8px;bottom:8px}
.family{border-top:1px solid #e5c784}
.visit{background:linear-gradient(110deg,#fff 65%,#fff8f0)}
.details{border-color:#d3a23b}.details p.hours,.details a{color:#85500e}
@media(min-width:851px){.hero-copy{padding-left:10%}.family,.visit{padding-right:12%}.prices{padding-top:90px}.price-heading{max-width:65%}.price-table,.price-note{width:90%}}
@media(max-width:850px){.prices::before,.prices::after{width:125px;height:125px}.hero-copy::before{width:80px;height:80px}.family::after,.visit::after{width:110px;height:110px}}
@media(max-width:620px){.prices{padding-top:92px}.prices::before,.prices::after{width:95px;height:95px}.hero-copy::before{width:60px;height:60px}.hero-copy{padding-top:54px}.family::after,.visit::after{width:100px;height:100px}.family,.visit{padding-bottom:85px}}
/* Restore the original classic type for the header brand and hero headline. */
header .brand{font-family:Georgia,serif;font-style:normal;letter-spacing:-1px}
.hero-copy h1{font-family:Georgia,"Times New Roman",serif;font-style:normal;font-weight:400;letter-spacing:-1.5px}
.hero-copy h1 em{font-style:italic}

/* Matching floral ornaments in all four corners of the welcome text panel. */
.hero-copy .hero-flower{position:absolute;width:125px;height:125px;background:url('floral-corner.png') center/contain no-repeat;pointer-events:none;z-index:0;filter:saturate(1.65) contrast(1.05)}
.hero-copy .hero-flower-tr{top:6px;right:6px;transform:scaleX(-1)}
.hero-copy .hero-flower-bl{bottom:6px;left:6px;transform:scaleY(-1)}
.hero-copy .hero-flower-br{bottom:6px;right:6px;transform:rotate(180deg)}
@media(min-width:851px){.hero-copy{padding-right:10%;padding-bottom:42px}}
@media(max-width:850px){.hero-copy .hero-flower{width:80px;height:80px}.hero-copy{padding-bottom:48px}}
@media(max-width:620px){.hero-copy .hero-flower{width:60px;height:60px}}

/* Place all four ornaments directly around the price table. */
.prices::before,.prices::after{display:none}
.price-table{position:relative;isolation:isolate;overflow:visible}
.price-table .price-flower{position:absolute;width:125px;height:125px;background:url('floral-corner.png') center/contain no-repeat;filter:saturate(1.65) contrast(1.05);pointer-events:none;z-index:-1}
.price-flower-tl{top:-28px;left:-48px}
.price-flower-tr{top:-28px;right:-48px;transform:scaleX(-1)}
.price-flower-bl{bottom:-28px;left:-48px;transform:scaleY(-1)}
.price-flower-br{bottom:-28px;right:-48px;transform:rotate(180deg)}
.price-heading{margin-bottom:46px}
.price-note{margin-top:42px}
@media(max-width:620px){.price-table{width:calc(100% - 20px);margin-left:auto;margin-right:auto}.price-table .price-flower{width:62px;height:62px}.price-flower-tl{top:-20px;left:-23px}.price-flower-tr{top:-20px;right:-23px}.price-flower-bl{bottom:-20px;left:-23px}.price-flower-br{bottom:-20px;right:-23px}.price-heading{margin-bottom:36px}}
/* Larger floral frame with more space around the prices. */
.price-table .price-flower{width:250px;height:250px}
.price-flower-tl{top:-65px;left:-115px}
.price-flower-tr{top:-65px;right:-115px}
.price-flower-bl{bottom:-65px;left:-115px}
.price-flower-br{bottom:-65px;right:-115px}
.price-heading{margin-bottom:80px}
.price-note{margin-top:80px}
@media(max-width:1100px) and (min-width:621px){.price-table{width:calc(100% - 100px)}.price-flower-tl,.price-flower-bl{left:-85px}.price-flower-tr,.price-flower-br{right:-85px}}
@media(max-width:620px){.price-table .price-flower{width:124px;height:124px}.price-table{width:calc(100% - 40px)}.price-flower-tl{top:-38px;left:-40px}.price-flower-tr{top:-38px;right:-40px}.price-flower-bl{bottom:-38px;left:-40px}.price-flower-br{bottom:-38px;right:-40px}.price-heading{margin-bottom:58px}.price-note{margin-top:58px}}
/* More breathing room between the floral frame and the table text. */
.price-flower-tl{top:-85px;left:-140px}
.price-flower-tr{top:-85px;right:-140px}
.price-flower-bl{bottom:-85px;left:-140px}
.price-flower-br{bottom:-85px;right:-140px}
.price-heading{margin-bottom:100px}
.price-note{margin-top:100px}
@media(max-width:1100px) and (min-width:621px){.price-table{width:calc(100% - 140px)}.price-flower-tl,.price-flower-bl{left:-105px}.price-flower-tr,.price-flower-br{right:-105px}}
@media(max-width:620px){.price-table{width:calc(100% - 60px)}.price-flower-tl{top:-50px;left:-48px}.price-flower-tr{top:-50px;right:-48px}.price-flower-bl{bottom:-50px;left:-48px}.price-flower-br{bottom:-50px;right:-48px}.price-heading{margin-bottom:70px}.price-note{margin-top:70px}}

/* Match the existing lower-right ornament in every family-section corner. */
.family .family-flower{position:absolute;width:185px;height:185px;background:url('floral-corner.png') center/contain no-repeat;filter:saturate(1.65) contrast(1.05);pointer-events:none;z-index:0}
.family-flower-tl{top:8px;left:8px}
.family-flower-tr{top:8px;right:8px;transform:scaleX(-1)}
.family-flower-bl{bottom:8px;left:8px;transform:scaleY(-1)}
@media(max-width:850px){.family .family-flower{width:110px;height:110px}}
@media(max-width:620px){.family .family-flower{width:100px;height:100px}.family{padding-top:85px}}

/* Match the existing contact ornament in all four corners. */
.visit .visit-flower{position:absolute;width:185px;height:185px;background:url('floral-corner.png') center/contain no-repeat;filter:saturate(1.65) contrast(1.05);pointer-events:none;z-index:0}
.visit-flower-tl{top:8px;left:8px}
.visit-flower-tr{top:8px;right:8px;transform:scaleX(-1)}
.visit-flower-bl{bottom:8px;left:8px;transform:scaleY(-1)}
@media(max-width:850px){.visit .visit-flower{width:110px;height:110px}}
@media(max-width:620px){.visit .visit-flower{width:100px;height:100px}.visit{padding-top:85px}}
/* Clearer family captions and an open contact layout. */
.visit .details{border-left:0}
header .brand span{font-size:16px}
footer>span{font-size:16px}
.family>.eyebrow{font-size:16px;line-height:1.6}
@media(max-width:850px){header .brand span{font-size:15px}}
@media(max-width:620px){header .brand span{font-size:14px}.family>.eyebrow{font-size:15px}}
/* Warm, readable antique-gold text for prices, family and contact. */
.prices,.family,.visit{color:#886015}
.prices h2,.family h2,.visit h2{color:#946716}
.prices .eyebrow,.family>.eyebrow,.visit .eyebrow,.visit .details h3{color:#956a1b}
.price-heading>p,.price-note p,.price-note a,.family p:not(.eyebrow),.visit p,.visit .details p,.visit address,.visit .details a{color:#886015}
.price-table thead th,.price-table thead th span,.price-table tbody th,.price-table tbody td,.visit .details p.hours{color:#8d6113}
.price-table tbody td span{color:#967338}
/* Original red headings above the gold body text. */
.prices #prices-title,.family #family-title,.visit #visit-title{color:#a00008}
.visit #visit-title{font-family:"Apple Chancery","URW Chancery L","Brush Script MT",cursive;font-style:normal}
/* Background experiment: warm ivory. */
:root{--paper:#faf6ec;--cream:#faf6ec}
body,header,footer,.hero,.hero-bottom,.prices,.family,.visit,.price-table,.price-table thead,.price-table tbody tr:nth-child(even){background:#faf6ec}
.price-table tbody tr:hover{background:#f4ecda}
/* Matching gold side borders across the middle sections. */
.prices,.family{border-left:1px solid #d3a23b;border-right:1px solid #d3a23b}
/* End side rules before the next section, leaving a generous lower gap. */
.prices,.family,.visit{border-left:0;border-right:0;background-image:linear-gradient(#d3a23b,#d3a23b),linear-gradient(#d3a23b,#d3a23b);background-position:left top,right top;background-size:1px calc(100% - 3cm);background-repeat:no-repeat}
/* Inset gold rules: leave open corners and matching gaps at both ends. */
.prices{background-position:left center,right center;background-size:1px max(0px,calc(100% - 6cm))}
.family,.visit{border:0;background-image:linear-gradient(#d3a23b,#d3a23b),linear-gradient(#d3a23b,#d3a23b),linear-gradient(#d3a23b,#d3a23b),linear-gradient(#d3a23b,#d3a23b);background-position:left center,right center,center top,center bottom;background-size:1px max(0px,calc(100% - 6cm)),1px max(0px,calc(100% - 6cm)),max(0px,calc(100% - 6cm)) 1px,max(0px,calc(100% - 6cm)) 1px;background-repeat:no-repeat}
/* Remove the old full-width rule beneath the price section. */
.prices{border-bottom:0}
/* Open-ended rules on the home panel, matching the other sections. */
.hero{border-top:0;border-left:0;background-image:linear-gradient(#d3a23b,#d3a23b),linear-gradient(#d3a23b,#d3a23b);background-position:center top,left center;background-size:max(0px,calc(100% - 6cm)) 1px,1px max(0px,calc(100% - 6cm));background-repeat:no-repeat}
.hero-bottom{border-top:0;background-image:linear-gradient(#d3a23b,#d3a23b);background-position:center top;background-size:max(0px,calc(100% - 6cm)) 1px;background-repeat:no-repeat}
/* Draw the home rules within the text panel, with a gap at the photo too. */
header{border-bottom:0}
.hero{background-image:none;border-top:0;border-left:0}
.hero-copy{background-image:linear-gradient(#d3a23b,#d3a23b),linear-gradient(#d3a23b,#d3a23b),linear-gradient(#d3a23b,#d3a23b);background-position:center top,center bottom,left center;background-size:max(0px,calc(100% - 6cm)) 1px,max(0px,calc(100% - 6cm)) 1px,1px max(0px,calc(100% - 6cm));background-repeat:no-repeat}
.hero-bottom{border-top:0;background-image:none}
/* Remove the short outer edge connecting the photo to the bottom rule. */
.hero{border-right:0}
/* Slightly deeper warm ecru, preserving the decorative line backgrounds. */
:root{--paper:#f3ebda;--cream:#f3ebda}
body,header,footer,.hero,.hero-bottom,.prices,.family,.visit,.price-table,.price-table thead,.price-table tbody tr:nth-child(even){background-color:#f3ebda}
.price-table tbody tr:hover{background-color:#ebe0c9}
/* Match price column headings to the original red titles. */
.price-table thead th,.price-table thead th span{color:#a00008}
/* Slightly larger red price column headings. */
.price-table thead th{font-size:23px}
.price-table thead th span{font-size:14px}
/* Matching red typography for opening hours and phone number. */
.visit .details p.hours,.visit .details a.phone{font-family:Georgia,"Times New Roman",serif;font-size:28px;font-weight:400;font-style:normal;line-height:1.3;color:#a00008}
.visit .details a[href*="google.com/maps"]{color:#a00008}
.visit .details a[href*="google.com/maps"]{font-size:17px;font-weight:600}
.visit .details a[href*="google.com/maps"]{font-weight:400}

.visit .details h3.contact-label-emphasis{font-weight:500}
.visit .details h3,.visit .details h3.contact-label-emphasis{font-weight:600}
.visit .details h3{font-size:14px}
/* A fine gold frame around the salon photo. */
.hero-photo{border:1px solid #d3a23b;padding:5px;background-color:#f3ebda;box-shadow:0 3px 12px #79501518}
.hero-photo img{inset:5px;width:calc(100% - 10px);height:calc(100% - 10px);object-fit:cover;object-position:50% 45%}
@media(max-width:620px){.hero-photo{height:420px}.hero-photo img{object-position:50% 42%}}
/* Fill the inset around the photograph with the matching gold. */
.hero-photo{background-color:#d3a23b}
/* A slimmer gold inset around the photo. */
.hero-photo{padding:3px}
.hero-photo img{inset:3px;width:calc(100% - 6px);height:calc(100% - 6px)}