/* The supplied chair and transparent photographic floor, only in booking heroes. */
.booking-hero-page .appointment-hero-section { min-height:760px; padding:220px clamp(24px,6vw,100px) 160px; isolation:isolate; overflow:hidden; }
.booking-hero-page .hero-copy { width:55%; position:relative; z-index:2; }
.booking-hero-page .hero-copy .chrome-title { font-size:clamp(48px,6vw,96px); white-space:nowrap; }
.booking-hero-page .hero-copy .lede { font-size:18px; max-width:36ch; }
.booking-hero-page .hero-atmosphere { z-index:-1; opacity:1; }
.booking-hero-page .hero-atmosphere::before { background:radial-gradient(ellipse 35% 58% at 79% 42%,#ffffff20,transparent 90%); animation:none; }
.booking-hero-page .hero-floor { position:absolute; z-index:0; right:0; bottom:30px; width:78%; height:310px; pointer-events:none; opacity:.72; mask-image:radial-gradient(ellipse 62% 75% at 67% 60%,#000 10%,#000c 42%,transparent 79%); }
.booking-hero-page .hero-floor img { display:block; width:100%; height:100%; object-fit:fill; }
.booking-hero-page .hero-chair { position:absolute; z-index:1; width:min(42vw,540px); right:6%; bottom:74px; pointer-events:none; }
.booking-hero-page .hero-chair::before { content:""; position:absolute; width:76%; height:3%; left:15%; bottom:5.4%; border-radius:50%; background:#000; filter:blur(8px); }
.booking-hero-page .hero-chair img { position:relative; width:100%; height:auto; filter:grayscale(1) brightness(.78) contrast(1.28); transform:perspective(1400px) rotateX(10deg); transform-origin:50% 100%; }
@media(max-width:1000px) and (min-width:701px) { .booking-hero-page .appointment-hero-section { min-height:680px; padding-top:200px; } .booking-hero-page .hero-copy { width:50%; } .booking-hero-page .hero-chair { right:2%; width:42vw; } }
@media(max-width:700px) { .booking-hero-page .appointment-hero-section { min-height:850px; padding:150px 24px 460px; } .booking-hero-page .hero-copy { width:100%; } .booking-hero-page .hero-copy .chrome-title { font-size:clamp(40px,10.8vw,70px); } .booking-hero-page .hero-copy .lede { font-size:16px; } .booking-hero-page .hero-chair { width:300px; max-width:88%; right:50%; transform:translateX(50%); bottom:65px; } .booking-hero-page .hero-floor { width:150%; right:-3%; bottom:30px; height:260px; opacity:.65; } }