/* Scroll film (homepage hero). Dark + gold theme from the site; scoped to #world. */
:root,.sw-root{
  --sw-bg:#0C0D11;--sw-ink:#F5EBDF;--sw-ink-soft:#C9C3B8;--sw-accent:#C49A5E;
  --sw-font-display:Outfit,system-ui,sans-serif;--sw-font-body:Figtree,system-ui,sans-serif;
}
#world{position:relative;clip-path:inset(0);background:#0C0D11}
#world .sw-topbar,#world .sw-sky{display:none}
#world .sw-copylayer::before{width:min(62vw,860px);background:linear-gradient(90deg,rgba(12,13,17,.86) 0%,rgba(12,13,17,.6) 40%,rgba(12,13,17,.2) 72%,transparent 100%)}
#world .sw-copy{width:min(46vw,520px)}
#world .sw-copylayer>.sw-copy:first-child{width:min(62vw,780px)}
#world .sw-copy__num{color:#C9C3B8}
#world .sw-copy__eyebrow{color:#C49A5E;font-weight:600}
#world .sw-copy__title{font-weight:600;color:#F5EBDF;text-shadow:0 2px 24px rgba(12,13,17,.55)}
#world .sw-copylayer>.sw-copy:first-child .sw-copy__title{font-size:clamp(2.1rem,3.7vw,3.5rem);line-height:1.06}
#world .sw-copy__body{color:#E4DDD1;text-shadow:0 1px 14px rgba(12,13,17,.8);max-width:46ch}
#world .sw-copy__tags li{color:#F5EBDF;background:rgba(196,154,94,.16);border:1px solid rgba(196,154,94,.5)}
#world .sw-btn{border-radius:6px;font-weight:600}
#world .sw-btn--primary{background:#C49A5E;color:#0C0D11}
#world .sw-btn--ghost{color:#F5EBDF;border:1.5px solid #F5EBDF}
#world .sw-route__label{background:rgba(12,13,17,.88);color:#F5EBDF;border-color:rgba(196,154,94,.35)}
#world .sw-hint{color:#E4DDD1}
#world .sw-hint i{border-color:rgba(245,235,223,.5)}
.film-tag{position:fixed;right:24px;bottom:20px;z-index:35;font:12px/1 Figtree,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:rgba(245,235,223,.7);pointer-events:none}
@media (max-width:860px){
  #world .sw-copylayer::before{width:100%;height:68%;background:linear-gradient(0deg,rgba(12,13,17,.92) 6%,rgba(12,13,17,.7) 46%,transparent 100%)}
  #world .sw-copy,#world .sw-copylayer>.sw-copy:first-child{width:auto}
  /* keep copy, hint and tag clear of the fixed Call/Text/Estimate bar the site shows on phones */
  #world .sw-copy{bottom:calc(clamp(84px,13dvh,120px) + env(safe-area-inset-bottom))}
  #world .sw-hint{display:none}
  .film-tag{right:14px;bottom:calc(68px + env(safe-area-inset-bottom))}
}
#world .sw-route{display:none}
