/* Three complete identities, one stable stage. Only this section changes. */
.showcase{--scene-bg:#ead9d5;--scene-ink:#59362f;--scene-muted:#71534d;--scene-line:#bba19a;--scene-button:#70483e;--scene-paper:#fffaf4;background:var(--scene-bg);color:var(--scene-ink);padding:62px 0 38px;transition:background-color .85s ease,color .6s ease;isolation:isolate;scroll-margin-top:0}
.showcase[data-look=massage]{--scene-bg:#dce5dc;--scene-ink:#24483c;--scene-muted:#476153;--scene-line:#9cb1a2;--scene-button:#315b49;--scene-paper:#f3f4eb}
.showcase[data-look=tattoo]{--scene-bg:#202326;--scene-ink:#f4e9d6;--scene-muted:#d0c5b3;--scene-line:#6d6b64;--scene-button:#f4e9d6;--scene-paper:#f4e9d6}
.showcase ::selection{background:var(--scene-ink);color:var(--scene-bg)}
.showcase button:focus-visible{outline-color:currentColor;outline-offset:4px}
.showcase-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:34px}
.showcase-heading h2{font-size:clamp(44px,4.7vw,68px);font-weight:500;line-height:1.06;letter-spacing:-.035em}
.showcase-heading h2 br{display:none}.showcase-heading h2 em{color:inherit}
.showcase-heading p{margin-top:18px;font-size:15px;color:var(--scene-muted)}
.showcase-controls{flex:none;width:340px}.look-selectors{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.look-selectors button{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:1px solid var(--scene-line);border-radius:8px;background:transparent;color:inherit;font-size:13px;overflow:hidden;transition:background .4s,color .4s,border-color .4s}
.look-selectors button[aria-pressed=true]{background:var(--scene-ink);color:var(--scene-bg);border-color:var(--scene-ink)}
.look-swatch{width:9px;height:9px;border-radius:50%;border:1px solid currentColor;background:#d7a99a}.look-selectors button:nth-child(2) .look-swatch{background:#9db89e}.look-selectors button:nth-child(3) .look-swatch{background:#303438}
.look-playback{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--scene-muted);margin-top:6px}
.look-play{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-height:44px;min-width:75px;background:none;border:0;padding:0;color:var(--scene-ink);font-size:12px}.look-play .icon{width:14px;height:14px}
.look-stage{height:462px;position:relative;margin:0 32px;isolation:isolate}
.look-page{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;border-radius:12px;overflow:hidden;background:#fffaf4;color:#59362f;box-shadow:0 20px 40px #30231c18;transform-origin:center;min-width:0}
.look-photo{position:relative;min-height:0;min-width:0;overflow:hidden}.look-photo img{height:100%;width:100%;object-fit:cover;object-position:50% 50%}.look-photo>span{position:absolute;bottom:24px;left:24px;padding:9px 12px;border-radius:4px;font-size:11px;color:#59362f;background:#fffaf4}
.look-body{padding:32px 38px 22px;display:flex;flex-direction:column;min-width:0}.look-brand{display:flex;align-items:center;justify-content:space-between;gap:16px}.look-brand h3{font-family:'Playfair Display',serif;font-size:45px;font-weight:500;line-height:1.04;letter-spacing:-.025em}.look-brand>span{font-family:'Playfair Display',serif;font-size:29px;border:1px solid #d4b9ad;border-radius:50%;width:49px;height:49px;display:grid;place-items:center;flex:none}
.look-line{font-size:13px;line-height:1.6;margin-top:16px}.look-line br{display:none}.look-booking{margin-top:auto;padding-top:22px}.look-service{border-top:1px solid #d7c0b7;padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:12px}.look-service div>span{display:block;font-size:11px;line-height:1.5}.look-service strong{display:block;font-size:18px;font-weight:500;margin-top:4px}.look-service>span{font-size:12px;white-space:nowrap}
.look-book{display:flex;width:100%;justify-content:space-between;align-items:center;gap:15px;min-height:50px;padding:10px 18px;border:0;border-radius:7px;background:#70483e;color:#fffaf4;font-size:13px;font-weight:600;margin-top:18px}.look-book:hover{filter:brightness(.94)}
.look-credit{display:flex;justify-content:space-between;gap:12px;font-size:10px;margin-top:23px;line-height:1.5}.look-credit>span:last-child{font-weight:600}
.look-times{margin-top:12px}.look-time-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.look-time-buttons button{border:1px solid currentColor;min-height:44px;border-radius:5px;color:inherit;background:transparent;font-size:13px}.look-time-buttons button[aria-pressed=true]{background:#70483e;color:white}.look-times p{font-size:10px;line-height:1.5;margin-top:7px;min-height:30px}
.look-massage{background:#f3f4eb;color:#24483c;grid-template-columns:1fr 1fr;border-radius:4px}.look-massage .look-photo{grid-column:1;grid-row:1}.look-massage .look-body{grid-column:2;grid-row:1;padding:38px 42px 24px}.look-massage .look-brand h3{font-family:Manrope,sans-serif;font-size:43px;font-weight:500}.look-massage .look-brand>span{display:none}.look-massage .look-line{font-family:'Playfair Display',serif;font-size:25px;line-height:1.2;margin-top:19px}.look-massage .look-line br{display:block}.look-massage .look-service{border-color:#bbcbb9}.look-massage .look-book{background:#315b49;border-radius:30px}.look-massage .look-photo>span{background:#f3f4eb;color:#24483c}.look-massage .look-time-buttons button[aria-pressed=true]{background:#315b49}
.look-tattoo{background:#f4e9d6;color:#25282a;grid-template-columns:1fr;grid-template-rows:1fr 120px;border-radius:2px}.look-tattoo .look-photo{grid-area:1/1/3/2}.look-tattoo .look-photo img{object-position:50% 48%;filter:brightness(.65)}.look-tattoo .look-photo>span{top:24px;bottom:auto;background:#202326;color:#f4e9d6}.look-tattoo .look-body{display:contents}.look-tattoo .look-brand{position:absolute;top:75px;left:38px;color:#fff6e7;max-width:calc(100% - 76px)}.look-tattoo .look-brand h3{font-family:'Space Grotesk',sans-serif;font-size:clamp(48px,5.2vw,76px);font-weight:600;letter-spacing:-.04em;line-height:1}.look-tattoo .look-brand>span{display:none}.look-tattoo .look-line{position:absolute;top:163px;left:42px;color:#fff6e7;font-family:'Space Grotesk',sans-serif;font-size:20px;line-height:1.35;margin:0}.look-tattoo .look-line br{display:block}
.look-tattoo .look-booking{grid-area:2/1/3/2;z-index:1;display:grid;grid-template-columns:1fr 230px;gap:24px;align-items:center;background:#f4e9d6;margin:0;padding:24px 38px}.look-tattoo .look-service{border:0;padding:0}.look-tattoo .look-service strong{font-family:'Space Grotesk',sans-serif;font-size:21px}.look-tattoo .look-book{margin:0;background:#25282a;color:#f4e9d6;border-radius:0}.look-tattoo .look-credit{display:none}.look-tattoo .look-times{margin:0}.look-tattoo .look-times p{min-height:0}.look-tattoo .look-time-buttons button[aria-pressed=true]{background:#25282a}
.look-bottom{display:flex;justify-content:space-between;gap:24px;font-size:12px;line-height:1.5;color:var(--scene-muted);margin:26px 32px 0}.look-mood{color:var(--scene-ink)}
@media(max-width:1100px){.showcase-heading h2 br{display:block}.showcase-controls{width:300px}.look-stage{margin:0;height:450px}.look-body{padding:28px}.look-brand h3{font-size:38px}.look-massage .look-body{padding:32px}.look-massage .look-brand h3{font-size:34px}.look-bottom{margin-inline:0}.look-tattoo .look-booking{padding:20px 28px;grid-template-columns:1fr 210px}.look-tattoo .look-service strong{font-size:18px}}
@media(max-width:760px){.showcase{padding:36px 0 26px}.showcase-heading{display:block;margin-bottom:22px}.showcase-heading h2{font-size:44px;line-height:1.06}.showcase-heading p{font-size:14px;margin-top:16px}.showcase-controls{width:100%;margin-top:24px}.look-selectors{gap:7px}.look-selectors button{font-size:12px}.look-playback{font-size:11px}.look-stage{height:610px;margin:0}.look-page{grid-template-columns:1fr;grid-template-rows:225px 1fr}.look-photo>span{left:17px;bottom:17px;font-size:10px}.look-photo img{object-position:center 40%}.look-body{padding:24px 23px 19px}.look-brand h3{font-size:35px}.look-brand>span{font-size:26px;width:44px;height:44px}.look-line{font-size:12px;margin-top:12px}.look-booking{padding-top:20px}.look-service{padding-top:14px}.look-service strong{font-size:17px}.look-credit{font-size:10px;margin-top:18px}.look-book{min-height:48px;margin-top:16px}.look-bottom{display:block;margin:20px 0 0;font-size:11px}.look-bottom>span{display:block}.look-bottom>span+span{margin-top:5px}.look-massage{grid-template-rows:225px 1fr}.look-massage .look-photo{grid-column:1;grid-row:1}.look-massage .look-body{grid-column:1;grid-row:2;padding:24px 23px 20px}.look-massage .look-brand h3{font-size:36px}.look-massage .look-line{font-size:23px;margin-top:12px}.look-massage .look-credit{display:none}.look-massage .look-booking{padding-top:18px}.look-tattoo{grid-template-rows:1fr 204px}.look-tattoo .look-brand{left:23px;top:96px;max-width:calc(100% - 46px)}.look-tattoo .look-brand h3{font-size:43px}.look-tattoo .look-line{left:25px;top:151px;font-size:21px}.look-tattoo .look-photo>span{top:25px;left:25px}.look-tattoo .look-photo img{object-position:55% center}.look-tattoo .look-booking{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:0;padding:23px}.look-tattoo .look-service strong{font-size:18px}.look-tattoo .look-book{margin-top:20px}.look-tattoo .look-times{margin-top:12px}.look-times p{min-height:30px}.look-tattoo .look-times p{min-height:15px}}
@media(max-width:370px){.showcase-heading h2{font-size:40px}.look-stage{height:620px}.look-brand h3{font-size:32px}.look-body{padding-inline:20px}.look-tattoo .look-brand h3{font-size:39px}.look-tattoo .look-booking{padding-inline:20px}.look-service strong{font-size:16px}.look-massage .look-brand h3{font-size:33px}}
@media(prefers-reduced-motion:reduce){.showcase{transition:none}}
@media(max-width:760px){.look-tattoo .look-photo{grid-area:1/1/2/2}.look-tattoo .look-photo img{object-position:70% center}}
/* Cinematic scene dissolve: fixed geometry, layered focus, a quiet camera drift. */
.showcase{transition:background-color 1.45s cubic-bezier(.22,.1,.2,1),color 1.1s ease}
.showcase-heading p,.look-playback,.look-bottom,.look-mood,.look-play{transition:color 1.1s ease}
.look-selectors button{transition:background-color 1.1s ease,color 1.1s ease,border-color 1.1s ease}
.look-progress{position:absolute;left:10px;right:10px;bottom:4px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;opacity:.55;pointer-events:none}
.look-photo img{transform-origin:50% 48%;backface-visibility:hidden}
@media(prefers-reduced-motion:reduce){.showcase,.showcase-heading p,.look-playback,.look-bottom,.look-mood,.look-play,.look-selectors button{transition:none}.look-progress{display:none}}