:root{--fm-black:#090909;--fm-brown:#251713;--fm-copper:#c79277;--fm-cream:#f1e8e1;--fm-paper:#eee3d8;--fm-ink:#241a16;--fm-line:rgba(207,165,142,.23)}
.esthetic-face-map-page{margin:0;background:var(--fm-black);color:var(--fm-cream);font-family:Manrope,Arial,sans-serif}.face-map-kicker{color:#b77e63;font-size:9px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.face-map-hero{min-height:680px;padding:165px 7vw 90px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:8vw;background:radial-gradient(circle at 78% 42%,rgba(157,99,73,.19),transparent 28%),linear-gradient(125deg,#0a0909,#241611);overflow:hidden}.face-map-hero-copy{max-width:800px}.face-map-hero h1{margin:28px 0;font:400 clamp(68px,8vw,124px)/.78 'Playfair Display',serif;letter-spacing:-.065em}.face-map-hero h1 em,.face-map-intro h2 em,.face-map-result h2 em{color:#d0a087;font-weight:400}.face-map-hero p{max-width:690px;color:#c9bbb3;font-size:15px;line-height:1.9}.face-map-hero a{margin-top:28px;display:inline-flex;gap:18px;color:#efdfd7;text-decoration:none;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.face-map-hero a span{color:var(--fm-copper);font-size:18px}.face-map-hero-mark{justify-self:end;width:min(330px,34vw);aspect-ratio:1;border:1px solid rgba(207,165,142,.34);border-radius:50%;display:grid;place-items:center;position:relative}.face-map-hero-mark:before,.face-map-hero-mark:after{content:'';position:absolute;border:1px solid rgba(207,165,142,.16);border-radius:50%}.face-map-hero-mark:before{inset:12%}.face-map-hero-mark:after{inset:27%}.face-map-hero-mark span{position:absolute;top:13%;color:#bd896f;font:italic 28px 'Playfair Display',serif}.face-map-hero-mark i{width:7px;height:7px;border-radius:50%;background:#d0a087;box-shadow:0 0 0 12px rgba(208,160,135,.12)}.face-map-hero-mark b{position:absolute;bottom:13%;font-size:9px;line-height:1.7;letter-spacing:.18em;text-align:center;color:#ae9e96}.face-map-assurance{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(110deg,#291a15,#0b0a0a);border-block:1px solid var(--fm-line)}.face-map-assurance>div{min-height:128px;padding:28px;display:grid;grid-template-columns:38px 1fr;align-items:center;gap:14px;border-right:1px solid var(--fm-line)}.face-map-assurance>div:last-child{border:0}.face-map-assurance i{color:#c18b71;font:italic 24px 'Playfair Display',serif}.face-map-assurance b{font:400 18px 'Playfair Display',serif}.face-map-assurance span{grid-column:2;margin-top:-26px;color:#a99a92;font-size:10px}.face-map-tool{padding:105px 6vw 120px;background:var(--fm-paper);color:var(--fm-ink)}.face-map-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw;align-items:end}.face-map-intro h2,.face-map-result h2{margin:20px 0 0;font:400 clamp(48px,5.4vw,82px)/.91 'Playfair Display',serif;letter-spacing:-.05em}.face-map-intro>p{max-width:650px;margin:0;color:#5f4d44;font-size:15px;line-height:1.9}.face-map-goals{margin:68px 0 88px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid rgba(80,52,39,.16);background:rgba(80,52,39,.16)}.face-map-goals button{min-height:88px;padding:20px;border:0;background:#f5ede5;color:#382921;font:400 18px/1.25 'Playfair Display',serif;cursor:pointer;transition:.3s}.face-map-goals button:hover{background:#e5d3c5}.face-map-goals button[aria-pressed="true"]{background:#6b4434;color:#fff7f1;box-shadow:inset 0 0 0 1px #9f715b}.face-map-workspace{display:grid;grid-template-columns:minmax(520px,1.17fr) minmax(340px,.83fr);gap:30px;align-items:start}.face-map-visual,.face-map-panel{border:1px solid rgba(80,52,39,.2);background:rgba(255,255,255,.32)}.face-map-visual{padding:28px}.face-map-view-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.face-map-view-head h2{max-width:470px;margin:10px 0 0;font:400 30px/1.05 'Playfair Display',serif}.face-map-views{display:flex;border:1px solid rgba(80,52,39,.2)}.face-map-views button{min-height:42px;padding:0 15px;border:0;border-right:1px solid rgba(80,52,39,.18);background:transparent;color:#6b5549;font-size:9px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.face-map-views button:last-child{border:0}.face-map-views button[aria-selected="true"]{background:#34231c;color:#f5e9e1}.face-map-stage{position:relative;width:min(100%,590px);aspect-ratio:588/891;margin:auto;overflow:hidden;background:#1b1411}.face-map-photo{position:absolute;inset:0;background-image:url('/mapa-twarzy-triptych-v1.jpg');background-size:300% 100%;background-repeat:no-repeat;transition:background-position .75s cubic-bezier(.16,1,.3,1),filter .4s}.face-map-stage[data-view="front"] .face-map-photo{background-position:0 center}.face-map-stage[data-view="three-quarter"] .face-map-photo{background-position:50% center}.face-map-stage[data-view="profile"] .face-map-photo{background-position:100% center}.face-map-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(17,10,8,.28),transparent 25%),linear-gradient(90deg,rgba(17,10,8,.08),transparent 20%,transparent 80%,rgba(17,10,8,.08))}.face-map-points{position:absolute;z-index:3;inset:0}.face-point{position:absolute;left:var(--x);top:var(--y);width:25px;height:25px;transform:translate(-50%,-50%);border:1px solid rgba(255,244,236,.9);border-radius:50%;background:rgba(73,40,29,.48);box-shadow:0 0 0 7px rgba(196,143,115,.14),0 4px 20px rgba(0,0,0,.25);cursor:pointer;transition:.3s}.face-point:before{content:'';position:absolute;inset:8px;border-radius:50%;background:#f2d7c8}.face-point:after{content:attr(data-label);position:absolute;left:50%;bottom:calc(100% + 14px);min-width:max-content;padding:8px 11px;transform:translate(-50%,6px);opacity:0;pointer-events:none;background:rgba(18,12,10,.94);border:1px solid rgba(214,164,139,.38);color:#fff5ef;font-size:9px;letter-spacing:.1em;text-transform:uppercase;transition:.25s}.face-point:hover,.face-point:focus-visible,.face-point[aria-pressed="true"]{z-index:5;transform:translate(-50%,-50%) scale(1.2);background:#8e5c45;box-shadow:0 0 0 10px rgba(196,143,115,.2),0 8px 25px rgba(0,0,0,.3)}.face-point:hover:after,.face-point:focus-visible:after{opacity:1;transform:translate(-50%,0)}.face-point:focus-visible{outline:2px solid #fff;outline-offset:5px}.face-map-orbit{position:absolute;z-index:2;inset:6%;border:1px solid rgba(226,184,161,.17);border-radius:50%;pointer-events:none}.face-map-hint{margin:20px 0 0;color:#756258;font-size:10px;letter-spacing:.08em}.face-map-hint span{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#a66d53}.face-map-panel{position:sticky;top:116px;min-height:760px;padding:38px;display:flex;flex-direction:column;background:linear-gradient(155deg,#281a15,#0b0a0a);color:#f4eae4}.face-map-empty h2,.face-map-detail h2{margin:30px 0 18px;font:400 42px/.98 'Playfair Display',serif}.face-map-empty p,.face-map-detail>p{color:#c0b1a9;font-size:13px;line-height:1.85}.face-map-detail small{display:block;margin-top:30px;color:#c89378;font:italic 20px 'Playfair Display',serif}.face-map-consider{margin-top:28px;padding:20px 0;border-block:1px solid rgba(207,165,142,.22)}.face-map-consider b{display:block;margin-bottom:10px;color:#c89378;font-size:9px;letter-spacing:.15em;text-transform:uppercase}.face-map-consider span{color:#ddd0c9;font-size:12px;line-height:1.7}.face-map-detail>a{margin-top:23px;display:inline-flex;justify-content:space-between;color:#f0ddd2;text-decoration:none;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.face-map-summary{margin-top:auto;padding-top:32px;border-top:1px solid rgba(207,165,142,.24)}.face-map-summary>div:first-child{display:flex;justify-content:space-between;gap:20px;align-items:end}.face-map-summary strong{color:#d6c5bc;font-size:10px;font-weight:500}.face-map-selection{min-height:76px;margin-top:18px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:7px}.face-map-selection p{color:#8f8079;font-size:11px}.face-map-chip{padding:8px 10px;border:1px solid rgba(207,165,142,.35);background:rgba(207,165,142,.08);color:#eadbd3;font-size:9px}.face-map-summary>button{padding:0;border:0;background:none;color:#c28a70;font-size:9px;letter-spacing:.13em;text-transform:uppercase;cursor:pointer}.face-map-result{padding:105px 7vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;background:linear-gradient(120deg,#281914,#090909);color:#f1e8e1}.face-map-result p{color:#c1b2aa;font-size:14px;line-height:1.9}.face-map-result p:first-child{margin-top:0}
@media(max-width:1050px){.face-map-workspace{grid-template-columns:1fr}.face-map-panel{position:relative;top:auto;min-height:620px}.face-map-goals{grid-template-columns:1fr 1fr}.face-map-intro,.face-map-result{grid-template-columns:1fr}.face-map-hero{grid-template-columns:1fr}.face-map-hero-mark{display:none}}
@media(max-width:680px){.face-map-hero{min-height:650px;padding:140px 24px 70px}.face-map-hero h1{font-size:65px}.face-map-assurance{grid-template-columns:1fr 1fr}.face-map-assurance>div{min-height:110px;padding:20px;border-bottom:1px solid var(--fm-line)}.face-map-tool{padding:80px 18px}.face-map-goals{margin:45px 0 60px;grid-template-columns:1fr}.face-map-goals button{min-height:68px}.face-map-visual{padding:14px}.face-map-view-head{display:block}.face-map-views{margin-top:18px}.face-map-views button{flex:1;padding:0 8px}.face-map-stage{width:100%}.face-point{width:28px;height:28px}.face-map-panel{padding:28px;min-height:600px}.face-map-result{padding:80px 24px}.face-map-intro h2,.face-map-result h2{font-size:45px}.face-map-empty h2,.face-map-detail h2{font-size:36px}.face-map-summary>div:first-child{display:block}.face-map-summary strong{display:block;margin-top:8px}}
@media(prefers-reduced-motion:reduce){.face-map-photo,.face-point,.face-map-goals button{transition:none}}

.face-map-summary-next{min-height:48px;margin-top:22px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border:1px solid #d7a641;background:#d7a641;color:#21140e;text-decoration:none;font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.face-map-summary-next span{font:400 18px 'Playfair Display',serif}.face-map-inquiry{scroll-margin-top:90px;padding:110px 7vw 120px;display:grid;grid-template-columns:minmax(330px,.78fr) minmax(560px,1.22fr);gap:8vw;background:#efe5dc;color:#30231d}.face-map-inquiry-intro{align-self:start;position:sticky;top:130px}.face-map-inquiry h2{margin:20px 0 28px;font:400 clamp(46px,4.4vw,70px)/.92 'Playfair Display',serif;letter-spacing:-.05em}.face-map-inquiry h2 em{color:#9c654c;font-weight:400}.face-map-inquiry-intro>p{max-width:570px;color:#655148;font-size:13px;line-height:1.85}.face-map-inquiry-selection{margin-top:34px;padding:24px;border:1px solid rgba(92,57,42,.18);background:rgba(255,255,255,.38)}.face-map-inquiry-selection>span{display:block;margin-bottom:14px;color:#9a624a;font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.face-map-inquiry-selection p{margin:0;color:#756158;font-size:11px;line-height:1.65}.face-map-inquiry-selection ul{margin:0;padding:0;display:grid;gap:1px;list-style:none;background:rgba(92,57,42,.12)}.face-map-inquiry-selection li{padding:11px 13px;display:grid;grid-template-columns:60px 1fr;gap:12px;background:#f7f0ea;color:#3f3029;font-size:11px;line-height:1.45}.face-map-inquiry-selection li span{color:#9a624a;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.face-map-inquiry-form{padding:46px;background:#fbf7f3;border:1px solid rgba(92,57,42,.18);box-shadow:0 26px 70px rgba(65,41,31,.08)}.face-map-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px 28px}.face-map-form-field.full{grid-column:1/-1}.face-map-form-field label{display:block;margin-bottom:9px;color:#715346;font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.face-map-form-field label span{color:#a24e36}.face-map-form-field label small{font-size:8px;font-weight:500;color:#998177}.face-map-form-field input,.face-map-form-field select,.face-map-form-field textarea{box-sizing:border-box;width:100%;min-height:49px;padding:11px 0;border:0;border-bottom:1px solid rgba(73,46,34,.3);border-radius:0;background:transparent;color:#2f241f;font:400 14px/1.5 Manrope,Arial,sans-serif;outline:none}.face-map-form-field textarea{min-height:94px;resize:vertical}.face-map-form-field input:focus,.face-map-form-field select:focus,.face-map-form-field textarea:focus{border-bottom-color:#995f46;box-shadow:0 2px 0 rgba(153,95,70,.14)}.face-map-form-field input::placeholder,.face-map-form-field textarea::placeholder{color:#a7948a}.face-map-form-consent{margin-top:30px;display:grid;grid-template-columns:20px 1fr;gap:12px;color:#6b574e;font-size:10px;line-height:1.65}.face-map-form-consent input{width:18px;height:18px;margin:1px 0;accent-color:#8d5943}.face-map-form-consent a{color:#79503e}.face-map-form-footer{min-height:56px;margin-top:32px;display:flex;align-items:center;justify-content:space-between;gap:22px}.face-map-form-footer p{margin:0;color:#6c594f;font-size:11px;line-height:1.5}.face-map-form-footer p.is-error{color:#9c3f2f}.face-map-form-footer button{min-height:56px;padding:0 25px;border:1px solid #3d2a22;background:#3d2a22;color:#fff7f1;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.face-map-form-footer button span{margin-left:16px;font-size:17px}.face-map-form-footer button:hover{background:#8b5b46;border-color:#8b5b46}.face-map-form-footer button:disabled{opacity:.6;cursor:wait}.face-map-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}.face-map-inquiry-form.is-sent{min-height:520px;display:grid;place-items:center}.face-map-form-success{text-align:center}.face-map-form-success i{width:68px;height:68px;margin:0 auto 25px;display:grid;place-items:center;border:1px solid #9a654d;border-radius:50%;color:#9a654d;font:italic 28px 'Playfair Display',serif}.face-map-form-success h3{margin:15px 0 14px;font:400 40px/1 'Playfair Display',serif}.face-map-form-success p{max-width:430px;margin:0 auto;color:#6d5b52;font-size:12px;line-height:1.8}
@media(max-width:1050px){.face-map-inquiry{grid-template-columns:1fr;gap:45px}.face-map-inquiry-intro{position:relative;top:auto}.face-map-inquiry-intro>p{max-width:720px}}
@media(max-width:680px){.face-map-inquiry{scroll-margin-top:74px;padding:78px 18px 86px}.face-map-inquiry h2{font-size:42px}.face-map-inquiry-form{padding:28px 22px}.face-map-form-grid{grid-template-columns:1fr;gap:21px}.face-map-form-field.full{grid-column:auto}.face-map-form-footer{align-items:stretch;flex-direction:column}.face-map-form-footer button{width:100%}.face-map-inquiry-form.is-sent{min-height:420px}.face-map-form-success h3{font-size:34px}}

/* Multi-selection refinement */
.face-point{width:44px;height:44px;border:0;background:transparent;box-shadow:none;touch-action:manipulation;transition:transform .24s}
.face-point:before{inset:8px;border:1px solid rgba(255,244,236,.9);background:rgba(73,40,29,.72);box-shadow:0 0 0 7px rgba(196,143,115,.14),0 4px 20px rgba(0,0,0,.25);transition:.24s}
.face-point:hover,.face-point:focus-visible{z-index:6;transform:translate(-50%,-50%) scale(1.16)}
.face-point[aria-pressed="true"]{z-index:5;transform:translate(-50%,-50%) scale(1.06);background:transparent;box-shadow:none}
.face-point[aria-pressed="true"]:before{content:'✓';inset:5px;display:grid;place-items:center;border-color:#ffe5a5;background:#d6a844;color:#21130c;box-shadow:0 0 0 7px rgba(218,170,75,.3),0 0 26px rgba(221,173,77,.48);font:bold 15px/1 Manrope,Arial,sans-serif}
.face-map-detail-head{display:flex;justify-content:space-between;align-items:start;gap:20px}
.face-map-detail-head small{display:block;margin-top:30px;color:#d3a58d;font:italic 20px 'Playfair Display',serif}
.face-map-detail-head h2{margin-top:8px}
.face-map-detail-head>span{margin-top:31px;padding:7px 9px;border:1px solid rgba(207,165,142,.28);color:#d8b3a0;font-size:8px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.face-map-context-grid{margin-top:25px;border-top:1px solid rgba(207,165,142,.22)}
.face-map-context-grid>div{padding:18px 0;border-bottom:1px solid rgba(207,165,142,.18)}
.face-map-context-grid b{display:block;margin-bottom:7px;color:#d6a48a;font-size:9px;letter-spacing:.13em;text-transform:uppercase}
.face-map-context-grid span{display:block;color:#ddd0c9;font-size:12px;line-height:1.65}
.face-map-methods{margin-top:24px;padding:20px;border:1px solid rgba(215,166,65,.28);background:linear-gradient(135deg,rgba(215,166,65,.09),rgba(255,255,255,.02))}
.face-map-methods-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px}
.face-map-methods-head b{color:#f0d8a5;font:400 19px/1.1 'Playfair Display',serif}
.face-map-methods-head span{color:#b29d91;font-size:8px;letter-spacing:.11em;text-transform:uppercase;text-align:right}
.face-map-methods article{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:12px 0;border-top:1px solid rgba(215,166,65,.18)}
.face-map-methods article i{color:#d7a641;font:italic 12px/1.4 'Playfair Display',serif}
.face-map-methods article strong,.face-map-methods article span{display:block}
.face-map-methods article strong{color:#f2e5dc;font-size:11px;font-weight:500}
.face-map-methods article span{margin-top:4px;color:#bfaea5;font-size:10px;line-height:1.55}
.face-map-methods>p{margin:10px 0 0;color:#9f8d84;font-size:9px;line-height:1.55}
.face-map-toggle-area{width:100%;min-height:48px;margin-top:22px;padding:12px 16px;border:1px solid #b78267;background:transparent;color:#f3dfd5;font-size:9px;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;transition:.24s}
.face-map-toggle-area:hover,.face-map-toggle-area:focus-visible{background:#b78267;color:#160e0b}
.face-map-toggle-area[aria-pressed="true"]{border-color:#d7a641;background:#d7a641;color:#1e140e}
.face-map-selection{display:grid;grid-template-columns:1fr;align-content:flex-start}
.face-map-chip{min-height:44px;padding:9px 10px;font:500 10px/1.35 Manrope,Arial,sans-serif;text-align:left;cursor:pointer;display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:8px}
.face-map-chip span{color:#c39178;font-size:8px;letter-spacing:.12em;text-transform:uppercase}
.face-map-chip i{font:normal 17px/1 'Playfair Display',serif}
.face-map-chip-area.is-active{border-color:#d7a641;background:rgba(215,166,65,.16)}
.face-map-chip-goal i{font-family:Manrope,Arial,sans-serif}
@media(max-width:680px){.face-map-detail-head{display:block}.face-map-detail-head>span{display:inline-block;margin-top:0}.face-map-chip{grid-template-columns:44px 1fr auto}.face-map-methods{padding:16px}.face-map-methods-head{display:block}.face-map-methods-head span{display:block;margin-top:6px;text-align:left}}

/* Wyraźne, ale subtelne przejście: informacja powyżej, konsultacja poniżej. */
.esthetic-face-map-page .cta-est{
  isolation:isolate;
  overflow:hidden;
  border-top:1px solid rgba(213,166,141,.34);
  background:radial-gradient(ellipse 54% 120% at 88% 0%,rgba(181,116,83,.19),transparent 60%),linear-gradient(112deg,#090909 0%,#110d0c 52%,#1d120f 100%);
  box-shadow:inset 0 34px 90px rgba(0,0,0,.34)
}
.esthetic-face-map-page .cta-est>*{position:relative;z-index:2}
.esthetic-face-map-page .cta-est:before{
  content:"";
  position:absolute;
  z-index:1;
  top:-1px;
  left:7vw;
  right:7vw;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(222,173,146,.9) 35%,rgba(222,173,146,.24) 75%,transparent);
  box-shadow:0 0 34px rgba(199,146,117,.24)
}
.esthetic-face-map-page .cta-est:after{
  content:"";
  position:absolute;
  z-index:0;
  width:360px;
  height:360px;
  right:-120px;
  top:-190px;
  border:1px solid rgba(213,166,141,.1);
  border-radius:50%;
  box-shadow:0 0 0 55px rgba(213,166,141,.025)
}

/* Spójna skala tytułów i warstwowe przejście hero → przewodnik. */
.face-map-hero{position:sticky;top:0;z-index:0;min-height:680px}
.face-map-hero h1{font-size:clamp(48px,5.2vw,78px);line-height:.88;letter-spacing:-.055em}
.face-map-assurance{position:relative;z-index:3;box-shadow:0 -34px 76px rgba(0,0,0,.34)}
.face-map-tool,.face-map-result,.cta-est{position:relative;z-index:3}
.face-map-tool{scroll-margin-top:92px}
.face-map-intro{grid-template-columns:minmax(420px,1.05fr) minmax(360px,.95fr);gap:6vw;align-items:end}
.face-map-intro h2{max-width:700px;font-size:clamp(42px,4.2vw,64px);line-height:.94}
.face-map-result h2{font-size:clamp(40px,4.15vw,64px);line-height:.95}
.esthetic-face-map-page .cta-est h2{font-size:clamp(40px,4.35vw,68px);line-height:.95}

@media(max-width:1050px){
  .face-map-intro{grid-template-columns:1fr;gap:30px}
  .face-map-intro h2{max-width:760px}
}
@media(max-width:680px){
  .face-map-hero{min-height:650px}
  .face-map-hero h1{font-size:45px}
  .face-map-intro h2,.face-map-result h2,.esthetic-face-map-page .cta-est h2{font-size:38px;line-height:.98}
  .face-map-tool{scroll-margin-top:76px}
  .esthetic-face-map-page .cta-est:before{left:24px;right:24px}
  .esthetic-face-map-page .cta-est:after{width:220px;height:220px;right:-100px;top:-120px}
}