.pillars-section{background:var(--color-surface-warm);padding:0}.pillars-lanes{display:flex;flex-direction:column}@keyframes pillar-slide-in{0%{transform:translate(-60px);opacity:0}to{transform:translate(0);opacity:1}}.pillar-lane{display:flex;align-items:center;gap:40px;padding:56px var(--gutter);text-decoration:none;color:var(--color-surface);position:relative;overflow:hidden;transition:filter .3s ease;opacity:0;transform:translate(-60px);background:var(--lane-bg)}.pillar-lane.is-visible{animation:pillar-slide-in 1.1s cubic-bezier(.22,.61,.36,1) .3s forwards}.pillar-lane:nth-child(2).is-visible{animation-delay:.5s}.pillar-lane:nth-child(3).is-visible{animation-delay:.7s}.pillar-lane:hover{filter:brightness(1.08)}.pillar-lane:before{content:"";position:absolute;right:0;top:0;width:40%;height:100%;background-image:var(--scene-image);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.25;pointer-events:none;transition:opacity .3s ease;-webkit-mask-image:linear-gradient(to right,transparent,black 40%);mask-image:linear-gradient(to right,transparent,black 40%)}.pillar-lane:hover:before{opacity:.45}.pillar-lane-icon{width:100px;height:100px;border-radius:50%;background:#ffffff2e;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s ease;will-change:transform}.pillar-lane:hover .pillar-lane-icon{transform:scale(1.08)}.pillar-lane-icon svg{width:48px;height:48px;stroke:var(--color-surface);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.pillar-lane-text{flex:1;min-width:0}.pillar-lane-title{font-family:var(--font-display);font-size:clamp(24px,3vw,36px);font-weight:700;letter-spacing:-.3px;margin-bottom:8px}.pillar-lane-desc{font-size:15px;opacity:.85;max-width:480px;line-height:1.5}.pillar-lane-arrow{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s ease,border-color .3s ease}.pillar-lane:hover .pillar-lane-arrow{transform:translate(6px);border-color:#fffc}.pillar-lane-arrow svg{width:22px;height:22px;stroke:var(--color-surface);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media(max-width:749px){.pillar-lane{padding:40px var(--gutter);gap:24px}.pillar-lane-icon{width:72px;height:72px}.pillar-lane-icon svg{width:36px;height:36px}.pillar-lane-arrow{width:40px;height:40px}.pillar-lane-desc{display:none}.pillar-lane:before{width:50%}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/pillars.css.map */