/* Solith application concepts in three cinematic product worlds. */
.family-showcase{margin-top:55px;border-top:1px solid #ffffff26}
.family-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:24px}
.family-tabs button{position:relative;display:grid;grid-template-columns:25px 1fr 20px;text-align:left;gap:8px 14px;padding:25px 0 21px;background:none;color:#8e8b88;border:0;cursor:pointer;transition:color .3s}
.family-tabs button:after{content:'';position:absolute;left:0;right:0;top:-1px;height:3px;background:#b46b3d;transform:scaleX(0);transform-origin:left;transition:transform .5s}
.family-tabs button[aria-selected=true]{color:#f5f1ec}.family-tabs button[aria-selected=true]:after{transform:scaleX(1)}
.tab-number{font-size:13px;padding-top:9px;color:#c28255}.tab-name{font-size:32px;line-height:1.2;letter-spacing:-.035em}.tab-category{grid-column:2;font-size:14px}.tab-arrow{grid-column:3;grid-row:1;font-size:24px;align-self:center}
.family-screen{position:relative;min-width:0;background:#151412}.family-scene{position:relative;isolation:isolate;overflow:hidden;min-height:680px;height:75svh;max-height:920px;background:#22201d;color:#fff;padding:38px 42px 30px;display:flex;flex-direction:column;justify-content:space-between}
.family-scene[hidden]{display:none!important}.family-scene>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;object-position:62% center;transition:filter 1s;filter:brightness(.9) saturate(.9)}
.scene-shade{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,#050505c9 0%,#08080880 38%,#08080805 80%),linear-gradient(0deg,#080808c9,transparent 35%,transparent 80%,#08080870)}
.scene-top,.scene-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;line-height:1.5}.scene-eyebrow{font-size:13px;letter-spacing:.18em;color:#e6b692}.scene-category{font-size:14px}.scene-main{max-width:800px;padding:45px 0 28px}
.family-scene .scene-main h3,.family-scene .scene-main h1{font-family:var(--sans);font-size:clamp(110px,11.5vw,184px);font-weight:400;line-height:.95;letter-spacing:-.065em;margin:0 0 26px;color:#fff}
.scene-main sup{display:inline-block;font-size:.16em;vertical-align:top;line-height:2.3;margin-left:.5em;letter-spacing:0}.scene-headline{font-size:clamp(28px,3vw,43px);line-height:1.08;letter-spacing:-.035em;margin:0;color:#f0ede9}
.scene-actions{display:flex;align-items:center;gap:34px;margin-top:34px}.scene-link{display:flex;align-items:center;gap:30px;font-size:15px;border-bottom:1px solid #b46b3d;padding:12px 0;color:#fff}.scene-link span{font-size:24px;color:#e2ab86;transition:transform .3s}.scene-link:hover span{transform:translate(3px,-3px)}
.scene-watch{display:flex;align-items:center;gap:13px;border:0;padding:0;background:transparent;color:#fff;font:inherit;font-size:14px;cursor:pointer}.scene-play{width:42px;height:42px;border:1px solid #ffffff75;border-radius:50%;display:grid;place-items:center;font-size:20px;transition:background .3s,border-color .3s}.scene-watch:hover .scene-play{background:#b46b3d;border-color:#b46b3d}
.scene-bottom>span{color:#d0c8c1;font-size:12px}.scene-pause{font:inherit;font-size:13px;border:1px solid #ffffff60;padding:9px 13px;background:#0a0a0a40;color:#fff;cursor:pointer}.scene-progress{height:2px;position:absolute;bottom:0;left:0;right:0;background:#ffffff18}.scene-progress span{display:block;height:100%;background:#c4885f;transform-origin:left;transform:scaleX(var(--film-progress,0))}
.family-scene.is-entering .scene-main{animation:scene-enter .75s cubic-bezier(.2,.7,.2,1) both}.family-scene.is-entering .scene-top{animation:scene-enter .65s both}.family-scene.is-entering video{animation:scene-fade .65s both}
@keyframes scene-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scene-fade{from{opacity:.4}to{opacity:1}}
.family-breadcrumb{display:flex;gap:13px;padding:22px 4vw;font-size:13px;color:#a49e98}.family-breadcrumb a{color:#e1d9d1}.family-page-scene{height:calc(100svh - 153px);max-height:1000px;min-height:660px;padding-left:6vw;padding-right:6vw}.family-page-scene>video{object-position:center}
.family-summary{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center;padding:40px 6vw;border-bottom:1px solid #ffffff1c;background:#141414}.family-summary p{font-size:19px;line-height:1.7;max-width:800px;color:#bbb3ac;margin:0}.family-summary>a{font-size:15px;white-space:nowrap}.family-summary>a span{margin-left:36px;color:#d99d74}#soluciones{scroll-margin-top:92px}
.family-film-dialog{width:min(1220px,94vw);max-width:none;max-height:94svh;padding:22px;background:#101010;border:1px solid #6f4a31;color:#fff;overflow:auto}.family-film-dialog::backdrop{background:#000e;backdrop-filter:blur(12px)}.family-film-dialog .film-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:18px}.film-dialog-head p{margin:0;color:#d7a07c;letter-spacing:.08em;text-transform:uppercase;font-size:14px}.family-film-dialog .close-dialog{position:static;font-family:inherit;font-size:14px;color:#fff;background:none;border:1px solid #ffffff35;line-height:1;padding:12px;cursor:pointer}.family-film-dialog video{display:block;width:100%;height:auto;max-height:72svh;background:#000;aspect-ratio:16/9;object-fit:contain}.film-dialog-note{font-size:13px;color:#b1a9a2;margin:17px 0 0}body:has(.family-film-dialog[open]){overflow:hidden}
.family-tabs button:focus-visible,.scene-watch:focus-visible,.scene-pause:focus-visible,.scene-link:focus-visible,.family-scene:focus-visible{outline:2px solid #e8b58f;outline-offset:6px}
@media(max-width:1000px){.family-scene{padding:30px;min-height:640px}.tab-category{font-size:12px}.family-tabs{gap:20px}.scene-main{padding-top:30px}.scene-category{max-width:200px;text-align:right}.family-page-scene{padding-left:5vw;padding-right:5vw}.family-summary{gap:30px}.family-summary p{font-size:17px}}
@media(max-width:700px){.family-showcase{margin-top:35px}.family-tabs{gap:13px;margin-bottom:18px}.family-tabs button{grid-template-columns:1fr;gap:7px;padding:18px 0 8px}.tab-number{font-size:12px;padding:0}.tab-name{font-size:26px}.tab-category,.tab-arrow{display:none}.family-scene{height:700px;min-height:0;max-height:90svh;padding:25px 22px 22px}.family-scene>video{object-position:62% center}.scene-shade{background:linear-gradient(90deg,#05050596,#08080815),linear-gradient(0deg,#080808e8,transparent 70%,#08080865)}.scene-top{align-items:flex-start;gap:15px}.scene-eyebrow{font-size:12px;white-space:nowrap}.scene-category{font-size:12px;max-width:155px}.scene-main{padding:32px 0 30px}.family-scene .scene-main h3,.family-scene .scene-main h1{font-size:clamp(78px,24vw,135px);margin-bottom:25px}.scene-headline{font-size:32px}.scene-actions{align-items:flex-start;flex-direction:column;gap:21px;margin-top:28px}.scene-link{padding:9px 0;font-size:14px}.scene-watch{font-size:14px}.scene-play{width:38px;height:38px}.scene-bottom{gap:15px;align-items:flex-end}.scene-bottom>span{font-size:11px;max-width:155px}.scene-pause{font-size:12px;padding:8px;white-space:nowrap}.family-breadcrumb{padding:16px 6vw;font-size:12px}.family-page-scene{height:calc(100svh - 130px);min-height:630px;max-height:none;padding:24px 6vw}.family-summary{display:block;padding:30px 6vw}.family-summary p{font-size:16px}.family-summary>a{display:flex;justify-content:space-between;border-top:1px solid #ffffff25;margin-top:24px;padding-top:22px}.family-film-dialog{width:95vw;padding:14px}.family-film-dialog video{max-height:65svh}.family-film-dialog .close-dialog{font-size:13px}.film-dialog-note{font-size:12px}#soluciones{scroll-margin-top:76px}}
@media(prefers-reduced-motion:reduce){.family-scene,.family-scene *{animation:none!important;transition:none!important}}
.motion-off .family-scene *{animation:none!important;transition:none!important}

/* Keep the cotton and the cleaning path visible in narrow crops. */
[data-family-scene="urban"]>video{object-position:50% center}
/* Keep the solar highlights visible while retaining contrast behind the copy. */
[data-family-scene="energy"] .scene-shade{background:linear-gradient(90deg,#050505b0 0%,#08080855 36%,transparent 68%),linear-gradient(0deg,#080808b0,transparent 32%)}