.as-salle{max-width:1440px;margin:auto;padding:clamp(18px,4vw,64px);border-top:1px solid #161616;color:#121212;background:#fff}
.as-salle *{box-sizing:border-box}
.as-salle header{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid #171717;padding-bottom:12px}
.as-salle h1{font:900 italic clamp(42px,7vw,104px)/.94 var(--sans,Arial),sans-serif;letter-spacing:-.065em;margin:0}
.as-salle header small,.as-salle output,.as-salle figcaption,.as-salle summary,.as-salle label{font:500 13px/1.35 ui-monospace,monospace}
.as-chambre{position:relative;isolation:isolate;height:clamp(360px,42vw,550px);border-bottom:1px solid;overflow:hidden;touch-action:pan-y}
.as-chambre canvas,.as-chambre svg{position:absolute;inset:0;width:100%!important;height:100%!important;z-index:-1}
.as-chambre canvas{visibility:hidden}
.as-chambre.en-volume canvas{visibility:visible}
.as-chambre.en-volume svg{visibility:hidden}
.as-annee{position:absolute;left:0;top:12px;background:#fff;padding-right:.12em;font:900 clamp(68px,12vw,170px)/.94 Helvetica,Arial,sans-serif;letter-spacing:-.085em;text-decoration:none!important;color:#151515!important}
.as-chambre figure{position:absolute;left:0;bottom:12px;margin:0;width:clamp(135px,18%,210px)}
.as-chambre figure img{width:100%;height:clamp(126px,14vw,180px);object-fit:cover;object-position:center 33%;display:block}
.as-chambre figure>a{position:relative;color:white;display:block}
.as-chambre figure strong{position:absolute;bottom:3px;left:3px;right:3px;font:800 13px/1.15 Arial,sans-serif;color:white!important;-webkit-text-fill-color:#fff!important}
.as-chambre figure strong span{background:#111;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.as-chambre figcaption{background:white;font-size:11px}
.as-salle details{margin:16px 0}
.as-salle summary{cursor:pointer}
.as-salle details ol{columns:3;list-style:none;padding:0}
.as-commandes{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-top:16px}
.as-commandes input{width:100%;height:44px;accent-color:#e3001b;cursor:pointer}
.as-commandes a{font:800 17px/1.2 Arial,sans-serif;color:inherit}
@media(max-width:540px){.as-commandes{grid-template-columns:1fr auto;gap:3px}.as-commandes input{grid-column:1/-1;grid-row:2}.as-chambre canvas,.as-chambre svg{left:12%;width:105%!important}.as-salle details ol{columns:1}}
.as-salle details:not([open]) ol{display:none}