/* An editorial offer spread: the property's image beside warm, brand-tinted paper. */
#offersPage[hidden]{display:none!important}
#offersPage{
 --offer-paper:color-mix(in srgb,var(--accent) 16%,#f8f6f1);
 --offer-ink:color-mix(in srgb,var(--accent) 12%,#171a18);
 --offer-muted:color-mix(in srgb,var(--offer-ink) 74%,var(--offer-paper));
 --offer-serif:"Bodoni 72",Didot,"Bodoni MT",Georgia,serif;
 position:absolute;z-index:32;inset:calc(var(--sales-header-h,100px) + 18px) max(6%,88px) calc(var(--foot-h,80px) + var(--hud-h,100px) + 50px);
 display:flex;align-items:center;justify-content:center;min-height:0;
}
.offers-panel{width:min(100%,1380px);height:100%;max-height:850px;display:flex;flex-direction:column;gap:14px;min-height:0;color:var(--ink)}
.offers-toolbar{display:flex;align-items:center;gap:20px;min-height:44px;flex:none}
.offers-toolbar h1{font:500 11px/1.5 var(--mono);letter-spacing:.26em;text-transform:uppercase;margin:0;color:var(--ink)}
.offers-count{font:11px/1.5 var(--mono);color:var(--ink-dim);letter-spacing:.12em;padding-left:20px;border-left:1px solid var(--line)}
#offersBack{margin-left:auto;display:flex;align-items:center;gap:12px;border:0;background:none;color:var(--ink);font:12px/1.4 var(--sans);padding:0 4px;min-height:44px}
#offersBack>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;font-size:17px;transition:border-color .2s}
#offersBack:hover>span{border-color:var(--accent)}
#offersBody{flex:1;min-height:0;border-radius:18px;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.3)}
.offer-spread,.offer-stage{height:100%;min-height:0}
.offer-stage{display:grid;grid-template-columns:1.04fr 1fr;background:var(--offer-paper)}
.offer-visual{position:relative;overflow:hidden;isolation:isolate;min-width:0;margin:0;background:var(--offer-ink)}
.offer-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:offer-image-in .8s ease-out both}
.offer-visual::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.58));pointer-events:none}
.offer-visual figcaption{position:absolute;z-index:2;inset:auto 32px 26px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;color:#fff}
.offer-photo-label{max-width:70%;font:400 clamp(20px,2.4vw,34px)/1.15 var(--offer-serif);text-wrap:balance}
.offer-photo-number{font:400 clamp(50px,6vw,84px)/.75 var(--offer-serif);opacity:.74}
.offer-art{position:absolute;inset:0;padding:14%;display:flex;align-items:center;font:400 clamp(40px,5vw,72px)/1.1 var(--offer-serif);color:var(--accent);overflow-wrap:anywhere;background:radial-gradient(ellipse at 90% 10%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 65%)}
.offer-visual:not(.is-typographic) .offer-art{visibility:hidden}
.offer-art::after{content:"";position:absolute;width:80%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:50%;bottom:-25%;left:-30%}
.offer-story{display:flex;flex-direction:column;min-height:0;min-width:0;color:var(--offer-ink);background:var(--offer-paper)}
.offer-copy{overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:clamp(24px,3.4vw,54px) clamp(24px,3.7vw,60px) 22px;scrollbar-color:color-mix(in srgb,var(--offer-ink) 30%,transparent) transparent;scrollbar-width:thin;overflow-wrap:anywhere}
.offer-story.is-brief .offer-copy{display:flex;flex-direction:column;justify-content:center}
.offer-copy .offer-eyebrow{font:600 10px/1.5 var(--sans);letter-spacing:.17em;text-transform:uppercase;color:var(--offer-muted);margin:0 0 24px}
.offer-rule{display:block;width:48px;height:2px;background:color-mix(in srgb,var(--accent) 65%,var(--offer-ink));margin-bottom:24px}
#offerHeading{font:400 clamp(38px,4.6vw,76px)/1.03 var(--offer-serif);letter-spacing:-.04em;margin:0 0 24px;text-wrap:balance;color:var(--offer-ink)}
#offerHeading.offer-heading-long{font-size:clamp(34px,3.6vw,58px)}
.offer-description{font:400 clamp(14px,1.15vw,17px)/1.75 var(--sans);color:var(--offer-muted);margin:0 0 24px}
.offer-description p{margin:0 0 16px;white-space:pre-line}.offer-description p:last-child{margin-bottom:0}
.offer-dates{font:500 12px/1.6 var(--sans);color:var(--offer-muted);margin:20px 0}.offer-dates span{font-size:10px}
.offer-code{font:13px/1.6 var(--sans);padding:12px 0;user-select:text}
.offer-code strong{font-family:var(--mono);margin-left:10px}
.offer-copy .offer-code{border-block:1px solid color-mix(in srgb,var(--offer-ink) 18%,transparent);margin:20px 0}
.offer-terms{font:13px/1.7 var(--sans);color:var(--offer-muted);margin-top:20px}
.offer-terms summary{cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none}
.offer-terms summary::-webkit-details-marker{display:none}
.offer-terms summary span{font-size:20px;transition:transform .2s}.offer-terms[open] summary span{transform:rotate(45deg)}
.offer-terms p{white-space:pre-line;margin:8px 0 16px}
.offer-actions{flex:none;padding:18px clamp(24px,3.7vw,60px) 28px;border-top:1px solid color-mix(in srgb,var(--offer-ink) 12%,transparent)}
.offer-action{width:100%;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px 12px 24px;border-radius:999px;border:1px solid var(--offer-ink);color:var(--offer-paper);background:var(--offer-ink);font:500 13px/1.4 var(--sans);text-align:left;transition:background .2s}
.offer-action:hover{background:color-mix(in srgb,var(--offer-ink) 85%,var(--accent))}
.offer-action-arrow{flex:none;display:grid;place-items:center;width:30px;height:30px;border:1px solid color-mix(in srgb,var(--offer-paper) 35%,transparent);border-radius:50%;font-size:19px;transition:transform .2s}.offer-action:hover .offer-action-arrow{transform:translateX(2px)}
#offersSelector[hidden]{display:none!important}
#offersSelector{display:flex;gap:8px;overflow-x:auto;flex:none;max-width:100%;padding:2px 2px 6px;scrollbar-width:thin}
.offer-choice{flex:none;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--ink-dim);font:12px/1.4 var(--sans);min-height:44px;padding:10px 18px;max-width:340px;text-align:left}
.offer-choice span{font:10px var(--mono);color:var(--accent)}.offer-choice[aria-pressed=true]{border-color:var(--accent);color:var(--ink)}
.offers-empty{height:100%;display:flex;flex-direction:column;justify-content:center;gap:24px;padding:8%;background:var(--offer-paper);color:var(--offer-ink)}
.offers-empty h2{font:400 clamp(30px,4vw,56px)/1.1 var(--offer-serif)}.offers-empty p{font:15px/1.7 var(--sans)}
body.on-offers #console,body.on-offers #subtabs{visibility:hidden;pointer-events:none}
.offers-panel :is(button,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.offer-story :is(button,summary):focus-visible{outline-color:var(--offer-ink);outline-offset:3px}
#offerHeading:focus,#offersTitle:focus{outline:none}
@keyframes offer-image-in{from{opacity:.3;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@media(max-width:1100px){#offersPage{left:24px;right:24px}.offer-stage{grid-template-columns:.85fr 1fr}}
@media(max-width:760px){
 #offersPage{left:12px;right:12px;top:calc(var(--sales-header-h,110px) + 8px);bottom:calc(var(--foot-h,56px) + var(--hud-h,116px) + 42px)}
 .offers-panel{gap:8px}.offers-toolbar{gap:12px}.offers-count{padding-left:12px;font-size:10px}#offersBack{font-size:11px;gap:8px}#offersBack>span{width:30px;height:30px}
 #offersBody{border-radius:12px}.offer-stage{display:flex;flex-direction:column;overflow:auto;overscroll-behavior:contain}.offer-visual{height:96px;min-height:0;flex:none}
 .offer-visual figcaption{inset:auto 22px 16px}.offer-photo-label{font-size:20px}.offer-photo-number{font-size:40px}
 .offer-story{display:contents}.offer-copy{overflow:visible;flex:1 0 auto;padding:20px 22px 18px}.offer-copy .offer-eyebrow{margin-bottom:10px;font-size:9px}.offer-rule{display:none}
 #offerHeading{font-size:38px;margin-bottom:16px}#offerHeading.offer-heading-long{font-size:30px}.offer-description{font-size:14px}
 .offer-actions{position:sticky;bottom:0;z-index:3;background:var(--offer-paper);padding:8px 18px}.offer-action{min-height:50px;font-size:12px}
 #offersSelector{gap:6px}.offer-choice{max-width:260px;min-height:44px;font-size:11px;padding:8px 14px}
 #hud #navTabs[data-count="7"]{grid-template-columns:repeat(12,minmax(0,1fr))}
 #hud #navTabs[data-count="7"] .tab{grid-column:span 3}
 #hud #navTabs[data-count="7"] .tab:is([data-slot="5"],[data-slot="6"],[data-slot="7"]){grid-column:span 4}
 #hud #navTabs[data-count="5"]{grid-template-columns:repeat(6,minmax(0,1fr))}
 #hud #navTabs[data-count="5"] .tab{grid-column:span 2}
 #hud #navTabs[data-count="5"] .tab:is([data-slot="4"],[data-slot="5"]){grid-column:span 3}
 #hud #navTabs[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px) and (max-height:720px){
 .offer-visual{display:none}.offer-copy{padding:14px 22px}.offer-copy .offer-eyebrow{display:none}
 #offerHeading{font-size:30px}#offerHeading.offer-heading-long{font-size:24px}
}
@media(prefers-reduced-motion:reduce){.offer-image{animation:none}.offer-action,.offer-action-arrow,.offer-terms summary span{transition:none}}
