/* Approved Scenic Glass homepage. Scoped to Home only. */
html body.unravel-brand #app #homePage#homePage#homePage{max-width:none!important;padding:clamp(12px,3vw,36px)!important;background:transparent!important;color:#263026!important}
html body.unravel-brand #app #homePage#homePage#homePage #originalHome{max-width:980px!important;margin:0 auto!important;padding:24px!important;background:linear-gradient(160deg,rgba(249,251,245,.38),rgba(249,248,236,.64))!important;border:1px solid rgba(255,255,255,.85)!important;border-radius:30px!important;box-shadow:0 20px 60px #26362920!important;backdrop-filter:blur(9px)!important;-webkit-backdrop-filter:blur(9px)!important}
html body.unravel-brand #app #homePage#homePage#homePage #originalHome::before{display:none!important}
html body.unravel-brand #app #homePage#homePage#homePage .uf-header{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:0!important;padding:0 0 12px!important;background:transparent!important;border:0!important;gap:12px!important}
html body.unravel-brand #app #homePage#homePage#homePage .uf-wordmark{font:450 clamp(23px,3vw,33px)/1.2 system-ui!important;letter-spacing:.23em!important;color:#243027!important;text-shadow:none!important}
html body.unravel-brand #app #homePage#homePage#homePage .uf-account{margin-left:auto!important;gap:8px!important}
html body.unravel-brand #app #homePage#homePage#homePage .uc-private-label,html body.unravel-brand #app #homePage#homePage#homePage .premium-masthead-line,html body.unravel-brand #app #homePage#homePage#homePage .uc-brand-dot,html body.unravel-brand #app #homePage#homePage#homePage .premium-connections,html body.unravel-brand #app #homePage#homePage#homePage .uc-life-caption,html body.unravel-brand #app #homePage#homePage#homePage .premium-now,html body.unravel-brand #app #homePage#homePage#homePage .premium-value,html body.unravel-brand #app #homePage#homePage#homePage .uf-footer,html body.unravel-brand #app #homePage#homePage#homePage .uc-input-caption{display:none!important}
html body.unravel-brand #app #homePage#homePage#homePage .uf-top{background:none!important;padding:0!important}
html body.unravel-brand #app #homePage#homePage#homePage .uc-salutation{display:flex!important;position:relative!important;inset:auto!important;justify-content:space-between!important;align-items:center!important;padding:0!important;min-height:0!important;opacity:1!important;margin:0 0 8px!important}
html body.unravel-brand #app #homePage#homePage#homePage #ufGreeting{font:400 14px/1.4 system-ui!important;color:#334238!important;margin:0!important}
html body.unravel-brand #app #homePage#homePage#homePage .uc-date{display:none!important}
html body.unravel-brand #app #homePage#homePage#homePage .uf-hero{display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important;min-height:0!important;padding:8px 0 18px!important;margin:0!important;background:none!important;border:0!important}
html body.unravel-brand #app #homePage#homePage#homePage .uc-hero-copy{order:-1!important;margin:0 0 16px!important}
html body.unravel-brand #app #homePage#homePage#homePage .uc-hero-copy h1{font:400 clamp(18px,2.3vw,23px)/1.4 system-ui!important;letter-spacing:0!important;color:#394a40!important;text-shadow:none!important;margin:0!important}
html body.unravel-brand #app #homePage#homePage#homePage .uc-hero-copy p{display:none!important}
html body.unravel-brand #app #homePage#homePage#homePage .uf-orb-wrap{width:164px!important;height:auto!important;min-height:0!important;margin:0 auto 14px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important}
html body.unravel-brand #app #homePage#homePage#homePage .uf-hero .uf-orb{width:150px!important;height:150px!important;min-height:150px!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
html body.unravel-brand #app #homePage#homePage#homePage .uf-orb-state{position:relative!important;inset:auto!important;font:500 14px/1.4 system-ui!important;letter-spacing:.03em!important;color:#273a30!important;text-transform:none!important}
html body.unravel-brand #app #homePage#homePage#homePage .uf-ask-bar{width:100%!important;max-width:none!important;min-height:54px!important;box-sizing:border-box!important;padding:5px 6px 5px 16px!important;margin:0!important;gap:8px!important;background:rgba(255,253,247,.91)!important;border:1px solid #ffffffd9!important;border-radius:22px!important;box-shadow:0 4px 16px #23372912!important}
html body.unravel-brand #app #homePage#homePage#homePage .uf-ask-bar::before{content:""!important;display:none!important}
html body.unravel-brand #app #homePage#homePage#homePage .uf-ask-bar input{font:400 16px/1.4 system-ui!important;color:#29392f!important;min-width:0!important;background:transparent!important}
html body.unravel-brand #app #homePage#homePage#homePage .uf-ask-bar input::placeholder{color:#67736a!important}
html body.unravel-brand #app #homePage#homePage#homePage .uf-send{width:44px!important;height:44px!important;min-width:44px!important;border:0!important;border-radius:50%!important;background:#4e6048!important;color:#fff!important;box-shadow:none!important}
html body.unravel-brand #app #homePage#homePage#homePage .uf-card-grid.home-six-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;padding:0!important;margin:0!important;max-width:none!important}
html body.unravel-brand #app #homePage#homePage#homePage .home-six-grid .home-six-title{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;position:relative!important;isolation:auto!important;min-width:0!important;min-height:0!important;padding:0!important;gap:0!important;overflow:hidden!important;border:1px solid #ffffffd9!important;border-radius:18px!important;background:rgba(255,252,243,.92)!important;color:#26342a!important;text-align:left!important;text-shadow:none!important;box-shadow:0 4px 12px #27392710!important;backdrop-filter:none!important}
html body.unravel-brand #app #homePage#homePage#homePage .home-six-title::before,html body.unravel-brand #app #homePage#homePage#homePage .home-six-title::after{display:none!important}
html body.unravel-brand #app #homePage#homePage#homePage .home61-photo{display:block!important;width:100%!important;height:180px!important;object-fit:cover!important;filter:none!important;opacity:1!important;border-radius:0!important}
html body.unravel-brand #app #homePage#homePage#homePage .home61-label{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:13px 16px!important;min-height:48px!important;box-sizing:border-box!important;font:500 17px/1.3 system-ui!important;letter-spacing:0!important;color:#26342a!important;background:rgba(255,252,243,.92)!important}
html body.unravel-brand #app #homePage#homePage#homePage .home61-label span{font:400 21px/1 system-ui!important;color:#5c6a59!important}
html body.unravel-brand #app #homePage#homePage#homePage .home61-coming{padding:18px!important;margin-top:18px!important;background:rgba(255,252,243,.82)!important;border:1px solid #fff!important;border-radius:20px!important}
html body.unravel-brand #app #homePage#homePage#homePage .home61-coming header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:8px!important}
html body.unravel-brand #app #homePage#homePage#homePage .home61-coming h2{font:500 19px/1.3 system-ui!important;color:#293b2f!important;margin:0!important}
html body.unravel-brand #app #homePage#homePage#homePage .home61-coming button{min-height:44px!important;font:500 13px/1.4 system-ui!important;padding:8px 10px!important;border:0!important;background:transparent!important;color:#465d3f!important}
html body.unravel-brand #app #homePage#homePage#homePage .home61-coming .home-mini-row{display:flex!important;align-items:center!important;gap:14px!important;padding:13px 0!important;margin:0!important;border:0!important;border-bottom:1px solid #899b7d33!important;background:transparent!important}
html body.unravel-brand #app #homePage#homePage#homePage .home61-coming .home-mini-row:last-child{border-bottom:0!important}
html body.unravel-brand #app #homePage#homePage#homePage .home61-coming time{flex:0 0 54px!important;font:400 13px/1.4 system-ui!important;color:#65725e!important}
html body.unravel-brand #app #homePage#homePage#homePage .home61-coming b{font:500 14px/1.45 system-ui!important;color:#2b3d2b!important}
html body.unravel-brand #app #homePage#homePage#homePage .home61-coming p{font:400 14px/1.5 system-ui!important;color:#52634c!important;margin:8px 0!important}
html body.unravel-brand:has(#homePage:not(.hidden)){background:#b6c8c2 url('/assets/home-scenic61.webp') center center/cover fixed!important}
html body.unravel-brand #app:has(#homePage:not(.hidden)){background:transparent!important}
@media(max-width:650px){html body.unravel-brand #app #homePage#homePage#homePage{padding:10px!important}html body.unravel-brand #app #homePage#homePage#homePage #originalHome{padding:16px!important;border-radius:24px!important}html body.unravel-brand #app #homePage#homePage#homePage .home61-photo{height:112px!important}html body.unravel-brand #app #homePage#homePage#homePage .home61-label{font-size:15px!important;padding:11px 12px!important}html body.unravel-brand #app #homePage#homePage#homePage .uf-card-grid.home-six-grid{gap:10px!important}html body.unravel-brand #app #homePage#homePage#homePage .uf-wordmark{font-size:23px!important;letter-spacing:.18em!important}html body.unravel-brand #app #homePage#homePage#homePage .home61-coming{padding:14px!important}html body.unravel-brand #app #homePage#homePage#homePage .uf-hero .uf-orb{width:130px!important;height:130px!important;min-height:130px!important}html body.unravel-brand #app #homePage#homePage#homePage .uf-orb-wrap{width:140px!important}html body.unravel-brand #app #homePage#homePage#homePage .uf-account select{max-width:95px!important;font-size:12px!important}}

html body.unravel-brand #app #homePage#homePage#homePage .uf-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
html body.unravel-brand #app #homePage#homePage#homePage .uf-mic{display:none!important}
html body.unravel-brand #app #homePage#homePage#homePage #ufAvatarButton{background:rgba(248,251,240,.8)!important;color:#364b32!important;border:1px solid #ffffff!important}

/* Real application shell must not cover the Scenic Glass backdrop. */
html body.unravel-brand #app#app:has(#homePage:not(.hidden)) .main{background:transparent!important;background-image:none!important}
html body.unravel-brand #app #homePage#homePage#homePage .home-six-title{min-height:160px!important;font:500 17px/1.3 system-ui!important}
html body.unravel-brand #app #homePage#homePage#homePage .home-six-title:has(.home61-photo){min-height:0!important}

/* Homepage polish: compact hero, balanced tablet grid and clear focus. */
html body.unravel-brand #app #homePage#homePage#homePage .home-six-title{transition:box-shadow .18s ease,transform .18s ease!important}
html body.unravel-brand #app #homePage#homePage#homePage .home-six-title:focus-visible,html body.unravel-brand #app #homePage#homePage#homePage .uf-send:focus-visible{outline:3px solid #4e6048!important;outline-offset:4px!important}
html body.unravel-brand #app #homePage#homePage#homePage .home61-photo{object-position:center 52%!important}
html body.unravel-brand #app #homePage#homePage#homePage .home61-label{font-weight:550!important}
@media(hover:hover){
 html body.unravel-brand #app #homePage#homePage#homePage .home-six-title:hover{transform:translateY(-2px)!important;box-shadow:0 8px 22px #27392725!important}
}
@media(min-width:760px){
 html body.unravel-brand #app #homePage#homePage#homePage #originalHome{max-width:940px!important;padding:26px 30px!important}
 html body.unravel-brand #app #homePage#homePage#homePage .uf-card-grid.home-six-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
 html body.unravel-brand #app #homePage#homePage#homePage .home61-photo{height:clamp(140px,17vw,180px)!important}
 html body.unravel-brand #app #homePage#homePage#homePage .uf-ask-bar{max-width:650px!important}
 html body.unravel-brand #app #homePage#homePage#homePage .uf-hero{padding:0 0 24px!important}
 html body.unravel-brand #app #homePage#homePage#homePage .uf-hero .uf-orb{width:132px!important;height:132px!important;min-height:132px!important}
 html body.unravel-brand #app #homePage#homePage#homePage .uc-hero-copy{margin-bottom:10px!important}
}
@media(max-width:650px){
 html body.unravel-brand #app #homePage#homePage#homePage .uf-header{padding-bottom:8px!important}
 html body.unravel-brand #app #homePage#homePage#homePage .uc-salutation{margin-bottom:4px!important}
 html body.unravel-brand #app #homePage#homePage#homePage .uf-hero{padding:6px 0 16px!important}
 html body.unravel-brand #app #homePage#homePage#homePage .uc-hero-copy{margin-bottom:10px!important}
 html body.unravel-brand #app #homePage#homePage#homePage .uf-hero .uf-orb{width:112px!important;height:112px!important;min-height:112px!important}
 html body.unravel-brand #app #homePage#homePage#homePage .uf-orb-wrap{margin-bottom:10px!important}
 html body.unravel-brand #app #homePage#homePage#homePage .home61-label{min-height:44px!important}
}
@media(prefers-reduced-motion:reduce){html body.unravel-brand #app #homePage#homePage#homePage .home-six-title{transition:none!important}}

/* Compact lower homepage and restore the white glass outline. */
html body.unravel-brand #app #homePage#homePage#homePage #originalHome{border:2px solid rgba(255,255,255,.96)!important;box-shadow:0 16px 44px #26362920,inset 0 0 0 1px #ffffff40!important;padding-bottom:16px!important;min-height:0!important}
html body.unravel-brand #app #homePage#homePage#homePage .home61-coming{margin-top:10px!important;padding:10px 16px!important;border:1px solid #fff!important;border-radius:16px!important}
html body.unravel-brand #app #homePage#homePage#homePage .home61-coming header{margin-bottom:0!important}
html body.unravel-brand #app #homePage#homePage#homePage .home61-coming .home-mini-row{padding:8px 0!important}
html body.unravel-brand #app #homePage#homePage#homePage .home61-coming button{padding:6px 8px!important}
html body.unravel-brand #app #homePage#homePage#homePage .home61-coming h2{font-size:17px!important}
html body.unravel-brand #app #homePage#homePage#homePage{padding-bottom:12px!important;min-height:0!important}
@media(max-width:650px){html body.unravel-brand #app #homePage#homePage#homePage #originalHome{padding-bottom:12px!important}html body.unravel-brand #app #homePage#homePage#homePage .home61-coming{padding:8px 12px!important}}

/* Homepage ends at the six navigation tiles. */
html body.unravel-brand #app #homePage#homePage#homePage .home61-coming{display:none!important}
html body.unravel-brand #app #homePage#homePage#homePage #originalHome{height:auto!important;min-height:0!important;padding-bottom:16px!important}