.sbr{--sbr-ink: var(--sab-ink, #1E1611);--sbr-ink-2: #4B3E33;--sbr-ivory: #F4E8CF;--sbr-card: #F6EDDB;--sbr-caps: var(--sab-caps, "Cormorant Garamond", Garamond, serif);--sbr-text: var(--sab-text, "EB Garamond", Garamond, Georgia, serif);--sbr-ease: cubic-bezier(.2, .8, .2, 1);padding:clamp(56px,6.5vw,96px) clamp(12px,1.5vw,24px) clamp(56px,6.5vw,96px);color:var(--sbr-ink);font-family:var(--sbr-text)}.sbr *,.sbr *:before,.sbr *:after{box-sizing:border-box}.sbr__head{display:grid;justify-items:center;text-align:center;gap:12px;margin-bottom:clamp(28px,3.6vw,48px)}.sbr__pill{display:inline-block;padding:7px 16px 6px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--sbr-ink);font:600 11px/1 var(--sbr-text);letter-spacing:.24em;text-transform:uppercase}.sbr__title{margin:0 -.16em 0 0;font:600 clamp(26px,3vw,40px)/1.1 var(--sbr-caps);letter-spacing:.16em;text-transform:uppercase}.sbr__lede{margin:0;font:italic 400 clamp(16px,1.3vw,19px)/1.5 var(--sbr-text);color:var(--sbr-ink-2)}.sbr__row{display:flex;gap:10px;height:clamp(520px,78vh,820px)}.sbr__panel{position:relative;flex:1 1 0;min-width:0;overflow:hidden;border-radius:3px;background:#140e0a;color:var(--sbr-ivory);text-decoration:none;transition:flex-grow .9s var(--sbr-ease);isolation:isolate}.sbr__row:hover .sbr__panel{flex-grow:.8}.sbr__row .sbr__panel:hover,.sbr__row .sbr__panel:focus-visible{flex-grow:1.7}.sbr__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--pos, 50% 50%);transform:scale(1.06);transition:transform 1.6s var(--sbr-ease),filter .8s ease;filter:brightness(.86) saturate(.95)}.sbr__panel:hover .sbr__img,.sbr__panel:focus-visible .sbr__img{transform:scale(1);filter:brightness(1) saturate(1)}.sbr__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#0e0905d1,#0e090561 34%,#0e090500 60%),linear-gradient(180deg,#0e090566,#0e090500 22%);pointer-events:none}.sbr__panel:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--room);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--sbr-ease)}.sbr__panel:hover:after,.sbr__panel:focus-visible:after{transform:scaleX(1)}.sbr__top{position:absolute;left:clamp(18px,2vw,30px);right:clamp(18px,2vw,30px);top:clamp(16px,1.8vw,26px);display:flex;justify-content:space-between;align-items:baseline;z-index:2}.sbr__num{font:600 clamp(30px,3vw,46px)/1 var(--sbr-caps);letter-spacing:.08em}.sbr__count{font:500 10.5px/1 var(--sbr-text);letter-spacing:.24em;text-transform:uppercase;opacity:.85}.sbr__body{position:absolute;left:clamp(18px,2vw,30px);right:clamp(18px,2vw,30px);bottom:clamp(22px,2.6vw,38px);z-index:2;display:grid;justify-items:start;gap:6px}.sbr__ch{font:500 10.5px/1 var(--sbr-text);letter-spacing:.26em;text-transform:uppercase;opacity:.85}.sbr__name{font:600 clamp(24px,2.4vw,38px)/1.05 var(--sbr-caps);letter-spacing:.14em;text-transform:uppercase;text-wrap:balance;overflow-wrap:anywhere}.sbr__cap{font:italic 400 16px/1.3 var(--sbr-text);opacity:.9}.sbr__line{max-width:34ch;font:italic 400 16.5px/1.5 var(--sbr-text);max-height:0;opacity:0;overflow:hidden;transition:max-height .8s var(--sbr-ease),opacity .5s ease}.sbr__cta{margin-top:8px;display:inline-flex;align-items:center;height:42px;padding:0 20px;border-radius:999px;box-shadow:inset 0 0 0 1px #f4e8cfbf;font:500 11px/1 var(--sbr-text);letter-spacing:.22em;text-transform:uppercase;transition:background-color .3s,color .3s,box-shadow .3s}.sbr__panel:hover .sbr__line,.sbr__panel:focus-visible .sbr__line{max-height:6em;opacity:1;transition-delay:.15s}.sbr__panel:hover .sbr__cta,.sbr__panel:focus-visible .sbr__cta{background:var(--sbr-card);color:var(--sbr-ink);box-shadow:none}.sbr__panel:focus-visible{outline:2px solid var(--sbr-ink);outline-offset:4px}@media(hover:none),(max-width:989px){.sbr__line{max-height:none;opacity:1}.sbr__img{transform:none;filter:none}}@media(max-width:989px){.sbr__row{flex-direction:column;height:auto;gap:12px}.sbr__panel{flex:none;height:clamp(440px,68vh,640px)}.sbr__row:hover .sbr__panel,.sbr__row .sbr__panel:hover{flex-grow:0}}@media(prefers-reduced-motion:reduce){.sbr__panel,.sbr__img,.sbr__line,.sbr__panel:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/sabelle-rooms.css.map */