.home-featured[hidden]{display:none!important}.home-featured{position:relative;left:auto;bottom:auto;justify-self:start;grid-row:2;z-index:35;width:300px;max-width:calc(100vw - 40px);padding:13px;border:1px solid #97765347;border-radius:18px;background:linear-gradient(135deg,#252725ee,#14191df5);backdrop-filter:blur(22px);box-shadow:0 13px 50px #0007,inset 0 1px 0 #ffffff08;color:#ece7df;font-family:Inter,"Avenir Next",system-ui,sans-serif;transition:opacity .2s,transform .2s}.home-feature-link{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:12px;text-decoration:none!important;color:inherit!important;border-radius:10px}.home-feature-graphic{display:block;position:relative;width:96px;height:77px;overflow:hidden;border:1px solid #ffffff12;border-radius:10px;background:radial-gradient(circle at 40% 20%,#3e4237,#17201e);isolation:isolate}.home-feature-graphic:empty:after{content:"↗";display:grid;place-items:center;height:100%;color:#b18c61;font-size:24px}.home-feature-graphic img,.home-feature-graphic video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.home-feature-graphic video{pointer-events:none}.home-feature-copy{display:block;min-width:0}.home-feature-label{display:block;font:500 8px/1.4 ui-monospace,monospace;letter-spacing:1.1px;text-transform:uppercase;color:#da9c68;margin:0 0 6px}.home-feature-title{display:block;font-size:13px;font-weight:550;line-height:1.35;letter-spacing:-.15px;color:#eee8df}.home-feature-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#a19b92;font-size:9px;line-height:1.6;margin-top:6px}.home-feature-controls{display:flex;align-items:center;gap:7px;padding:10px 0 0;margin-top:10px;border-top:1px solid #ffffff0b}.home-feature-controls[hidden]{display:none!important}.home-feature-position{font:8px ui-monospace,monospace;color:#8e857a;margin-right:auto}.home-feature-controls button{display:grid;place-items:center;height:23px;min-width:23px;padding:0 5px;background:#ffffff04;border:1px solid #ffffff12;border-radius:5px;color:#b0a18f;font:10px system-ui;cursor:pointer}.home-feature-controls [data-feature-pause]{font-size:8px;min-width:83px}.home-feature-controls button:hover{color:#ffc399;border-color:#a9774d66}.home-feature-controls button:disabled{opacity:.5;cursor:default}.home-featured :is(a,button):focus-visible{outline:2px solid #ff9f62;outline-offset:4px}.search-home:has(#home-search[aria-expanded=true]) .home-featured{opacity:0;pointer-events:none;transform:translateY(8px)}@media(max-width:760px){.home-featured{position:relative;left:auto;bottom:auto;align-self:flex-start;flex:none;width:300px;max-width:calc(100vw - 40px);margin:0;padding:12px;border-radius:15px}.home-feature-link{grid-template-columns:82px minmax(0,1fr);gap:11px}.home-feature-graphic{width:82px;height:69px;border-radius:8px}.home-feature-title{font-size:12px}.home-feature-description{font-size:9px}.home-feature-label{font-size:7px;margin-bottom:5px}.home-feature-controls{margin-top:8px;padding-top:8px}.home-feature-controls button{min-width:32px;height:32px}.home-feature-controls [data-feature-pause]{min-width:96px}}@media(max-width:400px){.home-featured{max-width:calc(100vw - 32px);margin-inline:0}.home-feature-link{gap:10px}}@media(prefers-reduced-motion:reduce){.home-featured{transition:none}.home-feature-graphic video{display:none}}

.home-main:has(>.home-featured:not([hidden])){grid-template-rows:1fr auto;row-gap:28px;padding-bottom:24px}.home-main>.home-featured{margin-left:-6px}@media(max-width:650px){.home-main>.home-featured{margin-left:0}}
@media(max-width:760px){.home-main:has(>.home-featured:not([hidden])){padding-bottom:110px}}

/* Keep the desktop feature visible independently of the center content height. */
@media(min-width:761px){
 .home-main>.home-featured{position:fixed;left:24px;bottom:112px;margin:0;max-height:calc(100dvh - 224px);overflow:auto}
 .home-main:has(>.home-featured:not([hidden])){grid-template-rows:1fr;row-gap:0;padding-bottom:48px}
 body.search-home:has(.home-featured:not([hidden])) .owner-payment-launcher{bottom:22px}
}
