/* Keep only the cut ends outside the viewport; let the sleeves remain visible. */
#despre.about-bento { position:relative; padding-top:250px; }
#despre .about-bento-grid { position:relative; z-index:1; }
#despre .salon-dryer {
 width:400px; left:calc((100% - 100vw)/2 - 80px); right:auto;
 top:0; transform:scaleX(-1) rotate(-25deg);
}
#contact.contact-bento { position:relative; padding-top:190px; }
.salon-booking-scene { position:relative; min-width:0; }
#contact .salon-booking-scene > .contact-booking { position:relative; z-index:1; }
.salon-booking-tools {
 width:340px; left:calc((100% - 100vw)/2 - 55px);
 top:-40px; transform:rotate(25deg);
}
.salon-price-tools-scene { position:relative; }
.salon-price-tools-scene > .price-groups { position:relative; z-index:1; }
.salon-price-tools {
 width:340px; right:calc((100% - 100vw)/2 - 55px);
 top:0; transform:scaleX(-1) rotate(25deg);
}
.salon-price-pedicure {
 width:400px; right:calc((100% - 100vw)/2 - 70px); top:-25px;
 clip-path:inset(0 0 62% 50%); transform:rotate(20deg);
}
.salon-price-pedicure-foot {
 width:500px; left:calc((100% - 100vw)/2 - 115px); top:100px;
 clip-path:polygon(0 35%,50% 35%,65% 40%,65% 100%,0 100%); transform:rotate(30deg);
}
@media(max-width:1000px) {
 #despre .salon-dryer { width:320px; left:calc((100% - 100vw)/2 - 65px); }
 .salon-booking-tools { width:280px; left:calc((100% - 100vw)/2 - 45px); top:0; }
 .salon-price-tools { width:280px; right:calc((100% - 100vw)/2 - 45px); }
}
@media(max-width:900px) {
 #despre.about-bento { padding-top:215px; }
 #contact.contact-bento { padding-top:185px; }
}
@media(max-width:760px) {
 #despre .salon-dryer { width:280px; left:calc((100% - 100vw)/2 - 60px); }
 .salon-booking-tools { width:245px; left:calc((100% - 100vw)/2 - 40px); top:-10px; }
 .salon-price-tools { width:245px; right:calc((100% - 100vw)/2 - 40px); top:0; }
 .salon-price-pedicure { width:280px; right:calc((100% - 100vw)/2 - 50px); top:-45px; }
 .salon-price-pedicure-foot { width:390px; left:calc((100% - 100vw)/2 - 90px); top:140px; }
}
@media(max-width:480px) {
 #despre.about-bento { padding-top:185px; }
 #contact.contact-bento { padding-top:165px; }
}

/* Botanical placement: stems end underneath opaque photography and the map. */
#despre .salon-dryer { top:65px; }
.bento-hero .leaf-right { display:block; width:240px; right:-22px; top:100px; transform:rotate(115deg); }
#despre .about-bento-collage { isolation:isolate; }
#despre .about-bento-photo { z-index:1; }
#despre .salon-photo-palm { width:290px; right:-58px; top:-65px; transform:rotate(-8deg); }
#contact .salon-map-scene { position:relative; min-width:0; grid-column:2; grid-row:1 / span 2; isolation:isolate; }
#contact .salon-map-scene > .contact-map { height:100%; z-index:1; }
#contact .salon-map-palm { width:280px; right:-55px; top:-85px; transform:rotate(-8deg); }
@media(max-width:900px) {
 #contact .salon-map-scene { grid-column:auto; grid-row:3; }
 #despre .salon-dryer { top:45px; }
 #despre .salon-photo-palm { width:230px; right:-26px; top:-48px; }
 #contact .salon-map-palm { width:225px; right:-22px; top:-60px; }
}
@media(max-width:760px) {
 .bento-hero .leaf-right { width:35%; right:-8px; top:8%; transform:rotate(100deg); }
 #despre .salon-dryer { top:32px; }
}

/* Palm stems tuck underneath the left edge of each opaque surface. */
#despre .salon-photo-palm {
 left:-135px; right:auto; top:22%; transform:scaleX(-1) rotate(-8deg);
}
#contact .salon-map-palm {
 left:-125px; right:auto; top:auto; bottom:195px; transform:scaleX(-1) rotate(-8deg);
}
@media(max-width:900px) {
 #despre .salon-photo-palm { left:-78px; top:22%; }
 #contact .salon-map-palm { left:-75px; bottom:200px; }
}

/* Clear the contact heading with the full scissors silhouette. */
#contact > .salon-booking-tools { top:-135px; }
@media(max-width:1000px) { #contact > .salon-booking-tools { top:-90px; } }
@media(max-width:760px) { #contact > .salon-booking-tools { top:-80px; } }

/* Keep the brush completely below the photo collage. */
#despre .about-bento-brush { top:calc(100% + 20px); bottom:auto; }
#despre.about-bento { padding-bottom:280px; }
@media(max-width:480px) { #despre.about-bento { padding-bottom:225px; } }