/* Mobile adaptation: short phones, landscape and editing on touch screens. */
.mobile-album-picker{display:none}
@media(max-width:700px){
 body.rouge:not([data-admin="true"]) .r-hero{height:100svh;min-height:560px;max-height:none}
 .r-hero-copy{bottom:clamp(90px,13svh,115px)}
 .r-hero h1{font-size:clamp(43px,13.5vw,60px)}
 .r-header{padding-left:max(7%,env(safe-area-inset-left))!important;padding-right:max(7%,env(safe-area-inset-right))!important}
 .r-hero-index{bottom:max(20px,env(safe-area-inset-bottom))}
 .r-header nav a,.r-language{min-height:44px;min-width:44px}
 .r-params{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}
 .r-params dd{font-size:15px;overflow-wrap:normal}
 .r-form input,.r-form textarea,.r-form select{font-size:16px;scroll-margin-block:100px}
 .r-contact h2{font-size:clamp(40px,12vw,57px)}
 .r-album-intro h1{font-size:clamp(36px,11vw,48px);overflow-wrap:anywhere}
 .r-album-next{max-width:100%;min-width:0}
 body.rouge[data-admin="true"] .album-nav{display:none}
 body.rouge[data-admin="true"] .mobile-album-picker{display:block;margin:24px 0}
 .mobile-album-picker label{display:flex;flex-direction:column;gap:10px;font-size:14px}
 .mobile-album-picker select{width:100%;min-width:0;font-size:16px}
 .mobile-album-tools{display:flex;gap:10px;margin-top:12px}
 .mobile-album-tools button{min-width:48px;min-height:48px}
 .mobile-album-tools button:first-child{margin-right:auto}
 body.rouge[data-admin="true"] .admin-editor{padding:20px 14px}
 body.rouge[data-admin="true"] .editor-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px}
 body.rouge[data-admin="true"] .editor-tabs button{justify-content:flex-start;font-size:14px}
 body.rouge[data-admin="true"] .hero-edit{grid-template-columns:minmax(0,1fr);display:grid}
 body.rouge[data-admin="true"] .hero-choices{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.rouge[data-admin="true"] .hero-preview{height:330px}
 body.rouge[data-admin="true"] .hero-preview img{height:100%}
 body.rouge[data-admin="true"] .photo-actions button{min-width:44px}
 .photo-viewer .viewer-header span{max-width:calc(100% - 60px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .photo-viewer .viewer-strip{scroll-padding:4px}
}
@media(max-width:700px) and (max-height:650px){
 body.rouge:not([data-admin="true"]) .r-hero{min-height:100svh}
 .r-header{padding-top:16px!important}
 .r-header nav{margin-top:14px;padding-top:10px}
 .r-hero-copy{bottom:76px}
 .r-hero h1{font-size:clamp(40px,12.8vw,50px);margin:12px 0}
 .r-hero-copy .r-kicker{display:none}
 .r-hero-index{font-size:11px;bottom:16px}
}
@media(max-width:1024px) and (max-height:500px) and (orientation:landscape){
 body.rouge:not([data-admin="true"]) .r-hero{height:100svh;min-height:340px}
 .r-header{padding:14px 5%!important;align-items:flex-start!important}
 .r-header nav{display:flex;flex-direction:row;grid-column:auto;margin:0 20px 0 auto;padding:0;border:0;gap:20px;width:auto}
 .r-header nav a{font-size:12px;min-height:44px}
 .r-wordmark{font-size:14px}.r-wordmark span{font-size:10px;margin-top:6px}
 .r-hero-copy{left:6%;top:auto;bottom:65px;max-width:45%}
 .r-hero h1{font-size:44px;margin:10px 0}
 .r-hero-copy .r-kicker{display:none}
 .r-line-link{font-size:12px;padding:8px 0}
 .r-hero-image{left:40%;right:4%;top:60px;bottom:22px}
 .r-hero-image img{object-fit:contain}
 .r-hero-index{bottom:12px;font-size:11px}
 .r-about{grid-template-columns:1fr 1fr;gap:6%;padding:55px 6%}
 dialog.photo-viewer{padding:52px 65px 74px!important}
 .photo-viewer figure{height:100%;margin:0}
 .photo-viewer figure img{height:calc(100% - 24px)!important}
 .photo-viewer .viewer-strip{bottom:8px}
 .photo-viewer .viewer-strip button{height:48px;width:44px;min-width:44px}
 .photo-viewer .viewer-prev,.photo-viewer .viewer-next{top:42%;bottom:auto}
}