/* Expérience 16: editorial mobile composition and clear appointment journeys. */
.experience-page-nav{display:flex;gap:8px 28px;flex-wrap:wrap;border-block:1px solid var(--line);padding-block:10px}
.experience-page-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:13px}
.experience-page-nav a:hover{text-decoration:underline;text-underline-offset:5px}
.experience-facts{display:flex;gap:24px;flex-wrap:wrap;margin:20px 0 24px;padding:18px 0;border-block:1px solid var(--line)}
.experience-facts>div{min-width:100px;flex:1}.experience-facts dt{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.experience-facts dd{font-size:15px;margin:5px 0 0;overflow-wrap:anywhere}
.experience-service-body{padding-block:64px;align-items:start}.experience-service-body h2{font-size:clamp(30px,3vw,46px);max-width:15ch}.experience-service-body .service-lead{font-size:17px;line-height:1.8}
.experience-offerings{list-style:none;padding:0;margin:24px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.experience-offerings li{padding:14px 0;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:baseline;font-size:15px}.experience-offerings li::before{content:"";width:5px;height:5px;flex:none;border-radius:50%;background:var(--charcoal)}
.experience-disclosure{border-block-end:1px solid var(--line)}.experience-disclosure>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;font-size:16px;line-height:1.5;padding:14px 0}.experience-disclosure>summary::-webkit-details-marker{display:none}.experience-disclosure>summary>span{font-size:22px;transition:transform .25s var(--ease)}.experience-disclosure[open]>summary>span{transform:rotate(45deg)}.experience-disclosure>div{padding-bottom:24px}.experience-disclosure p{font-size:16px;line-height:1.8;white-space:pre-line}.experience-disclosure p+p{margin-top:16px}
.experience-team{padding-block:64px;border-block:1px solid var(--line)}.experience-section-heading{margin-bottom:32px}.experience-section-heading h2{margin:16px 0}.experience-section-heading>p:last-child{color:var(--muted);font-size:16px}
.experience-people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.experience-person{padding:28px;background:#fff6;border:1px solid var(--line);border-radius:16px;min-width:0;display:flex;flex-direction:column}.experience-person-head{display:flex;align-items:center;gap:18px}.experience-portrait{display:grid;place-items:center;border-radius:50%;width:80px;height:80px;flex:none;background:var(--cream);overflow:hidden}.experience-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}.experience-person-head h3{font-size:24px;letter-spacing:-.04em;overflow-wrap:anywhere}.experience-person-specialty{display:block;margin-top:6px;font-size:12px;line-height:1.5;color:var(--muted)}.experience-person>p{font-size:14px;color:var(--muted);margin:20px 0;line-height:1.8}.experience-person-actions{margin-top:auto;padding-top:20px;display:grid;gap:14px}.experience-person-actions .button{font-size:12px;gap:10px;justify-content:space-between;padding-left:18px}.experience-person-actions small{font-size:12px;line-height:1.65;color:var(--muted)}.experience-profile-link{font-size:13px;min-height:44px;display:flex;align-items:center;gap:16px}.experience-profile-link svg{width:18px}.experience-team-empty{display:flex;align-items:center;flex-wrap:wrap;gap:24px}
.experience-technology{padding-block:32px}.experience-technology .salon-devices{padding:20px 0 0;width:100%;max-width:none}.experience-technology .salon-device{scroll-margin-top:120px}
.experience-booking-intro .page-description{max-width:48ch}.experience-steps{list-style:none;display:flex;align-items:center;gap:28px;padding:0;margin:32px 0 0;font-size:13px;flex-wrap:wrap;color:var(--muted)}.experience-steps li{display:flex;gap:10px;align-items:center}.experience-steps span{width:28px;height:28px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:10px}.experience-steps .is-current{color:var(--charcoal);font-weight:600}.experience-steps .is-current span{background:var(--peach);border-color:transparent}.experience-steps .is-complete span{background:var(--cream)}
.experience-selection{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:0 0 24px;flex-wrap:wrap}.experience-selection a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.booking-card{background:#fff8}.booking-actions .button{white-space:normal}.booking-actions small{font-size:12px;line-height:1.65}.experience-profile-context{margin:0 0 24px;font-size:16px}.profile-booking .booking-actions{margin-top:24px}
.experience-rail-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:16px 4px;color:var(--muted)}.experience-rail-controls[hidden]{display:none}.experience-rail-controls>span{font-size:12px}.experience-rail-buttons{display:flex;align-items:center;gap:10px}.experience-rail-buttons button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--charcoal)}.experience-rail-buttons button:disabled{cursor:default;opacity:.3}.experience-rail-count{font-size:12px;min-width:40px;text-align:center}.experience-rail-ready+.lm-google-swipe-hint{display:none}
.salon-recommendation:hover img,.lmx-card-image:hover img{transform:scale(1.025)}.salon-recommendation img,.lmx-card-image img{transition:transform .6s var(--ease)}.salon-recommendation{overflow:hidden}
@media(min-width:1001px){.site-header .desktop-nav a{font-size:13px}.service-cover-copy>p:not(.eyebrow){font-size:17px}.lmx-hero-summary{font-size:17px;max-width:40ch}}
@media(max-width:1100px){.experience-people{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-person{padding:22px}}
@media(max-width:760px){
 :root{--space:64px}
 .arch-hero{padding:24px var(--gutter) 40px}.arch-scene{display:grid;grid-template-columns:minmax(0,1fr);gap:0;max-width:560px}.arch-copy{display:contents}
 .arch-eyebrow{grid-row:1;font-size:9px;line-height:1.5;margin:0 0 16px;letter-spacing:.065em;gap:10px}.arch-eyebrow::before{width:18px}
 .arch-title,.arch-hero-about .arch-title{grid-row:2;font-size:clamp(36px,9.65vw,47px);line-height:1.06;letter-spacing:-.055em}.arch-title em{line-height:1.03}
 .arch-photo-plane{grid-row:3;justify-self:stretch;width:100%;margin:24px 0 0}.arch-photo-frame{aspect-ratio:1.5;border-radius:4px 4px 4px 44px}.arch-house-photo{object-position:50% 55%}
 .arch-photo-plane figcaption{padding-top:10px;gap:8px;flex-direction:row;align-items:center}.arch-photo-plane figcaption>span{font-size:9px;line-height:1.5;letter-spacing:.03em}.arch-photo-plane figcaption>span:first-child::before{display:none}
 .arch-description{grid-row:4;font-size:16px;line-height:1.6;max-width:46ch;margin:22px 0 0}
 .arch-actions{grid-row:5;display:grid;grid-template-columns:1fr;justify-items:stretch;gap:6px;margin:22px 0 0}.arch-primary{font-size:15px;min-height:54px;gap:16px;padding:8px 10px 8px 22px}.arch-action-icon{width:36px;height:36px}.arch-secondary{font-size:14px;justify-content:center;min-height:48px}.arch-address{grid-row:6;font-size:12px;margin-top:12px}
 .lm-home .arch-hero+.lm-choice{margin-top:0}.lm-choice{padding:28px 22px}.lm-choice h2{font-size:34px}.lm-quick-booking label{font-size:14px}
 .lm-site :is(.arch-description,.lm-story-copy>p:not(.lm-kicker),.lm-section-heading>p,.lm-service-main>p,.lm-visit-copy>p,.lm-faq p,.lmx-hero-summary,.lmx-card-desc,.lmx-note-body>p,.lmx-details-left>p,.lmx-accordion p,.team06-card-bio,.team06-description,.contact07-intro,.service-lead,.page-description,.profile-copy>p:not(.eyebrow),.salon-recruit p,.salon-guidance-panel p){font-size:16px;line-height:1.7}
 .lm-site :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}.lm-site :is(.lm-button,.lmx-button,.button){font-size:14px;min-height:50px}.lm-site .header-cta{font-size:12px;min-height:44px}
 .lm-site :is(.lm-text-link,.lmx-text-link,.lmx-hero-link,.line-link,.subtle-link){min-height:44px;font-size:14px;line-height:1.5}
 .service-cover{padding-block:28px 32px;gap:24px}.service-cover-copy .breadcrumb{margin-bottom:12px}.service-cover-copy h1{font-size:clamp(36px,9.5vw,46px);margin:16px 0}.service-cover-copy h1 em{font-size:.9em}.service-cover-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;margin-bottom:22px}.service-cover-copy>.button{width:100%;justify-content:space-between}.service-cover-image img{height:auto;aspect-ratio:1.45;object-fit:cover}.service-cover-image>span{bottom:14px;left:14px;font-size:9px;max-width:calc(100% - 28px)}
 .experience-page-nav{gap:8px 20px;padding-block:6px}.experience-page-nav a{font-size:12px}
 .experience-service-body{padding-block:40px;gap:24px}.experience-service-body h2{font-size:32px;max-width:20ch}.experience-offerings{grid-template-columns:1fr;margin:20px 0}.experience-offerings li{font-size:15px;padding:12px 0}
 .experience-team{padding-block:40px}.experience-section-heading h2{font-size:34px}.experience-people{grid-template-columns:1fr;gap:16px}.experience-person{padding:22px}.experience-person-head h3{font-size:26px}.experience-person>p{font-size:15px;margin-bottom:0}.experience-person-actions{padding-top:18px;gap:10px}.experience-person-actions .button{font-size:14px}.experience-person-specialty{font-size:13px}.experience-portrait{width:76px;height:76px}
 .experience-technology{padding-block:12px}.experience-disclosure>summary{font-size:16px}.experience-disclosure p{font-size:16px}.experience-technology .salon-devices{padding:20px 0 0}
 .service-faq{padding-block:44px}.service-faq h2{font-size:34px}.service-faq summary{font-size:16px;line-height:1.5}.service-faq details p{font-size:16px;line-height:1.75}
 .salon-discover{padding-block:40px}.salon-discover-heading>p{font-size:16px}.salon-recommendations{gap:16px;scroll-padding-inline:0}.salon-recommendation{flex-basis:86%;scroll-snap-align:start}.salon-recommendation p{font-size:15px}.salon-recommendation span{font-size:13px;min-height:44px;display:flex;align-items:center;gap:12px}
 .lm-service-grid{scroll-snap-type:x mandatory;scroll-padding-inline:0}.lm-service-card{scroll-snap-align:start;flex-basis:86%}.lm-service-photo{aspect-ratio:1.15;border-radius:16px}.lm-service-card .salon-bubbles a{font-size:12px}
 .lm-google-reviews{margin-bottom:0}.lm-google-review blockquote{font-size:29px}.lm-google-grid{grid-auto-columns:88%}.lm-google-swipe-hint{display:none}
 .experience-booking-intro h1{font-size:clamp(34px,8.8vw,42px)}.experience-booking-intro .page-description{font-size:16px}.experience-steps{display:grid;grid-template-columns:.8fr 1.3fr 1fr;gap:12px;margin-top:24px;font-size:11px}.experience-steps li{align-items:start;flex-direction:column;gap:8px}.experience-steps span{width:26px;height:26px}
 .booking-picker{padding:22px}.booking-picker label{font-size:15px}.booking-picker button{justify-content:space-between}.booking-card{grid-template-columns:64px 1fr;padding:20px;gap:16px}.booking-photo>span{width:64px;height:64px}.booking-details .eyebrow{font-size:10px}.booking-details h2{font-size:25px;margin:6px 0}.booking-actions .button{justify-content:space-between}.booking-actions small{font-size:13px}.booking-notes{font-size:16px}.experience-facts{gap:20px}
 .mobile-booking{left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));min-height:56px}.mobile-booking>span{font-size:12px}.mobile-booking strong{font-size:14px;gap:12px}
 .site-menu{padding-bottom:max(24px,env(safe-area-inset-bottom))}.menu-top{gap:12px}.menu-close{gap:10px}.menu-layout nav a{min-height:56px}.menu-contact{font-size:15px}.site-footer .footer-grid>div>a:not(.wordmark){font-size:14px;min-height:44px;display:flex;align-items:center}.footer-bottom a{min-height:44px;display:inline-flex;align-items:center}
}
@media(max-width:360px){.arch-title,.arch-hero-about .arch-title{font-size:34px}.arch-photo-frame{aspect-ratio:1.38}.arch-photo-plane figcaption{flex-wrap:wrap}.arch-eyebrow{font-size:8px}.arch-primary{font-size:14px}.experience-page-nav{gap:0 16px}.experience-page-nav a{font-size:11px}.experience-person{padding:18px}.experience-person-head{gap:14px}.experience-person-head h3{font-size:23px}.experience-portrait{width:64px;height:64px}.mobile-booking>span{font-size:11px}.mobile-booking{padding-inline:16px;gap:12px}}
@media(prefers-reduced-motion:reduce){.salon-recommendation img,.lmx-card-image img,.experience-disclosure>summary>span{transition:none;transform:none!important}}
@media print{.experience-rail-controls,.experience-page-nav{display:none}.experience-people{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-person{break-inside:avoid}}
.experience-technology .salon-tattoo-devices.wrap{width:100%;max-width:none;padding-inline:0}.experience-technology .salon-devices-heading{margin-top:20px}
#votre-demande{scroll-margin-top:20px}

@media(min-width:1001px) and (max-width:1200px){.site-header .desktop-nav{gap:14px;margin-right:8px}.site-header .desktop-nav a{font-size:12px;white-space:nowrap}.site-header .header-inner{gap:16px;padding-inline:20px}}

/* The booking page uses the same pills as the team page. Native GET keeps back/forward and no-JS navigation working. */
.booking-filters{scroll-margin-top:20px}

/* Compact mobile contact, booking and footer. */
body.lm-site::before{opacity:.075}
.lm-site .menu-toggle{color:var(--charcoal);appearance:none;-webkit-appearance:none}
.skip-link:not(:focus-visible){opacity:0;pointer-events:none}.skip-link:focus-visible{opacity:1;transform:none}
.contact07-hero-visual-overlay{position:static;background:var(--cream);color:var(--charcoal);text-shadow:none;padding:16px 20px;gap:20px}
.contact07-hero-visual-overlay>span:first-child{font-size:16px}.contact07-hero-visual-overlay em{font-size:24px}.contact07-hero-image-number{font-size:30px}
@media(max-width:760px){
 .experience-booking-intro{padding-top:26px;padding-bottom:20px}.experience-booking-intro h1{font-size:32px;line-height:1.1;margin-block:16px 12px}
 .experience-booking-intro .page-description{font-size:15px;line-height:1.6}.experience-steps{display:none}.booking-filters{gap:8px;margin-bottom:24px}
 .contact07-hero{padding-top:28px;gap:22px}.contact07-hero h1{font-size:38px;line-height:1.1}.contact07-hero-footer{display:none}
 .contact07-hero-description{font-size:15px;line-height:1.65;text-wrap:pretty}.contact07-hero-actions{display:grid;grid-template-columns:1fr;gap:8px}
 .contact07-hero-actions>a:last-child{justify-content:center;min-height:44px}
 .lm-site .site-footer{padding:32px 0 max(28px,env(safe-area-inset-bottom));background:var(--cream)}
 .site-footer .footer-grid{grid-template-columns:1fr;gap:20px}.site-footer .footer-grid>div{min-width:0;padding-bottom:16px;border-bottom:1px solid var(--line)}
 .site-footer .footer-grid>div:first-child{grid-column:auto}.site-footer .footer-grid>div:first-child>p{font-size:13px;margin-top:12px}
 .site-footer .footer-grid h3{font-size:10px;letter-spacing:.1em;margin-bottom:8px}
 .site-footer .footer-grid>div>a:not(.wordmark){font-size:14px;min-height:36px;overflow-wrap:anywhere}
 .site-footer .footer-grid>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.site-footer .footer-grid>div:last-child h3{grid-column:1/-1}
 .site-footer .footer-signature{font-size:clamp(56px,17vw,80px);padding:20px;line-height:1}
 .site-footer .footer-bottom{flex-direction:column;align-items:flex-start;gap:12px;font-size:11px}.site-footer .footer-bottom>div{flex-wrap:wrap;gap:0 14px}.site-footer .footer-bottom a{min-height:36px;font-size:11px}
}