/* Reference-led composition: centered masthead, two catalog navigation rows,
   one full-width image banner within the same 1180px content grid. */
.reference-header{background:#fff}.reference-top{height:40px;display:flex;align-items:center;justify-content:space-between;gap:24px}.reference-top nav{display:flex;gap:24px}.reference-top nav a{font-size:13px;color:#726e66;text-decoration:none}.reference-top nav a:hover{color:var(--accent)}.reference-top .language{margin:0}.reference-brand-row{height:100px;display:grid;grid-template-columns:1fr 380px 1fr;align-items:center;gap:20px}.reference-brand-row .logo{justify-self:center;display:flex;flex-direction:column;gap:0}.reference-brand-row .logo img{width:225px;height:auto}.reference-brand-row .logo span{font-size:13px;color:#77726a;letter-spacing:.035em}.reference-contact>span{font-size:13px;letter-spacing:.05em;color:#837c71;display:block;margin-bottom:8px}.reference-contact button,.reference-tools button,.reference-tools a{display:flex;align-items:center;gap:10px;border:0;background:none;color:#45453f;font-size:13px;cursor:pointer;padding:0;text-decoration:none}.reference-contact button .icon{width:18px;height:18px}.reference-tools{justify-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:16px}.reference-tools .icon{width:18px;height:18px}.reference-tools>a{position:relative}.reference-tools #header-cart-count{position:static;display:inline-block;min-width:18px;font-size:13px}.reference-main-nav{height:52px;display:flex;align-items:center;justify-content:center;gap:120px;border-bottom:1px solid #cecac2}.reference-main-nav a,.reference-main-nav button{display:flex;align-items:center;gap:10px;font-family:Inter,sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;color:#514e48;text-decoration:none;background:none;border:0;cursor:pointer;padding:12px 0}.reference-main-nav .icon{width:16px;height:16px}.reference-categories{height:64px;padding:12px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px}.reference-categories a{display:flex;align-items:center;justify-content:center;text-align:center;background:#eeeae3;color:#514e48;font-size:13px;text-decoration:none;padding:10px 16px;transition:background .2s}.reference-categories a:hover{background:#dbd4c7;color:#292923}.reference-header .mega-menu{top:192px;max-height:calc(100dvh - 192px)}
.reference-hero.art-hero{width:calc(100% - 48px);max-width:1180px;margin:0 auto;background:#fff;height:calc(min(100svh,1080px) - 256px);overflow:visible;display:flex;flex-direction:column}.reference-banner{position:relative;flex:1;min-height:0;overflow:hidden;background:#92897a}.reference-hero .hero-slide{inset:0}.reference-hero-image{width:100%;height:100%;object-fit:cover;object-position:50% 53%;display:block}.reference-banner-shade{position:absolute;inset:0;background:linear-gradient(90deg,#15170f12,#15170f75 32%,#15170f75 68%,#15170f12),linear-gradient(0deg,#14160f45,transparent 35%)}.reference-hero-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 88px 72px;text-align:center;color:#fff}.reference-hero-copy .eyebrow{color:#f3efe5;font-size:13px;letter-spacing:.18em;margin-bottom:24px}.reference-hero-copy h1,.reference-hero-copy h2{font-size:49px;font-weight:400;line-height:1.17;letter-spacing:-.04em;color:#fff;margin:0 0 24px;max-width:760px;text-wrap:balance}.reference-hero-copy p{font-size:16px;line-height:1.65;color:#f7f4ec;margin:0 0 28px;max-width:560px}.reference-hero-copy .btn{padding:16px 28px;gap:20px;background:#fff;color:#34342e;border:1px solid #fff}.reference-hero-copy .btn:hover{background:#ece7de}.reference-collection-label{position:absolute;bottom:24px;right:28px;color:#fff;font-size:13px;text-decoration:none;border-bottom:1px solid #ffffff80;padding-bottom:4px}.reference-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;border:1px solid #ffffff70;border-radius:999px;background:#ffffffdc;color:#36372e;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer}.reference-slider-arrow:hover{background:white}.reference-slider-arrow.previous{left:24px}.reference-slider-arrow.next{right:24px}.reference-slider-footer{height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;position:relative;color:#7c766c;font-size:13px}.reference-slider-footer>.hero-slider__dots{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:10px}.reference-hero .slider-dot{width:24px;height:32px;display:block;padding:0;background:none;border:0}.reference-hero .slider-dot:after{width:7px;height:7px;left:8px;right:auto;top:12px;transform:rotate(45deg);background:transparent;border:1px solid #8b8377}.reference-hero .slider-dot.is-active:after{background:#68695b;border-color:#68695b}.reference-slider-footer>.slide-counter{color:#34342e}.home-page .promise-strip{background:#fff}.reference-header .mobile-menu-button{display:none}
@media(max-width:1000px){.reference-brand-row{grid-template-columns:1fr 300px 1fr}.reference-brand-row .logo img{width:280px}.reference-top nav{gap:18px}.reference-contact button{max-width:190px;text-align:left}.reference-contact>span{font-size:13px;letter-spacing:0}.reference-main-nav{gap:72px}.reference-categories a{padding-inline:8px}.reference-hero-copy h1,.reference-hero-copy h2{font-size:39px}}
@media(max-height:760px) and (min-width:769px){.reference-hero-copy{padding-block:24px 40px}.reference-hero-copy .eyebrow{margin-bottom:16px}.reference-hero-copy h1,.reference-hero-copy h2{font-size:39px;margin-bottom:16px}.reference-hero-copy p{margin-bottom:20px}.reference-hero-copy .btn{padding-block:12px}.reference-collection-label{bottom:16px}}
@media(max-width:768px){.reference-top{height:36px;justify-content:flex-end}.reference-top nav{display:none}.reference-brand-row{height:80px;grid-template-columns:36px 1fr 36px;gap:8px}.reference-contact{display:none}.reference-brand-row .logo{grid-column:2;grid-row:1}.reference-brand-row .logo img{width:230px}.reference-brand-row .logo span{font-size:13px;letter-spacing:-.035em;white-space:nowrap}.reference-tools{grid-column:3;grid-row:1}.reference-tools>a{font-size:0;gap:0}.reference-tools #header-cart-count{position:absolute;right:-8px;top:-10px}.reference-tools button{display:none}.reference-header .mobile-menu-button{display:flex;grid-column:1;grid-row:1;width:36px;height:36px}.reference-main-nav{height:48px;gap:0;justify-content:space-between}.reference-main-nav a,.reference-main-nav button{font-size:13px;text-transform:none;gap:5px}.reference-categories{height:92px;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 0;gap:2px}.reference-categories a{font-size:13px;padding:8px 4px}.reference-header .mobile-navigation.is-open{top:116px;z-index:3}.reference-header .mega-menu{top:164px;max-height:calc(100dvh - 164px)}.reference-hero.art-hero{width:calc(100% - 40px);height:calc(min(100svh,1080px) - 256px)}.reference-hero-copy{padding:40px 28px 64px}.reference-hero-copy .eyebrow{font-size:13px;letter-spacing:.06em;margin-bottom:20px;max-width:250px}.reference-hero-copy h1,.reference-hero-copy h2{font-size:31px;margin-bottom:20px;line-height:1.18;letter-spacing:-.045em}.reference-hero-copy p{font-size:13px;line-height:1.6;margin-bottom:24px}.reference-hero-copy p br{display:none}.reference-hero-copy .btn{padding:13px 20px;font-size:13px}.reference-banner-shade{background:linear-gradient(90deg,#13160f60,#13160f85,#13160f60)}.reference-slider-arrow{width:32px;height:32px;top:auto;bottom:16px;transform:none;background:transparent;color:white}.reference-slider-arrow.previous{left:16px}.reference-slider-arrow.next{right:auto;left:56px}.reference-slider-arrow .icon{width:20px;height:20px}.reference-collection-label{bottom:21px;right:16px;font-size:13px}.reference-slider-footer{height:40px}.reference-slider-footer>span:first-child{display:none}.reference-slider-footer>span:last-child{margin-left:auto}.reference-slider-footer>.hero-slider__dots{position:static;transform:none;gap:8px}.reference-hero .slider-dot:after{background:transparent;border-color:#8b8377}.reference-hero .slider-dot.is-active:after{background:#68695b}.reference-hero-image{object-position:50% 50%}}
@media(max-width:380px){.reference-brand-row .logo img{width:190px}.reference-brand-row .logo span{font-size:13px;letter-spacing:-.07em}.reference-hero-copy{padding:20px 20px 60px}.reference-hero-copy h1,.reference-hero-copy h2{font-size:25px;margin-bottom:16px}.reference-hero-copy .eyebrow{margin-bottom:12px}.reference-main-nav button{gap:2px}.reference-main-nav .icon{width:13px}}
@media(max-height:700px){.reference-hero-copy .eyebrow{display:none}.reference-hero-copy p{display:none}.reference-hero-copy h1,.reference-hero-copy h2{font-size:31px}.reference-hero-copy{padding-block:20px 64px}}
@media(max-height:600px) and (max-width:768px){.reference-hero-copy h1,.reference-hero-copy h2{font-size:25px}.reference-hero-copy .btn{min-height:40px;padding:10px 16px}.reference-hero-copy{padding:16px 16px 52px}.reference-collection-label{max-width:140px}.reference-hero-copy h1,.reference-hero-copy h2{margin-bottom:12px}}
@media(max-width:380px){.reference-categories{height:108px;grid-template-rows:repeat(2,minmax(0,1fr))}.reference-categories a{padding:4px;line-height:17px}.reference-hero.art-hero{height:calc(min(100svh,1080px) - 272px)}.reference-collection-label{max-width:132px;line-height:1.4}}
.reference-header .mobile-navigation>button{border:0;background:none;padding:0;text-align:left;font-size:16px;color:var(--c-ink);cursor:pointer}
@media(max-width:768px){.reference-brand-row{grid-template-columns:28px minmax(0,1fr) 28px}.reference-brand-row .logo{min-width:0;max-width:100%}.reference-brand-row .logo img{max-width:100%}.reference-brand-row .logo span{white-space:normal;text-align:center;line-height:1.3}.reference-tools{min-width:0}.reference-header .mobile-menu-button{width:28px}}
/* A deliberate hierarchy: company links, brand/service row, one catalog row. */
.reference-top{border-bottom:1px solid #ece9e3}.reference-top nav{gap:28px}.reference-brand-row{height:96px}.reference-main-nav{height:64px;justify-content:space-between;gap:24px;border:0}.reference-main-nav a,.reference-main-nav button{text-transform:none;font-size:13px;white-space:nowrap}.reference-main-nav #mega-menu-trigger{background:#30342b;color:#fff;border-radius:999px;padding:13px 20px;gap:18px}.reference-main-nav a:hover{color:var(--accent)}.reference-header .mega-menu{top:200px;max-height:calc(100dvh - 200px)}.reference-hero.art-hero{height:calc(min(100svh,1080px) - 200px);position:relative}.reference-banner{height:100%;flex:none}.reference-banner-shade{background:linear-gradient(90deg,#171b13bd 0%,#171b138c 38%,#171b130a 78%),linear-gradient(0deg,#171b1370,transparent 25%)}.reference-hero-copy{align-items:flex-start;text-align:left;padding:64px 80px 120px;justify-content:center}.reference-hero-copy h1,.reference-hero-copy h2{max-width:560px;font-size:49px;line-height:1.15;text-wrap:initial}.reference-hero-copy p{max-width:460px}.reference-hero-copy .eyebrow{font-size:13px;letter-spacing:.09em}.reference-hero-copy .btn{margin-top:4px}.reference-slider-footer{position:absolute;left:80px;right:80px;bottom:32px;height:40px;color:white;justify-content:flex-start;gap:24px;pointer-events:none}.reference-slider-footer .slider-note{display:none}.reference-slider-footer>.hero-slider__dots{position:static;transform:none;gap:4px;pointer-events:auto}.reference-slider-footer>span:last-child{font-size:13px;color:#e3e5df;letter-spacing:.1em}.reference-hero .slider-dot{width:32px;height:40px}.reference-hero .slider-dot:after{width:8px;height:8px;top:16px;left:12px;transform:none;background:transparent;border:1px solid #fff}.reference-hero .slider-dot.is-active:after{background:#fff;border-color:#fff}.reference-slider-arrow{top:auto;bottom:32px;transform:none;width:44px;height:44px;background:#ffffff15;color:white;border:1px solid #ffffff80}.reference-slider-arrow.previous{left:auto;right:136px}.reference-slider-arrow.next{left:auto;right:80px}.reference-slider-arrow:hover{background:white;color:#292923}.reference-tools{flex-direction:row;gap:24px;align-items:center}.reference-contact>span{font-size:13px;letter-spacing:.035em}.reference-contact button{font-size:13px}.reference-brand-row .logo img{width:225px}.reference-hero .hero-slide .reference-hero-image{object-position:center}.reference-hero-copy .btn:focus-visible,.reference-slider-arrow:focus-visible,.reference-hero .slider-dot:focus-visible{outline-color:white!important}
@media(max-width:1000px){.reference-main-nav{gap:16px}.reference-main-nav #mega-menu-trigger{padding:12px 16px;gap:8px}.reference-brand-row{grid-template-columns:1fr 300px 1fr}.reference-tools{gap:16px}.reference-hero-copy{padding-left:48px;padding-right:48px}.reference-hero-copy h1,.reference-hero-copy h2{font-size:39px;max-width:470px}.reference-slider-footer{left:48px;right:48px}.reference-slider-arrow.next{right:48px}.reference-slider-arrow.previous{right:104px}}
@media(max-width:768px){.reference-top{height:36px}.reference-brand-row{height:80px;grid-template-columns:28px minmax(0,1fr) 28px}.reference-brand-row .logo img{width:230px}.reference-tools{display:block}.reference-tools button{display:none}.reference-main-nav{height:64px;gap:16px;overflow-x:auto;scrollbar-width:none;justify-content:flex-start}.reference-main-nav::-webkit-scrollbar{display:none}.reference-main-nav>a,.reference-main-nav>button{flex-shrink:0}.reference-header .mega-menu{top:180px;max-height:calc(100dvh - 180px)}.reference-hero.art-hero{height:calc(min(100svh,1080px) - 180px)}.reference-hero-copy{padding:40px 28px 104px;justify-content:center;align-items:flex-start;text-align:left}.reference-hero-copy h1,.reference-hero-copy h2{font-size:31px;line-height:1.2;margin-bottom:20px;max-width:100%}.reference-hero-copy .eyebrow{font-size:13px;line-height:1.6;letter-spacing:.055em;max-width:260px;margin-bottom:20px}.reference-hero-copy p{font-size:13px;line-height:1.7;margin-bottom:24px}.reference-hero-copy .btn{padding:14px 20px}.reference-banner-shade{background:linear-gradient(90deg,#171b13b3,#171b1370),linear-gradient(0deg,#171b1370,transparent 40%)}.reference-slider-footer{left:20px;right:20px;bottom:24px;height:40px;gap:8px}.reference-slider-footer>span:last-child{margin-left:0}.reference-slider-arrow{width:36px;height:36px;bottom:26px}.reference-slider-arrow.next{right:24px}.reference-slider-arrow.previous{right:68px}.reference-slider-footer>.hero-slider__dots{gap:0}.reference-hero .slider-dot:after{background:transparent;border-color:#fff}.reference-hero .slider-dot.is-active:after{background:#fff}.reference-main-nav a{font-size:13px}.reference-header .mobile-navigation.is-open{top:116px}}
@media(max-width:380px){.reference-brand-row .logo img{width:190px}.reference-hero.art-hero{height:calc(min(100svh,1080px) - 180px)}.reference-hero-copy{padding:24px 24px 84px}.reference-hero-copy h1,.reference-hero-copy h2{font-size:25px}.reference-slider-footer{left:12px;gap:4px}.reference-slider-arrow.next{right:20px}.reference-slider-arrow.previous{right:62px}.reference-slider-footer>span:last-child{letter-spacing:0}.reference-hero .slider-dot{width:28px}.reference-hero .slider-dot:after{left:10px}}
@media(max-height:700px){.reference-hero-copy .eyebrow{display:block;margin-bottom:16px}.reference-hero-copy p{display:none}.reference-hero-copy{padding-top:24px;padding-bottom:96px}.reference-hero-copy h1,.reference-hero-copy h2{font-size:31px}}
@media(max-height:620px) and (max-width:768px){.reference-hero-copy .eyebrow{display:none}.reference-hero-copy h1,.reference-hero-copy h2{font-size:25px}.reference-hero-copy{padding-top:24px;padding-bottom:96px}}
/* Centered editorial hero; compact rounded catalog navigation. */
.reference-top{height:40px}.header-salons{font-size:13px;color:#726e66;text-decoration:none}.header-salons:hover{color:var(--accent)}.reference-brand-row{height:80px}.reference-contact button{border:1px solid #dedbd3;border-radius:999px;padding:12px 16px;gap:10px;white-space:nowrap}.reference-contact button:hover{background:#f3f0ea}.reference-brand-row .logo img{width:225px}.reference-main-nav{height:64px;gap:8px;padding:0 0 12px;display:grid;grid-template-columns:180px repeat(4,minmax(0,1fr));align-items:center}.reference-main-nav a,.reference-main-nav #mega-menu-trigger{height:44px;min-height:44px;justify-content:center;border-radius:999px;padding:12px 16px;font-size:13px;line-height:20px;border:1px solid transparent}.reference-main-nav a{background:#f1eee8;color:#514d45}.reference-main-nav a:hover{background:#e4dfd5;color:#292923;border-color:#d3cbbd;text-decoration:none}.reference-main-nav #mega-menu-trigger{background:#30342b;gap:16px}.reference-main-nav #mega-menu-trigger:hover,.reference-main-nav #mega-menu-trigger[aria-expanded="true"]{background:#505645}.reference-header .mega-menu{top:184px;max-height:calc(100dvh - 184px)}.reference-hero.art-hero{height:calc(min(100svh,1080px) - 184px)}.reference-hero-copy{align-items:center;text-align:center;padding:48px 80px 112px}.reference-hero-copy h1,.reference-hero-copy h2{max-width:760px;font-size:49px;text-wrap:balance}.reference-hero-copy p{max-width:560px}.reference-hero-copy .eyebrow{max-width:none}.reference-banner-shade{background:linear-gradient(90deg,#171b1326,#171b137d 32%,#171b137d 68%,#171b1326),linear-gradient(0deg,#171b1370,transparent 30%)}
@media(max-width:1000px){.reference-main-nav{grid-template-columns:150px repeat(4,minmax(0,1fr));gap:6px}.reference-main-nav a,.reference-main-nav #mega-menu-trigger{padding:10px 8px;white-space:normal;text-align:center;line-height:17px;height:46px}.reference-contact button{font-size:13px;padding:10px 12px;white-space:normal}.reference-brand-row{grid-template-columns:1fr 280px 1fr}.reference-brand-row .logo img{width:270px}.reference-hero-copy h1,.reference-hero-copy h2{font-size:39px}}
@media(max-width:768px){.reference-top{display:none}.reference-brand-row{height:80px;grid-template-columns:28px minmax(0,1fr) 28px}.reference-brand-row .logo img{width:230px}.reference-main-nav{display:flex;height:64px;gap:8px;padding-bottom:12px;overflow-x:auto}.reference-main-nav a,.reference-main-nav #mega-menu-trigger{height:44px;white-space:nowrap;padding:12px 18px;flex-shrink:0}.reference-header .mobile-navigation.is-open{top:80px}.reference-header .mega-menu{top:144px;max-height:calc(100dvh - 144px)}.reference-hero.art-hero{height:calc(min(100svh,1080px) - 144px)}.reference-hero-copy{align-items:center;text-align:center;padding:40px 24px 104px}.reference-hero-copy h1,.reference-hero-copy h2{font-size:31px;max-width:100%;text-wrap:balance}.reference-hero-copy .eyebrow{max-width:260px}.reference-banner-shade{background:linear-gradient(90deg,#171b1366,#171b138c,#171b1366),linear-gradient(0deg,#171b1370,transparent 30%)} }
@media(max-width:380px){.reference-brand-row .logo img{width:190px}.reference-hero.art-hero{height:calc(min(100svh,1080px) - 144px)}.reference-hero-copy{padding:24px 20px 96px}.reference-hero-copy h1,.reference-hero-copy h2{font-size:25px}}
@media(max-height:700px) and (min-width:769px){.reference-hero-copy h1,.reference-hero-copy h2{font-size:39px}.reference-hero-copy{padding-top:24px;padding-bottom:96px}}
/* Full-bleed imagery and service band; content remains on the 1180px grid. */
.header-service-band{width:100%;background:#f0ede7;border-bottom:1px solid #e1ddd4}.header-service-band .reference-top{height:40px;border:0;display:grid;grid-template-columns:1fr auto;gap:40px}.reference-top nav{display:flex;gap:32px}.reference-top nav a{color:#625d53}.header-salons{color:#45473e;display:flex;align-items:center;gap:12px}.header-salons:before{content:"";width:6px;height:6px;background:#888c76}.reference-contact button{border:0;border-radius:0;padding:10px 0;background:transparent;gap:12px}.reference-contact button:hover{background:transparent;color:var(--accent)}.reference-contact button .icon{color:#807866}.reference-hero.art-hero{width:100%;max-width:none;margin:0}.reference-hero-copy{max-width:1180px;margin:0 auto}.reference-slider-footer{left:50%;right:auto;bottom:32px;transform:translateX(-50%);height:52px;display:flex;align-items:center;gap:16px;padding:0 8px;color:white;background:#20271e38;border:1px solid #ffffff2b;border-radius:999px;backdrop-filter:blur(12px);pointer-events:auto}.reference-slider-footer .reference-slider-arrow{position:static;transform:none;width:36px;height:36px;flex-shrink:0;border:0;background:transparent;color:#fff;border-radius:999px}.reference-slider-footer .reference-slider-arrow:hover{background:#ffffff24}.reference-slider-footer>.hero-slider__dots{position:static;display:flex;gap:0;transform:none}.reference-slider-footer .slider-fraction{display:none}.reference-hero .slider-dot{width:32px;height:40px}.reference-hero .slider-dot:after{width:8px;height:8px;left:12px;top:16px;border-color:#ffffffa6;background:transparent;transform:none}.reference-hero .slider-dot.is-active:after{background:#fff;border-color:#fff}.reference-hero-copy{padding-bottom:112px}.reference-hero .hero-slide .reference-hero-image{object-position:center 55%}
@media(max-width:1000px){.reference-top nav{gap:24px}.header-service-band .reference-top{gap:24px}}
@media(max-width:768px){.header-service-band{display:none}.reference-hero.art-hero{width:100%;max-width:none}.reference-slider-footer{left:50%;right:auto;bottom:24px;height:48px;padding:0 6px;gap:12px}.reference-hero-copy{padding-left:24px;padding-right:24px;padding-bottom:100px}.reference-slider-footer .reference-slider-arrow{width:36px;height:36px}.reference-hero .slider-dot{width:28px}.reference-hero .slider-dot:after{left:10px}}
.header-service-band .reference-top{height:39px}