.el-whypage-work,.el-whypage-spread{--whypage-gap: clamp(2rem, 5vw, 5.5rem)}.el-whypage-work{padding-block:clamp(3rem,5.6vw,5.5rem) clamp(1rem,2vw,2rem);border-top:1px solid var(--rule)}.el-whypage-intro{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.25rem var(--whypage-gap);padding-inline:var(--pad-x);margin-bottom:clamp(.5rem,1.2vw,1.25rem)}.el-whypage-intro h2{margin:0}.el-whypage-intro-p{max-width:27em;margin:0;color:var(--ink-mid)}.el-whypage-row,.el-whypage-spread{--whypage-py: clamp(2.25rem, 4vw, 4rem);--el-collage-max-h: min(46rem, calc(100svh - var(--nav-h) - 2 * var(--whypage-py)));display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"text media";align-items:center;column-gap:var(--whypage-gap);padding:var(--whypage-py) var(--pad-x);scroll-margin-top:var(--nav-h)}.el-whypage-row--flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"media text"}.el-whypage-text{grid-area:text;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.el-whypage-eyebrow{margin:0 0 1em}.el-whypage-h{margin-bottom:.55em;line-height:1.08}.el-whypage-p{max-width:27em;margin:0}.el-whypage-p+.el-whypage-p{margin-top:.75em}.el-whypage-list{width:min(100%,26rem);margin:clamp(1.25rem,2vw,1.75rem) 0 0;padding:0;list-style:none;border-bottom:1px solid var(--rule)}.el-whypage-list>li{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;border-top:1px solid var(--rule);font-size:var(--t-small);font-weight:700;line-height:1.3}.el-whypage-mark{flex:none;color:var(--gold);font-size:.6rem;line-height:1}.el-whypage-link{min-height:2.75rem;align-items:flex-end;margin-top:clamp(1.1rem,1.8vw,1.6rem)}.el-whypage-media{grid-area:media;display:flex;justify-content:flex-end;min-width:0}.el-whypage-row--flip .el-whypage-media{justify-content:flex-start}.el-whypage-spread{--whypage-py: clamp(3rem, 5.6vw, 5.5rem);position:relative;isolation:isolate;overflow:hidden;background:var(--forest);color:var(--oat)}.el-whypage-ogee{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;color:var(--gold-soft);pointer-events:none}.el-whypage-spread .el-whypage-h{color:#fff}.el-whypage-spread .el-whypage-p{color:#f2ede3db}.el-whypage-spread .el-collage-tile{background:#ffffff0f}.el-whypage-inline{position:relative;color:#fff;font-weight:700;text-decoration:underline;text-decoration-color:var(--gold-soft);text-decoration-thickness:1px;text-underline-offset:.22em;transition:color .3s ease}.el-whypage-inline:hover{color:var(--gold-soft)}.el-whypage-pills{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:clamp(1.5rem,2.4vw,2.25rem)}.el-whypage-pills .pill{min-height:2.75rem}@media(max-width:899px){.el-whypage-work{padding-block:2.75rem .5rem}.el-whypage-intro{flex-direction:column;align-items:flex-start;gap:.9rem}.el-whypage-row,.el-whypage-row--flip,.el-whypage-spread{--el-collage-max-h: 100rem;grid-template-columns:minmax(0,1fr);grid-template-areas:"text" "media";row-gap:1.75rem;padding:2.25rem var(--pad-x)}.el-whypage-spread{padding-block:3rem}.el-whypage-media,.el-whypage-row--flip .el-whypage-media{justify-content:flex-start}.el-whypage-p{max-width:34em}}@media(max-width:479px){.el-whypage-pills .pill{flex:1 1 auto;padding-inline:1.4rem}}.el-whypage-six{padding:var(--band-y) var(--pad-x);background:#fff}.el-whypage-six-head{max-width:44rem}.el-whypage-six-head .t-h1{margin-top:.8rem}.el-whypage-six-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:clamp(2rem,4vw,3.25rem) 0 0;padding:0;list-style:none;border-top:1px solid var(--rule);border-left:1px solid var(--rule)}.el-whypage-six-card{position:relative;display:grid;align-content:start;gap:.6rem;padding:clamp(1.5rem,2.6vw,2.25rem);border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);transition:background-color .4s var(--ease)}@media(hover:hover){.el-whypage-six-card:hover{background:var(--paper)}.el-whypage-six-card:hover .el-whypage-six-icon{background:var(--forest);border-color:var(--forest);color:#fff}}.el-whypage-six-no{position:absolute;top:clamp(1.25rem,2.2vw,1.85rem);right:clamp(1.25rem,2.2vw,1.85rem);font-size:.8125rem;font-weight:900;letter-spacing:.08em;color:rgb(var(--ink-rgb) / .3)}.el-whypage-six-icon{display:grid;place-items:center;width:3.25rem;height:3.25rem;margin-bottom:.4rem;border:1px solid var(--rule-strong);border-radius:50%;color:var(--gold);transition:background-color .4s var(--ease),color .4s var(--ease),border-color .4s var(--ease)}.el-whypage-six-icon svg{width:1.65rem;height:1.65rem}.el-whypage-six-t{font-size:var(--t-card);line-height:1.18;letter-spacing:-.018em}.el-whypage-six-p{margin:0;font-size:var(--t-small);line-height:1.5;color:var(--ink-mid)}.el-whypage-six-close{max-width:46rem;margin:clamp(1.75rem,3vw,2.5rem) 0 0;font-size:var(--t-lede);line-height:1.45;color:var(--ink-mid)}@media(max-width:959px){.el-whypage-six-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:599px){.el-whypage-six-grid{grid-template-columns:minmax(0,1fr)}}.el-whypage-six .el-whypage-inline{color:var(--ink);text-decoration-color:var(--gold)}.el-whypage-six .el-whypage-inline:hover{color:var(--gold)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/ecolux-why-page.css.map */