/* Reference IMG_8285.jpeg: mobile composition only. Desktop canvas is unchanged. */
.mobile-reference-layout{display:none}
@media(max-width:640px){
 body.collection-622b2d85e806b6077c21f65f #canvas{display:none}
 .mobile-reference-layout{display:block;box-sizing:border-box;width:100%;padding:8.63vw 8.63vw 30vw;color:#253031;font:300 1.7vw/1.55 'Source Sans Pro',sans-serif;overflow-wrap:normal}
 .mobile-reference-layout *{box-sizing:border-box}
 .mobile-reference-layout h2{font:300 2.77vw/1.3 'Source Sans Pro',sans-serif;margin:0}
 .mobile-reference-layout h3{font:300 2.3vw/1.4 'Source Sans Pro',sans-serif;margin:0;text-align:center;letter-spacing:0}
 .ref-header{height:20.49vw;display:flex;justify-content:space-between;align-items:flex-start}
 .ref-logo{display:block;width:22.5vw}
 .ref-logo img{display:block;width:100%;height:auto}
 .ref-header nav{padding-top:.2vw;display:flex;flex-direction:column;font:400 1.08vw/1.32 'Source Sans Pro',sans-serif;letter-spacing:.22vw}
 .ref-header nav a{color:inherit;white-space:nowrap}
 /* Match the About portrait width; smaller screens keep the existing side padding. */
 .ref-hero{display:block;width:100%;max-width:283px;height:auto;aspect-ratio:auto;object-fit:contain;margin-inline:auto}
 .ref-reserve{display:grid;grid-template-columns:1fr 1fr;gap:2vw;margin-top:10.4vw}
 .ref-reserve p{margin:0 0 3.5vw;white-space:nowrap;font-size:1.65vw;line-height:1.55}
 .ref-reserve-button{display:inline-block;padding:2.1vw 3.5vw;background:#fff;font-size:1.38vw;letter-spacing:.3vw;line-height:1.5;color:inherit}
 .ref-information{margin-top:10vw}
 .ref-news{display:block;margin-top:2.8vw;font-size:2vw;line-height:1.4;color:inherit}
 .ref-information time{display:block;margin-top:.7vw;color:#8e9695;font-size:1.25vw}
 .ref-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.55vw;margin-top:10.4vw}
 .ref-photo{display:block;position:relative;aspect-ratio:1;overflow:hidden}
 .ref-photo img{display:block;width:100%;height:100%;object-fit:cover}
 .ref-reel::after{content:'▶';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:3.4vw;color:#fff;text-shadow:0 1px 3px #0005}
 .ref-menu{margin-top:11.6vw}
 .ref-tabs{display:flex;justify-content:center;gap:2.5vw;margin:3.5vw 0 4.4vw}
 .ref-tabs button{font:300 1.7vw/1.5 'Source Sans Pro',sans-serif;color:inherit;border:0;padding:0;background:none;border-radius:0;cursor:pointer}
 .ref-tabs button[aria-selected=true]{text-decoration:underline;text-underline-offset:.3vw}
 .ref-prices{display:grid;grid-template-columns:1fr 1fr;gap:3vw 5vw;margin-top:4.7vw}
 .ref-hand{grid-template-rows:repeat(2,auto);grid-auto-flow:column}
 .ref-price{display:flex;justify-content:space-between;align-items:baseline;gap:1vw;font-size:1.6vw;line-height:1.4;white-space:nowrap}
 .ref-price strong{font-weight:600}
 .ref-price span{font-size:1.35vw}
 .ref-option{margin-top:11.5vw!important}
 .ref-options{grid-template-rows:repeat(2,auto);grid-auto-flow:column;gap:3.5vw 5vw;margin-top:5vw}
}