:root{--ink:#eee5d4;--cream:#151513;--gold:#c7a263;--pale:#343025;--dark:#0e0e0d}body{background:#151513;color:#eee5d4}.topline{background:#080808;color:#c7a263;border-bottom:1px solid #322b20}.header{background:#111110f5;border-color:#3b3223}.nav{min-height:112px}.brandlogo{width:200px;height:103px;object-fit:contain}.eyebrow{color:#cfac6e}.herocopy p,.sectionhead p,.shop p,.subhero p,.notice{color:#bfb6a6}.herocopy{background:radial-gradient(ellipse at 10% 15%,#30291b,transparent 65%);padding-top:70px}.hero{min-height:675px}.heroimage{border:1px solid #59462b}.heroimage img{object-position:50% 54%}.heroimage:after{background:linear-gradient(0deg,#09090988,transparent 40%)}.herocopy:before{display:none}.ribbon{border-color:#403525;color:#c8b68f}.button{background:linear-gradient(110deg,#ab813e,#d5b77e,#b18a49);color:#15130d;border:1px solid #d2af70;font-weight:700}.button:hover{background:#ead09c;color:#15130d}.button.outline{color:#dfc38c;border-color:#846b43}.button.outline:hover{color:#fff0cf;background:#332a1b}.textlink{color:#dac08f;border-color:#76603a}.dark{background:#0d0d0c;border-block:1px solid #3b3122}.servicegrid{grid-template-columns:repeat(3,1fr);gap:35px 24px}.servicecard .picture{height:355px;background:#23221d;border:1px solid #544129}.servicecard h3{color:#e7d6b6}.servicecard .cardbottom{color:#b7a688}.allservices a,.filter{border-color:#5c4a2c;color:#d2bf9b}.allservices a:hover{background:#352c1d}.filter.active{background:#c7a263;color:#171510;border-color:#c7a263}.shop{background:#1e1b15;border-block:1px solid #4a3a22}.shop h2{font-size:66px}.shop:after{display:none}.productgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 25px}.productimage{height:350px;background:#fffaf3;overflow:hidden}.productimage img{object-fit:contain;transition:transform .4s}.productcard:hover img{transform:scale(1.035)}.productmeta{display:flex;justify-content:space-between;margin-top:20px;color:#caab73;font-size:10px;letter-spacing:2px}.productmeta span:last-child{font-size:15px;letter-spacing:.5px}.productcard h3{font-size:32px;margin:14px 0 10px}.productcard p{font-size:11px;color:#beb09b;margin-bottom:20px}.productcard .textlink{font-size:11px}.shop .notice{margin:28px 0 0;font-size:10px}.contactinfo h3{color:#c7a263}.footer{border-color:#493b25;background:#0b0b0a}.footer small{color:#a69579}.socials a,.socials button{width:46px;height:46px;border:0;border-radius:11px;color:white;box-shadow:0 3px 12px #0005}.socials a[aria-label*=Instagram]{background:radial-gradient(circle at 30% 105%,#ffd86f,#f77828 25%,#d62976 55%,#7638b5 80%,#4f5bd5)}.socials a[aria-label*=TikTok]{background:#050505;border:1px solid #393939;filter:drop-shadow(1px 1px #fe2c55) drop-shadow(-1px -1px #25f4ee)}.socials button{background:#1877f2}.floating{border-radius:4px;overflow:hidden}.floating .button{gap:10px}.floating svg{width:19px;height:19px;flex-shrink:0}.floating .whatsapp{background:#25d366;color:#071d0d;border-color:#25d366}.floating .whatsapp:hover{background:#50df86}.dropdown{background:#1d1b16;border-color:#695333}.mobilemenu{color:#d9bd89;border-color:#6f5733}.tool{background:#211e17;border-color:#635033}.tool select,.tool input[type=file]{background:#141310;border-color:#655337;color:#e9dcc4}.tool output{background:#ffffff08;color:#e5d3b0}.tool .notice{color:#beb09b}.placeholderart{background:radial-gradient(ellipse,#3c3120,#161613);color:#d4b77f}.lightbox{background:#191814;color:#ead6b0}.dialogbar button{color:#ead6b0}.dialogbar a{color:#e2bd77}#facebook-note{background:#211d15;color:#ead6b0;border:1px solid #8d7044}.breadcrumb{color:#c7aa75}.littleprofile small{color:#b4a487}.contactgrid{gap:60px}.sectionhead .eyebrow{margin-bottom:20px}.servicecard:last-child .picture{background:#1a1814}a,button{transition:background .2s,color .2s,border-color .2s}.socials svg{width:21px;height:21px}.navlinks{color:#d8c6a8}.gallery img{border:1px solid #51412c}.gallery figcaption{color:#bca782}.empty,.video{border-color:#5b482b}.video strong{color:#e9d6b1}.video small{color:#b2a080}
@media(max-width:1050px){.brandlogo{width:170px;height:93px}.nav{min-height:100px}.servicegrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.nav{min-height:95px}.brandlogo{width:160px;height:87px}.navlinks{top:95px;background:#171611}.hero h1{font-size:59px;line-height:1}.herocopy{padding:43px 7% 32px}.heroimage{height:450px;min-height:450px}.servicegrid{gap:27px 15px}.servicecard .picture{height:230px}.servicecard h3{font-size:25px}.productgrid{grid-template-columns:repeat(2,1fr);gap:28px 15px}.productimage{height:225px}.productcard h3{font-size:25px}.productmeta{font-size:8px;letter-spacing:.8px}.productmeta span:last-child{font-size:12px}.productcard .textlink{font-size:10px}.shop h2{font-size:49px}.contactgrid{gap:35px}.floating{border-radius:0}.footerinner .brand{width:auto}}

.wrap.subhero{padding:80px 6% 55px}@media(max-width:700px){.wrap.subhero{padding:45px 6% 40px}}
.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));columns:auto;gap:24px 18px;align-items:start;margin-bottom:30px}.gallery figure{margin:0;min-width:0}.gallery button{aspect-ratio:3/4;overflow:hidden}.gallery img{width:100%;height:100%;max-height:none;object-fit:cover}.gallery figcaption{min-height:40px;gap:10px;align-items:start}.gallery figcaption span:first-child{min-width:0}.gallery figcaption span:last-child{flex-shrink:0}.productcard{display:flex;flex-direction:column;min-width:0}.productcard h3{min-height:2.05em}.productcard .textlink{align-self:flex-start;margin-top:auto}.productimage{flex-shrink:0}
@media(max-width:1050px){.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.gallery figcaption{font-size:9px;min-height:38px}.productcard h3{min-height:2.1em}}
.service-guide{margin-top:65px;background:#1b1914;border-block:1px solid #4b3c26}.guide-intro{max-width:770px;margin-bottom:50px}.guide-intro p,.guide-options p,.appointment-guide p,.service-faq p{color:#beb4a2;line-height:1.9;font-size:13px}.guide-options{display:grid;grid-template-columns:1fr 1fr;gap:35px 60px;margin:45px 0 65px}.guide-options article{display:flex;gap:25px;border-top:1px solid #51412b;padding-top:25px}.guide-number{font:32px Georgia,serif;color:#8f7449}.guide-options h3{font-size:30px;margin:4px 0 18px}.appointment-guide{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:65px}.service-faq{max-width:850px;margin-bottom:40px}.service-faq details{border-bottom:1px solid #51412b;padding:20px 0}.service-faq summary{font-size:14px;display:flex;justify-content:space-between;gap:20px}.service-faq p{margin:18px 0 0}.service-guide .button{max-width:100%;white-space:normal;text-align:center}
@media(max-width:700px){.service-guide{margin-top:40px}.guide-options,.appointment-guide{grid-template-columns:1fr;gap:24px}.guide-options{margin:30px 0 45px}.guide-options article{gap:18px}.appointment-guide{margin-bottom:45px}.guide-options h3{font-size:28px}}
.lookbook-frame{position:sticky;top:135px;aspect-ratio:1;overflow:hidden;border:1px solid #695233;background:#201e19;isolation:isolate}.lookbook-after,.lookbook-before{position:absolute;inset:0;background-image:url('/assets/hair-colour-lookbook.png');background-size:400% 200%;background-position:0 0;background-repeat:no-repeat}.lookbook-before{z-index:1}.lookbook-divider{position:absolute;top:0;bottom:0;width:2px;background:#e9d3a5;z-index:2;pointer-events:none}.lookbook-divider:after{content:'↔';position:absolute;top:50%;left:-16px;width:34px;height:34px;border-radius:50%;background:#e3c690;color:#201b13;display:grid;place-items:center}.lookbook-badge{position:absolute;z-index:3;left:20px;top:20px;padding:6px 10px;background:#111b;border:1px solid #bfa06a80;font-size:8px;letter-spacing:2px;color:#e8d0a5}.lookbook-caption{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:45px 25px 24px;background:linear-gradient(transparent,#0c0c0bd9);pointer-events:none}.lookbook-caption span{display:block;font:26px 'Cormorant Garamond',Georgia,serif;color:#f3e5ca}.lookbook-caption small{font-size:10px;color:#c9b999}.colour-studio{margin-top:0;padding:30px}.colour-studio h3{font-size:44px;line-height:1.05}.control-label{display:block;text-transform:uppercase;letter-spacing:1.8px;font-size:9px;color:#ceae75;margin:26px 0 12px}.length-options{display:flex;gap:10px}.length-option{flex:1;padding:10px;background:#171612;border:1px solid #715a35;color:#c8b99e;font-size:11px}.length-option.selected{background:#c9a769;color:#1d1810;border-color:#d6b77d}.lookbook-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.lookbook-shade{padding:10px 3px;background:none;border:1px solid transparent;color:#cabb9f;display:flex;flex-direction:column;align-items:center;gap:10px}.lookbook-shade span{width:43px;height:43px;border-radius:50%;border:1px solid #bda477;box-shadow:inset -7px -5px 10px #0005}.lookbook-shade small{font-size:9px;line-height:1.4;min-height:26px}.lookbook-shade.selected{border-color:#b28e51;background:#ffffff05}.colour-studio output{padding:12px;font-size:12px;margin:14px 0}.colour-studio .compare-toggle{display:flex;align-items:center;gap:10px;font-size:11px;margin:20px 0;cursor:pointer}.compare-toggle input{accent-color:#c7a263}#compare-controls label{font-size:10px}#lookbook-compare{width:100%;accent-color:#c7a263}.compare-labels{display:flex;justify-content:space-between;color:#bda77f;font-size:9px;margin-bottom:20px}.colour-studio .button{width:100%;text-align:center;margin-top:7px}.lookbook-note{font-size:9px;margin-top:18px}.own-photo{border-top:1px solid #685334;padding-top:18px;margin-top:20px}.own-photo summary{font-size:11px;color:#dac08d}.own-photo p{margin-top:15px}.own-photo .uploaded{max-height:250px}
@media(max-width:700px){.lookbook-frame{position:relative;top:auto}.colour-studio{padding:24px}.colour-studio h3{font-size:41px}.lookbook-shade span{width:39px;height:39px}.lookbook-caption span{font-size:24px}}

.lookbook-palette{grid-template-columns:repeat(5,minmax(0,1fr))}.lookbook-shade small{font-size:8px}.lookbook-shade span{width:40px;height:40px}@media(max-width:700px){.lookbook-shade span{width:36px;height:36px}.lookbook-palette{gap:4px}}
.lookbook-visual{position:sticky;top:135px;min-width:0}.lookbook-visual .lookbook-frame{position:relative;top:auto}.lookbook-mobile-controls{display:none}
.detailphoto{position:relative}.illustrative-caption{position:absolute;bottom:12px;left:12px;background:#111c;padding:5px 10px;font-size:9px;color:#e0ceb0;letter-spacing:.5px}.servicecard .cardbottom{min-height:25px}
@media(max-width:700px){.lookbook-visual{position:relative;top:auto}.lookbook-visual .lookbook-frame{width:min(100%,300px);margin-inline:auto}.lookbook-mobile-controls{display:block;margin:0 auto;padding:12px 0 0;width:100%}.lookbook-mobile-controls .length-options{margin-bottom:8px}.lookbook-mobile-controls .length-option{padding:8px;font-size:10px}.lookbook-mobile-controls .lookbook-palette{margin:0;gap:3px}.lookbook-mobile-controls .lookbook-shade{padding:6px 2px;gap:6px}.lookbook-mobile-controls .lookbook-shade span{width:33px;height:33px}.lookbook-mobile-controls .lookbook-shade small{min-height:22px;font-size:8px}.lookbook-mobile-controls output{display:block;color:#dfc18e;border-left:2px solid #a8874d;padding:5px 10px;font-size:11px;margin-top:7px}.lookbook-mobile-controls .notice{font-size:9px;line-height:1.5;margin:8px 0}.lookbook-mobile-controls .compare-toggle{display:flex;gap:8px;align-items:center;font-size:10px;margin:10px 0 0}.lookbook-mobile-controls #compare-controls label{display:block;margin-top:10px}.lookbook-mobile-controls .compare-labels{margin-bottom:0}.colour-studio .control-label,.colour-studio>h3,.colour-studio>.eyebrow,.colour-studio>.notice:first-of-type{display:none}.colour-studio{margin-top:0}.detailgrid:has(.lookbook-visual){gap:20px}}

/* Real Instagram reel gallery */
.reels-heading{margin-top:65px}.reels-heading h3{font-size:40px;margin-bottom:15px}.reels-heading p{color:#bcae98;max-width:550px}.salon-reels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.salon-reel{min-width:0;border:1px solid #57452c;background:#171611;overflow:hidden}.salon-reel iframe{display:block;width:100%;height:560px;border:0;background:#fff}.reel-caption{padding:18px;display:flex;flex-direction:column;gap:8px}.reel-caption strong{font-weight:500;color:#ead7b3}.reel-caption a{font-size:11px;color:#d8b77a;text-decoration:underline;text-underline-offset:4px}@media(max-width:1050px){.salon-reels{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.salon-reels{grid-template-columns:minmax(0,1fr);gap:20px}.salon-reel iframe{height:590px}.reels-heading h3{font-size:34px}}
