:root{--plum:#301632;--ink:#321e31;--cream:#f7f3ed;--gold:#d7b66d;--muted:#766b72}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #b88236;outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}p{line-height:1.7}.announcement{background:var(--plum);color:#f6ebd9;text-align:center;font-size:10px;letter-spacing:2.4px;padding:12px}header{display:flex;align-items:center;justify-content:space-between;padding:23px 5.2%;border-bottom:1px solid #ded5d8;gap:25px}.brand{display:flex;align-items:center;gap:13px}.brand img{width:58px;height:58px;border-radius:50%}.brand span{font:18px Georgia,serif;letter-spacing:2px}.brand small{display:block;font:9px Arial,sans-serif;letter-spacing:3.4px;margin-top:7px}nav{display:flex;gap:28px;font-size:12px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--plum);color:white;padding:20px 26px;font-size:12px;min-height:52px;transition:background .2s}.button:hover{background:#593351}.button span{font-size:19px}.button.small{padding:13px 20px;min-height:46px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:710px}.hero-copy{padding:67px 9% 24px 10.5%;display:flex;flex-direction:column}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600}.eyebrow span{display:inline-block;width:24px;height:1px;background:#b78a42;vertical-align:middle;margin-right:10px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(70px,7.3vw,118px);letter-spacing:-5px;line-height:.99;margin:30px 0 24px}em{font-weight:400;color:#936d3c}h1 em{font-size:1.02em}.intro{max-width:360px;font-size:14px;color:var(--muted);margin:0 0 27px}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.text-link{font-size:12px;padding:10px 0;border-bottom:1px solid #b8a7ab;display:inline-flex;gap:20px;align-items:center}.hero-foot{margin-top:auto;padding-top:49px;display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:1.3px;color:var(--muted)}.hero-art{position:relative;min-height:680px;background:#d9b8c1;overflow:hidden}.hero-art>img{position:absolute;object-position:50% 38%}.vertical{position:absolute;right:17px;top:25px;writing-mode:vertical-rl;letter-spacing:3px;font-size:9px;color:#fff;text-shadow:0 1px 5px #000}.image-note{position:absolute;bottom:30px;left:30px;right:30px;background:rgba(41,17,39,.92);padding:25px 28px;color:#fff}.image-note>span{font-size:9px;letter-spacing:2px;color:#dfc493}.image-note p{font:32px/1.12 Georgia,serif;margin:12px 0 0}.image-note a{position:absolute;bottom:27px;right:27px;font-size:28px;color:var(--gold)}.ribbon{display:flex;align-items:center;justify-content:space-around;gap:20px;padding:25px;background:#eee6da;border-bottom:1px solid #ded5c8;font-size:10px;letter-spacing:2px}.ribbon i{color:#997542;font-size:20px}.section{padding:85px 7%}.section-top{display:flex;justify-content:space-between;align-items:center;gap:18px}.section-number{font-size:9px;letter-spacing:1.6px;color:var(--muted)}.split-title{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:21px 0 45px}h2{font-size:clamp(43px,4.7vw,72px);line-height:1.06;letter-spacing:-2px;margin:0}.split-title>p{font-size:13px;color:var(--muted);max-width:340px;margin:0 0 5px}.offerings{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cfc2c7;border-bottom:1px solid #cfc2c7}.offerings>a{padding:28px 28px 32px 0}.offerings>a+a{border-left:1px solid #cfc2c7;padding-left:30px}.offerings>a>span{font-size:10px;color:#8d724d}.offerings h3{font-size:36px;line-height:1.1;margin:25px 0 16px;letter-spacing:-1px}.offerings p{font-size:13px;color:var(--muted);max-width:260px;min-height:45px}.offerings b{display:block;font-size:11px;font-weight:500;margin-top:27px}.offerings a:hover h3{color:#98703d}.looks{background:#eee8e3}.gallery{display:grid;grid-template-columns:1.1fr .85fr 1.1fr;gap:25px;align-items:start}.gallery figure{margin:0}.gallery figure:nth-child(2){padding-top:70px}.gallery img{height:auto;aspect-ratio:3/4;object-fit:cover}.gallery figcaption{font-size:9px;letter-spacing:1.5px;margin-top:17px}.gallery-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:35px}.gallery-footer p{font:20px Georgia,serif}.visit{display:grid;grid-template-columns:1fr 1fr;background:var(--plum);color:var(--cream)}.shop-photo{position:relative;min-height:600px}.shop-photo img{position:absolute;object-position:50% 50%}.shop-photo span{position:absolute;bottom:25px;left:25px;background:var(--cream);color:var(--ink);padding:13px 18px;font-size:9px;letter-spacing:1.5px}.visit-copy{padding:70px 12%}.visit h2{margin:30px 0 25px;font-size:62px}.visit em{color:#e0bd79}.visit-copy>p:not(.eyebrow){font-size:13px;color:#d1c3d0}.gold{background:var(--gold);color:var(--plum);margin-top:14px}.gold:hover{background:#ecd3a0}.contact-row{display:flex;gap:40px;margin-top:42px;border-top:1px solid #73576d;padding-top:25px}.contact-row small{display:block;font-size:8px;letter-spacing:1.8px;color:#c9af88;margin-bottom:13px}.contact-row a{font-size:13px}.visit-copy .visit-tip{font-size:10px!important;margin-top:27px}.shop-online{text-align:center;padding-top:90px;padding-bottom:90px}.shop-online h2{margin:24px 0 30px}.outline{background:transparent;border:1px solid var(--plum);color:var(--plum)}.outline:hover{color:white}footer{padding:40px 5%;border-top:1px solid #d6cbd0;display:flex;align-items:center;justify-content:space-between;gap:20px}footer p{font:italic 19px Georgia,serif}footer>a:not(.brand){font-size:12px}footer>small{font-size:9px;color:var(--muted)}.preview-note{background:#e9e0e8;font-size:9px;text-align:center;padding:9px;letter-spacing:.7px}@media(min-width:1600px){main,header,footer{max-width:1800px;margin:auto}}@media(max-width:1000px){header{padding:18px 5%}nav{gap:16px}nav a:last-child{display:none}.hero-copy{padding-top:45px}h1{font-size:84px}.hero{min-height:660px}.hero-art{min-height:660px}.visit-copy{padding:55px 9%}.visit h2{font-size:48px}.contact-row{gap:22px;flex-wrap:wrap}footer{flex-wrap:wrap}}@media(max-width:650px){.announcement{font-size:8px;letter-spacing:1px;padding:10px 12px}.brand img{width:44px;height:44px}.brand span{font-size:13px;letter-spacing:1.3px}.brand small{font-size:7px;letter-spacing:2px}header{gap:12px;flex-wrap:wrap}header>.button{font-size:10px;gap:15px;padding:10px 13px}nav{order:3;width:100%;justify-content:space-between;padding-top:14px;border-top:1px solid #ddd0d8;font-size:11px}nav a:last-child{display:block}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:35px 7% 25px}.eyebrow{font-size:8px;letter-spacing:1.4px}h1{font-size:85px;letter-spacing:-4px;margin-top:24px}.intro{font-size:13px;max-width:330px}.button{padding:17px 21px}.hero-foot{padding-top:30px;font-size:7px}.hero-art{min-height:570px}.image-note{left:20px;right:20px;bottom:20px;padding:22px}.image-note p{font-size:28px}.ribbon{padding:20px 13px;font-size:8px;letter-spacing:1px;gap:12px}.ribbon span:last-of-type,.ribbon i:last-child{display:none}.section{padding:55px 7%}.section-number{font-size:7px}.split-title{display:block;margin:22px 0 30px}h2{font-size:48px}.split-title>p{margin-top:24px;font-size:12px}.offerings{display:block}.offerings>a{display:block;padding:25px 0!important}.offerings>a+a{border-left:0;border-top:1px solid #cfc2c7}.offerings h3{font-size:34px;margin-top:14px}.offerings p{max-width:none;min-height:0}.offerings b{margin-top:18px}.gallery{grid-template-columns:1fr 1fr;gap:18px}.gallery figure:nth-child(2){padding-top:45px}.gallery figure:last-child{grid-column:1/3;width:75%;margin:12px auto 0}.gallery figcaption{font-size:7px;line-height:1.5}.gallery-footer{display:block;margin-top:28px}.gallery-footer p{font-size:19px;line-height:1.4}.visit{display:flex;flex-direction:column}.shop-photo{min-height:370px}.visit-copy{padding:45px 7%}.visit h2{font-size:50px}.contact-row{justify-content:space-between;gap:15px}.shop-online h2{font-size:44px}footer{padding:30px 7%;display:grid;grid-template-columns:1fr}footer p{margin:3px 0}footer>small{margin-top:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Retail and salon experiences */
.hero-art:has(>img[src="assets/shop.jpeg"])>img{object-position:50% 50%}.retail-edit{background:#eee8e3}.retail-details{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid #cebec7;padding-top:30px}.retail-details span{font-size:9px;letter-spacing:1.6px;color:#80664b}.retail-details h3{font-size:30px;margin:20px 0 12px}.retail-details p{font-size:13px;color:var(--muted)}.salon-teaser{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#e8dee6;padding:30px 7%}.salon-teaser p{font:24px Georgia,serif}.salon-page{background:#29132b;color:#f6eee6}.salon-page header{border-color:#64445e}.salon-page .hero-copy{background:#29132b}.salon-page .hero-copy .intro,.salon-page .hero-foot{color:#d0bfcc}.salon-page h1 em,.salon-page h2 em{color:#e1bd79}.salon-page .looks{background:#f3ede7;color:var(--ink)}.salon-page .looks h2 em{color:#936d3c}.salon-page .booking{text-align:center;background:radial-gradient(ellipse at top,#52314d,#28112a);padding:100px 7%}.booking h2{margin:24px 0}.booking>p{max-width:480px;margin:20px auto;color:#d7c6d1;font-size:14px}.booking .booking-status{font-size:11px;margin-top:25px}.salon-page footer{border-color:#64445e}.salon-page footer>small{color:#cdbbcb}@media(max-width:650px){.retail-details{grid-template-columns:1fr;gap:25px}.retail-details>div+div{border-top:1px solid #d1c2cc;padding-top:25px}.salon-teaser{display:block;padding:25px 7%}.salon-teaser p{font-size:22px}.salon-page h1{font-size:73px}.salon-page .booking{padding:65px 7%}}
@media(min-width:651px) and (max-width:1000px){h1{font-size:clamp(48px,6.7vw,72px);letter-spacing:-3px}.salon-page h1{font-size:clamp(48px,6.7vw,72px)}}@media(max-width:650px){h1{font-size:66px;letter-spacing:-3px}}

.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product-photo{height:290px;background:white;overflow:hidden;padding:25px}.product-photo img{object-fit:contain}.product-card small{display:block;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;margin-top:23px;color:#87653b}.product-card h3{font-size:24px;line-height:1.2;margin:12px 0 16px}.product-card>span{font-size:11px;border-bottom:1px solid #bea9b4;padding-bottom:7px;display:inline-block}.stock-note{font-size:11px;color:var(--muted);margin-top:35px}.braid-section{background:#ece5df}.braid-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.braid-grid .product-photo{height:360px}.extension-campaign{display:grid;grid-template-columns:1fr 1.2fr;background:#321631;color:#f9f2e9;padding:65px 7%;gap:50px}.campaign-copy h2{margin:25px 0;font-size:61px}.campaign-copy h2 em{color:#e3bf7a}.campaign-copy>p:not(.eyebrow){color:#d7c3d2;font-size:13px;max-width:360px}.campaign-products{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.campaign-products>a{background:#eee4db;padding:22px 14px;color:var(--ink)}.campaign-products img{height:320px;object-fit:contain;background:#fff}.campaign-products span{display:block;font-size:9px;letter-spacing:1px;line-height:1.6;margin-top:19px}.campaign-products>a:nth-child(2){transform:translateY(30px)}.campaign-salon{display:block;font-size:12px;margin-top:23px;text-decoration:underline;text-underline-offset:5px}.salon-intro{text-align:center}.salon-intro>p:not(.eyebrow){max-width:600px;margin:25px auto;color:#d2bfcd;font-size:14px}.salon-intro h2{margin-top:25px}@media(max-width:1000px){.product-grid{grid-template-columns:repeat(2,1fr);gap:35px 20px}.extension-campaign{grid-template-columns:1fr;gap:25px}.campaign-products{margin:5px 0 30px}.campaign-copy h2{font-size:54px}.braid-grid .product-photo{height:280px}}@media(max-width:650px){.product-photo{height:210px;padding:16px}.product-card h3{font-size:21px}.product-card small{font-size:8px;line-height:1.5}.product-card>span{font-size:10px}.braid-grid{grid-template-columns:1fr 1fr;gap:30px 18px}.braid-grid>a:last-child{grid-column:1/3;max-width:70%;justify-self:center;width:100%}.braid-grid .product-photo{height:250px}.extension-campaign{padding:45px 7%}.campaign-copy h2{font-size:49px}.campaign-products{gap:13px}.campaign-products img{height:220px}.campaign-products>a{padding:12px 9px}.campaign-products span{font-size:8px}.salon-intro h2{font-size:43px}}

.retail-hero{background:#e8dfd5;display:flex;align-items:center;justify-content:center}.hero-products{display:grid;grid-template-columns:1fr 1fr;width:86%;gap:18px;padding-bottom:130px}.hero-products img{height:260px;object-fit:contain;background:white;padding:22px;box-shadow:0 12px 25px #32163112}.hero-products img:nth-child(2){transform:translateY(45px)}.hero-products img:last-child{grid-column:1/3;width:62%;height:200px;justify-self:center;object-fit:cover;object-position:center 44%;padding:0}.retail-hero .vertical{color:#644d54;text-shadow:none}@media(max-width:1000px){.hero-products img{height:220px}.hero-products img:last-child{height:160px}}@media(max-width:650px){.hero-products{padding-top:40px;padding-bottom:175px}.hero-products img{height:210px}.hero-products img:last-child{height:170px}.retail-hero{min-height:650px}}

.salon-services{display:grid;grid-template-columns:repeat(3,1fr);text-align:left;gap:0 35px;margin-top:50px}.salon-services>a{border-top:1px solid #70516a;padding:25px 0}.salon-services span{font-size:9px;color:var(--gold)}.salon-services h3{font-size:30px;margin:15px 0 10px}.salon-services p{font-size:12px;color:#d2bfcd;margin:0}@media(max-width:650px){.salon-services{grid-template-columns:1fr 1fr;gap:0 20px}.salon-services h3{font-size:25px}}

.hero-products img:last-child{object-fit:contain;object-position:center;padding:12px;background:#fff}.product-photo:has(img[src="assets/gummy-pro.png"]){padding:0}.product-photo:has(img[src="assets/ors-pro.jpg"]){padding:10px}.hero-products img[src="assets/ors-pro.jpg"]{padding:0}
.hero-products img{object-fit:cover;padding:0}.hero-products img:last-child{object-fit:cover;padding:0}.product-photo:has(img[src="assets/ors-pro.jpg"]) img,.product-photo:has(img[src="assets/island-pro.webp"]) img{object-fit:cover}.hero-products img:nth-child(2){transform:translateY(45px)}
