/* WorkWork's original three-part mark. A calm, product-led introduction. */
.utility-bar{background:#f3f5f3;color:#4e616a;border-bottom:1px solid #e8ece8}.utility-inner a:hover{color:var(--navy)}.site-header{border-bottom-color:#ecefeb}.header-cta{background:var(--navy);border-color:var(--navy);font-weight:500}.header-cta:hover{background:#123f5b;border-color:#123f5b}
.ethos-hero{background:#f7f8f5;overflow:hidden;padding:62px 0 0;isolation:isolate}.ethos-grid{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:12px;min-height:465px}.ethos-copy{position:relative;z-index:1;padding:0 0 25px}.ethos-copy .eyebrow{color:#52675b;font-size:.62rem;font-weight:500;letter-spacing:.17em;margin-bottom:25px}.ethos-copy h1{font-size:clamp(2.75rem,4.05vw,3.6rem);font-weight:400;letter-spacing:-.055em;line-height:1.12;color:#112d3a;max-width:620px}.ethos-copy h1 span{color:#4f6a59}.ethos-intro{max-width:420px;font-size:1rem;line-height:1.8;color:#5d6c6c;margin-top:25px}.ethos-copy .hero-actions{margin-top:31px;gap:21px}.ethos-copy .button{background:#174a35;border-color:#174a35;border-radius:2px;min-height:51px;padding:14px 21px;font-weight:500;font-size:.83rem;gap:18px}.ethos-copy .button:hover{background:#0b3825;border-color:#0b3825}.ethos-copy .button .icon{width:18px;height:18px}.ethos-secondary{display:inline-flex;align-items:center;gap:10px;font-size:.8rem;font-weight:400;color:#344e53;min-height:44px}.ethos-secondary .icon{width:16px;height:16px;transition:transform .2s}.ethos-secondary:hover .icon{transform:translateX(3px)}.ethos-promise{margin-top:24px;color:#6c7976;font-size:.69rem;letter-spacing:.01em}
.ethos-visual{position:relative;min-width:0;align-self:center}.solar-stage{display:block;width:108%;height:auto;max-width:none;margin-left:-1%;overflow:visible}.logo-band{filter:url(#band-shadow);transform-box:fill-box;transform-origin:center}.logo-band path{stroke:#d7e6ed;stroke-opacity:.25;stroke-width:.45;stroke-linejoin:round}.band-navy path{stroke:#aac6d9;stroke-opacity:.65;stroke-width:.8}.scene-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:-21px 8% 7px 12%;min-height:44px}.scene-footer>span{font-size:.51rem;color:#6d7c7b;letter-spacing:.16em;font-weight:500}.replay-ethos{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:#516864;font-size:.65rem;padding:8px 0;min-width:63px;min-height:44px;cursor:pointer}.replay-ethos svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.replay-ethos:hover{color:#163e2b}.replay-ethos[hidden]{display:none}.replay-ethos:disabled{opacity:.4;cursor:default}
.ethos-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;list-style:none;margin:35px 0 0;padding:29px 0 35px;border-top:1px solid #dce3db}.ethos-principle{--band-color:#44aa36;position:relative}.ethos-navy{--band-color:#012d60}.ethos-cyan{--band-color:#01a5df}.principle-heading{display:flex;align-items:center;gap:11px;margin-bottom:10px}.principle-dot{display:block;flex:none;width:7px;height:7px;border-radius:50%;background:var(--band-color)}.ethos-principle h2{font-size:1rem;font-weight:500;line-height:1.4;letter-spacing:-.025em;color:#1e3a40}.ethos-principle p{font-size:.8rem;line-height:1.75;max-width:325px;color:#64716e;padding-left:18px}
.is-playing .band-green{animation:band-arrive 1.2s cubic-bezier(.22,.61,.36,1) .2s both}.is-playing .band-navy{animation:band-arrive 1.2s cubic-bezier(.22,.61,.36,1) 1.35s both}.is-playing .band-cyan{animation:band-arrive 1.2s cubic-bezier(.22,.61,.36,1) 2.5s both}.is-playing .ethos-green{animation:principle-reveal .9s ease .55s both}.is-playing .ethos-navy{animation:principle-reveal .9s ease 1.7s both}.is-playing .ethos-cyan{animation:principle-reveal .9s ease 2.85s both}
@keyframes band-arrive{from{opacity:0;transform:translateY(-70px)}to{opacity:1;transform:translateY(0)}}
@keyframes principle-reveal{from{opacity:.28;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.ethos-hero{padding-top:80px}.ethos-grid{min-height:495px}.ethos-copy h1{font-size:3.7rem}.ethos-principles{margin-top:42px;padding-bottom:40px}}
@media(max-width:1190px){.ethos-hero{padding-top:49px}.ethos-copy h1{font-size:clamp(2.65rem,4.35vw,3.4rem)}.ethos-grid{min-height:430px}.ethos-copy .hero-actions{gap:12px}.ethos-copy .button{padding:13px 16px;font-size:.78rem;gap:12px}.ethos-secondary{font-size:.75rem;gap:6px}.ethos-intro{font-size:.94rem;max-width:380px}.ethos-principles{gap:30px}.ethos-principle h2{font-size:.94rem}.scene-footer{margin-left:9%;margin-right:3%}}
@media(max-width:850px) and (min-width:701px){.ethos-grid{grid-template-columns:1.1fr 1fr;gap:0}.ethos-copy h1{font-size:2.65rem}.ethos-copy .eyebrow{font-size:.54rem}.ethos-copy .hero-actions{gap:9px 18px}.ethos-copy .button{font-size:.79rem}.ethos-intro{font-size:.89rem}.ethos-principles{gap:22px}.ethos-principle h2{font-size:.87rem}.ethos-principle p{font-size:.76rem}.scene-footer>span{font-size:.43rem;max-width:145px}.scene-footer{margin-top:-6px;gap:8px}.replay-ethos{min-width:58px}}
@media(max-width:700px){.ethos-hero{padding-top:40px}.ethos-grid{grid-template-columns:1fr;min-height:0;gap:0}.ethos-copy{padding:0}.ethos-copy .eyebrow{font-size:.56rem;letter-spacing:.14em;margin-bottom:21px}.ethos-copy h1{font-size:clamp(2.45rem,8vw,3.5rem);max-width:620px;letter-spacing:-.055em;line-height:1.12}.ethos-intro{font-size:.94rem;line-height:1.8;margin-top:22px;max-width:470px}.ethos-copy .hero-actions{flex-direction:row;align-items:center;gap:12px 20px;margin-top:25px}.ethos-copy .button{font-size:.8rem;min-height:49px;padding:13px 17px;gap:13px}.ethos-secondary{font-size:.76rem;gap:8px}.ethos-promise{font-size:.65rem;margin-top:18px}.ethos-visual{width:100%;max-width:510px;margin:0 auto}.solar-stage{width:100%;margin:0}.scene-footer{margin:-22px 7% 0;gap:12px}.scene-footer>span{font-size:.48rem;max-width:none}.replay-ethos{font-size:.63rem}.ethos-principles{grid-template-columns:1fr;gap:24px;margin-top:25px;padding:27px 0 32px}.ethos-principle h2{font-size:1.01rem}.principle-heading{margin-bottom:6px}.ethos-principle p{font-size:.83rem;max-width:470px;padding-left:18px}.ethos-principle{border:0}}
@media(max-width:390px){.ethos-copy h1{font-size:2.35rem}.ethos-copy .hero-actions{gap:7px 15px}.ethos-copy .button{padding:13px 15px}.ethos-secondary{font-size:.74rem}.scene-footer>span{font-size:.43rem}}
@media(prefers-reduced-motion:reduce){.ethos-hero .logo-band,.ethos-hero .ethos-principle{animation:none!important;transform:none!important;opacity:1!important}.replay-ethos{display:none!important}}
@media print{.ethos-hero{padding-top:25px}.ethos-principle,.logo-band{animation:none!important;opacity:1!important;transform:none!important}.replay-ethos{display:none}}