:root{--paper:#111110;--ink:#e2c17e;--muted:#c2bbae;--line:#443b2b;--serif:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #e2c17e;outline-offset:6px}::selection{background:#695332}.header{height:110px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:10}.brand{font-family:var(--serif);font-size:43px;letter-spacing:-2px;line-height:.85;display:inline-block}.brand span{display:block;font-family:Arial,Helvetica,sans-serif;font-size:8px;letter-spacing:2.7px;margin-top:13px}.header nav{display:flex;align-items:center;gap:34px;font-size:12px}.header nav>a:not(.nav-book){position:relative}.header nav>a:not(.nav-book):after{content:'';position:absolute;bottom:-7px;left:0;width:0;height:1px;background:var(--ink);transition:width .3s}.header nav>a:hover:after{width:100%}.nav-book{padding:15px 21px;border:1px solid var(--ink)}.nav-book span{margin-left:23px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:670px}.hero-copy{padding:73px 9% 25px 9.5%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2.1px;line-height:1.8;margin:0 0 30px}.dot{display:inline-block;width:6px;height:6px;background:var(--ink);border-radius:100%;margin-right:8px;vertical-align:middle}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:500;color:#f6f1e7}h1{font-size:clamp(60px,6.3vw,100px);line-height:1.03;letter-spacing:-3px;margin-bottom:30px}em{font-family:inherit;font-weight:500;font-size:1em;font-style:normal;color:#e2c17e}p{line-height:1.8}.intro{font-size:13px;color:#c2bbae;margin-bottom:32px}.button{font-weight:600;display:inline-flex;align-items:center;justify-content:space-between;gap:46px;font-size:11px;padding:20px 25px;background:var(--ink);color:#17140e;border:1px solid var(--ink);transition:background .3s,transform .3s}.button:hover{background:#f0d79e;transform:translateY(-3px)}.button span{font-size:18px}.hero-bottom{margin-top:auto;padding-top:60px;display:flex;justify-content:space-between;width:100%;gap:15px;font-size:8px;letter-spacing:1.2px}.hero-bottom a span{display:inline-block;margin-left:12px;font-size:17px}.hero-art{position:relative;overflow:hidden;min-height:670px;background:#c1a17d}.hero-art svg{height:100%;width:100%;position:absolute;inset:0;transition:transform 2s}.hero-art:hover svg{transform:scale(1.035)}.art-label{position:absolute;top:36px;left:35px;z-index:1;font-size:10px;letter-spacing:2px;line-height:1.8;color:#faf6e9}.art-caption{position:absolute;bottom:34px;left:34px;color:#fff5e4;font-family:Georgia,serif;font-size:17px;font-style:italic}.art-seal{position:absolute;right:30px;bottom:32px;border:1px solid #f7f0dba6;border-radius:50%;width:96px;height:96px;text-align:center;padding-top:12px;color:#fff4dd;font-family:var(--serif);font-size:48px}.art-seal span{display:block;font-family:Arial;font-size:6px;letter-spacing:2px}.ticker{overflow:hidden;background:#1d1b16;border-block:1px solid #443b2b;padding:22px 0}.ticker>div{white-space:nowrap;font-size:11px;letter-spacing:3px;word-spacing:7px;animation:ticker 35s linear infinite;width:max-content}.ticker i{font-size:20px;margin:0 40px;font-style:normal;vertical-align:middle}@keyframes ticker{to{transform:translateX(-50%)}}.section{padding:110px 8%;scroll-margin-top:20px}h2{font-size:clamp(40px,4.4vw,66px);line-height:1.12;letter-spacing:-1.8px;margin-bottom:27px}.studio{display:grid;grid-template-columns:1.15fr 1fr;gap:20px 9%}.studio-text{padding-top:12px;font-size:14px}.studio-text p:nth-of-type(2){color:var(--muted);font-size:12px}.flower{font-size:50px;display:block;line-height:1;margin-bottom:30px}.text-link{display:inline-flex;gap:40px;align-items:center;font-size:11px;border-bottom:1px solid var(--ink);padding:12px 0}.text-link:hover span{transform:translate(3px,-3px)}.text-link span{font-size:19px;transition:transform .3s}.values{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding-top:45px;margin-top:40px;border-top:1px solid var(--line);font-size:10px;letter-spacing:.5px}.values>span:before{content:'✳︎';margin-right:15px}.rainbow{display:inline-block;width:15px;height:15px;border-radius:50%;background:conic-gradient(#bf6b65,#d1a966,#d9cc89,#8da189,#8f9ead,#b497ab,#bf6b65);vertical-align:middle;margin-left:8px}.services{background:#191815;display:grid;grid-template-columns:1fr 1.45fr;gap:9%}.section-heading>p:not(.eyebrow){font-size:12px;color:var(--muted)}.service{display:flex;gap:25px;padding:30px 0;border-top:1px solid #443b2b;align-items:center}.number{font-size:9px;color:var(--muted);align-self:flex-start;padding-top:10px}.service h3{font-size:30px;margin-bottom:7px;transition:transform .3s}.service p{font-size:11px;color:var(--muted);margin:0}.service:hover h3{transform:translateX(6px)}.circle{width:37px;height:37px;border:1px solid #79643e;border-radius:50%;display:grid;place-items:center;margin-left:auto;flex-shrink:0;transition:background .3s}.service:hover .circle{background:var(--ink);color:#17140e}.service-note{border-top:1px solid #443b2b;font-size:10px;color:var(--muted);padding-top:18px}.team-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:35px}.team-heading>p{font-size:12px;color:var(--muted);margin-bottom:34px}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.portrait{aspect-ratio:4/4.7;position:relative;overflow:hidden;background:#332b1e;display:grid;place-items:center}.portrait:before,.portrait:after{content:'';position:absolute;inset:10% 20% -30%;border-radius:48% 52% 15% 15%;background:repeating-linear-gradient(85deg,#bda273 0px,#e5d2a6 8px,#a68a60 16px,#dbbe85 26px);transform:rotate(-13deg);opacity:.8;transition:transform .8s}.portrait:after{inset:28% -10% -35% 44%;transform:rotate(25deg);background:repeating-linear-gradient(95deg,#b29972,#e8d7ae 15px,#a88f65 30px)}.person:hover .portrait:before{transform:rotate(-7deg) scale(1.04)}.marta{background:#302b22}.marta:before,.marta:after{background:repeating-linear-gradient(80deg,#b8aa85,#eee5c9 12px,#c9b995 23px)}.natalia{background:#29221c}.natalia:before,.natalia:after{background:repeating-linear-gradient(80deg,#372c26,#785a46 12px,#49382c 23px)}.portrait-initial{font-family:var(--serif);font-size:130px;color:#fcf7e8;position:relative;z-index:1;text-shadow:0 2px 30px #30271d44}.portrait-note{position:absolute;bottom:20px;left:20px;font-size:7px;letter-spacing:2px;color:white;z-index:1}.person-title{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.person-title h3{font-size:33px;margin:0}.person-title a{font-size:24px;padding:5px 10px}.person>p{font-size:10px;color:var(--muted);margin-top:7px}.invitation{background:#211c13;color:#f6f1e7;padding:85px 8%;text-align:center;position:relative;overflow:hidden}.invitation h2{font-size:clamp(55px,6vw,90px);position:relative;z-index:1}.invitation .eyebrow{color:#e2c17e}.light{background:#e2c17e;color:#17140e;border-color:#e2c17e;position:relative;z-index:1}.light:hover{background:#f0d79e}.invite-flower{font-size:390px;position:absolute;right:-80px;top:10px;color:#e2c17e13;line-height:1}.contact{display:grid;grid-template-columns:1.2fr 1fr;gap:10%}.contact-address{font-size:14px;margin:30px 0 5px}.contact-details>div{border-bottom:1px solid var(--line);padding:25px 0}.contact-details>div:first-child{padding-top:10px}.contact-details .eyebrow{display:block;margin-bottom:15px}.phone{display:flex;justify-content:space-between;gap:15px;font-family:var(--serif);font-size:38px}.phone span{font-family:Arial;font-size:24px}.contact-details p{font-size:12px;color:var(--muted);margin-bottom:5px}.welcome{font-size:9px;display:flex;align-items:center;gap:12px}.welcome .rainbow{margin:0;flex-shrink:0}footer{margin:0 5%;border-top:1px solid var(--line);padding:40px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}footer .brand{font-size:33px}footer .brand span{font-size:6px;letter-spacing:2px}footer p,footer>span{font-size:9px;margin:0;color:var(--muted)}footer>a:last-child{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%}.mobile-book{display:none}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.js .reveal.visible{opacity:1;transform:translateY(0)}
@media(min-width:1600px){body{max-width:1800px;margin:auto}.hero{min-height:800px}.hero-art{min-height:800px}}@media(max-width:900px){.header{height:90px}.header nav{gap:20px}.hero-copy{padding-top:50px}.hero,.hero-art{min-height:590px}h1{font-size:65px}.hero-bottom{flex-direction:column;gap:18px}.section{padding:80px 6%}.services{gap:6%;grid-template-columns:1fr 1.25fr}.service{gap:14px}.service h3{font-size:26px}.team-heading>p{max-width:180px}.team-grid{gap:17px}.phone{font-size:30px}}
@media(max-width:650px){.header{padding:0 6%;height:90px}.brand{font-size:38px}.menu-toggle{display:flex;flex-direction:column;gap:6px;background:none;border:0;padding:14px 0 14px 14px}.menu-toggle span{display:block;width:25px;height:1px;background:var(--ink);transition:transform .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.header nav{display:none;position:absolute;top:90px;left:0;right:0;background:var(--paper);padding:25px 6% 35px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:24px;font-size:15px}.header nav.open{display:flex}.nav-book{display:flex;justify-content:space-between}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:43px 6% 30px}.eyebrow{font-size:8px;margin-bottom:24px}h1{font-size:67px;letter-spacing:-2px;margin-bottom:24px}.intro{font-size:12px}.hero-bottom{flex-direction:row;padding-top:35px;font-size:7px}.hero-art{min-height:420px}.hero-art svg{object-position:center}.art-label{top:25px;left:25px}.art-caption{font-size:14px;bottom:26px;left:25px}.art-seal{width:76px;height:76px;font-size:35px;right:22px;bottom:22px}.art-seal span{font-size:5px}.ticker{padding:16px 0}.ticker>div{font-size:9px}.section{padding:65px 6%}h2{font-size:43px}.studio{grid-template-columns:1fr;gap:12px}.studio-text{font-size:14px}.flower{display:none}.values{flex-direction:column;margin-top:25px;padding-top:25px;gap:18px}.services{grid-template-columns:1fr;gap:25px}.service{padding:24px 0}.service h3{font-size:27px}.service p{font-size:10px;max-width:230px}.team-heading{display:block;margin-bottom:30px}.team-heading>p{max-width:none;margin-bottom:0}.team-grid{grid-template-columns:1fr;gap:32px}.portrait{aspect-ratio:1.1;max-height:420px}.person-title{margin-top:15px}.person-title h3{font-size:34px}.person>p{margin-bottom:0}.invitation{padding:65px 6%}.invitation h2{font-size:59px}.contact{grid-template-columns:1fr;gap:40px}.contact-address{margin-top:25px}.phone{font-size:38px}.contact-details>div:last-child{border-bottom:0}footer{flex-wrap:wrap;margin:0 6%;padding:30px 0 100px;gap:25px}footer p{display:none}footer>span{font-size:8px}.mobile-book{display:flex;justify-content:space-between;position:fixed;z-index:20;bottom:15px;left:6%;right:6%;padding:17px 22px;background:var(--ink);color:#17140e;box-shadow:0 5px 30px #0003;font-size:12px}.mobile-book span{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}

/* Logo supplied by the client, recreated as scalable vector artwork. */
.brand{letter-spacing:normal;line-height:1;flex-shrink:0}.brand img{display:block;width:80px;height:80px}footer .brand img{width:76px;height:76px}@media(max-width:650px){.brand img{width:70px;height:70px}}

/* Readable type and consistent black-and-gold surfaces. */
body{color:#f6f1e7;font-size:16px}
h1{font-size:clamp(52px,5.5vw,84px);line-height:1.12;letter-spacing:-2px}
h2{font-size:clamp(36px,3.8vw,58px);line-height:1.2;letter-spacing:-1px}
h3{line-height:1.3;letter-spacing:-.4px}
.header nav{font-size:15px}.eyebrow{font-size:11px;color:var(--ink)}
.intro,.studio-text,.studio-text p:nth-of-type(2),.section-heading>p:not(.eyebrow),.team-heading>p,.contact-details p{font-size:16px}
.button,.text-link,.values,.service p,.service-note,.person>p,.contact-address{font-size:14px}
.hero-bottom{font-size:10px;line-height:1.7}.number{font-size:12px}
.service h3{font-size:29px}.service:hover .circle{color:#17140e}
.nav-book{color:var(--ink);border-color:var(--ink)}
.text-link,.person-title a,.flower,footer>a:last-child{color:var(--ink)}
.ticker{color:var(--ink)}.welcome,footer p,footer>span{font-size:12px}
.art-label,.art-caption{color:#fff9eb;text-shadow:0 1px 5px #000}
.portrait-note{font-size:10px;text-shadow:0 1px 5px #000}
::selection{color:#fff;background:#695332}
@media(max-width:900px){.header nav{gap:18px;font-size:14px}.hero-copy{padding-left:8%;padding-right:8%}}
@media(max-width:650px){h1{font-size:clamp(43px,10.8vw,62px);letter-spacing:-1.5px}h2{font-size:36px}.eyebrow{font-size:10px}.hero-bottom{flex-direction:column;font-size:10px;gap:12px}.intro{font-size:16px}.service h3{font-size:25px}.service p{font-size:14px}.service{gap:12px}.invitation h2{font-size:44px}.header nav{font-size:16px}.phone{font-size:32px}.mobile-book{font-size:15px;font-weight:600}.team-heading>p{font-size:16px}footer>span{font-size:11px}}

/* Phone layouts, touch targets and safe-area support. */
.hero-copy,.section-heading,.service-list,.service>div,.contact-details,.team-heading>div{min-width:0}
.service>div{flex:1}.service p{max-width:100%;overflow-wrap:break-word}
.portrait img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:2}
@media(max-width:650px){
  html{scroll-padding-top:24px}
  .header{height:90px}.header nav{max-height:calc(100dvh - 90px);overflow-y:auto}
  .menu-toggle{min-width:44px;min-height:44px;align-items:center;justify-content:center;padding:8px}
  .header nav>a,.text-link,.person-title a{min-height:44px;display:flex;align-items:center}
  .person-title a{min-width:44px;justify-content:center}
  .button{max-width:100%;min-height:48px;gap:20px;padding:17px 20px;line-height:1.5}
  .hero-art{min-height:360px}.art-caption{max-width:calc(100% - 130px);line-height:1.5}
  .hero-bottom{padding-top:30px}.hero-bottom a{min-height:44px;display:flex;align-items:center}
  .service{gap:10px}.service h3{font-size:clamp(21px,5.8vw,25px)}
  .number{font-size:11px}.circle{width:34px;height:34px}
  .phone{font-size:clamp(27px,8vw,34px);min-height:44px;align-items:center}
  .welcome{line-height:1.7}.mobile-book{bottom:calc(12px + env(safe-area-inset-bottom,0px));min-height:52px;align-items:center}
  footer{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px));gap:16px}
}
@media(max-width:359px){.hero-copy{padding-top:32px}h1{font-size:40px}h2{font-size:32px}.invitation h2{font-size:37px}.eyebrow{letter-spacing:1.5px}.art-seal{right:15px;width:68px;height:68px}.team-grid{gap:26px}}

/* Real salon and team photographs stored in assets. */
.salon-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% center;transition:transform 1.2s}
.salon-photo:hover>img{transform:scale(1.025)}
.salon-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0007,transparent 35%,transparent 65%,#0009);pointer-events:none}
.salon-photo .art-label,.salon-photo .art-caption{z-index:1;color:#fff8e8}
.portrait.photo:before,.portrait.photo:after{display:none}
.portrait.photo img{object-position:center 35%}
.portrait.natalia img{transform:scale(1.18);transform-origin:50% 35%}
@media(max-width:650px){.salon-photo{min-height:0;aspect-ratio:16/11}.salon-photo>img{object-position:center}.portrait.kasia img{object-position:center 28%}.portrait.natalia img{transform:scale(1.34)}}