.work{background:#fff;border-top:3px solid var(--dark);padding:var(--section-v) 0}.work-inner{margin:0 auto;max-width:var(--container);padding:0 40px}.work-sh{align-items:start;display:grid;gap:64px;grid-template-columns:1fr 1fr;margin-bottom:clamp(40px,5vw,64px)}.work-eyebrow{align-items:center;color:var(--orange);display:flex;font-size:11px;font-weight:600;gap:10px;letter-spacing:2.5px;margin-bottom:16px;text-transform:uppercase}.work-eyebrow:before{background:var(--orange);content:"";flex-shrink:0;height:2px;width:24px}.work-h2{color:var(--dark);font-family:var(--ff-head);font-size:clamp(28px,3.5vw,48px);letter-spacing:-1px;line-height:1.05}.work-h2 em{color:var(--orange);font-style:italic}.work-sh-body{color:rgba(28,26,20,.5);font-size:16px;font-weight:300;line-height:1.75;margin-bottom:24px;padding-top:8px}.work-sh-body strong{color:var(--dark);font-weight:600}.work-sh-cta{align-items:center;color:var(--orange);display:inline-flex;font-size:11px;font-weight:700;gap:8px;letter-spacing:.14em;text-transform:uppercase;transition:gap .2s}.work-sh-cta svg{fill:none;stroke:var(--orange);stroke-width:2}.work-sh-cta:hover{gap:14px}.work-stack{display:flex;flex-direction:column;gap:24px}.cs-h-card{background:var(--dark);display:grid;grid-template-columns:52% 48%;overflow:hidden;position:relative;transition:background .3s}.cs-h-card:hover{background:#232018}.cs-h-card:after{background:var(--orange);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transform-origin:bottom;transition:transform .5s ease;width:3px}.cs-h-card:hover:after{transform:scaleY(1)}.cs-h-card--reversed{grid-template-columns:48% 52%}.cs-h-card--reversed .cs-h-copy{order:1;padding:44px 44px 44px 52px}.cs-h-card--reversed .cs-h-thumb{order:2}.cs-h-thumb{background:transparent;border:none;min-height:320px;overflow:hidden;padding:0;position:relative;width:100%}.cs-h-thumb img{display:block;height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.cs-h-card:hover .cs-h-thumb img{transform:scale(1.04)}.cs-h-thumb:after{background:linear-gradient(90deg,rgba(28,26,20,0) 55%,rgba(28,26,20,.45));content:"";inset:0;position:absolute}.cs-style-badge{backdrop-filter:blur(8px);background:rgba(28,26,20,.72);border:1px solid hsla(42,25%,92%,.1);color:hsla(42,25%,92%,.85);font-size:9px;font-weight:700;left:18px;letter-spacing:.16em;padding:5px 11px;position:absolute;text-transform:uppercase;top:18px;z-index:3}.cs-play-over{inset:0;position:absolute;z-index:2}.cs-play-over,.play-btn{align-items:center;display:flex;justify-content:center}.play-btn{backdrop-filter:blur(6px);background:rgba(28,26,20,.35);border:1px solid rgba(232,93,60,.4);border-radius:50%;height:56px;position:relative;transition:all .3s ease;width:56px}.play-btn:before{border:1px solid rgba(232,93,60,.12);border-radius:50%;content:"";inset:-10px;position:absolute;transition:inset .3s}.cs-h-card:hover .play-btn,.cs-v-card:hover .play-btn{background:var(--orange);border-color:var(--orange);box-shadow:0 0 0 14px rgba(232,93,60,.1);transform:scale(1.1)}.play-btn svg{fill:hsla(42,25%,92%,.85);margin-left:3px}.cs-h-card:hover .play-btn svg,.cs-v-card:hover .play-btn svg{fill:#fff}.cs-h-copy{display:flex;flex-direction:column;justify-content:center;padding:44px 48px}.cs-industry{color:rgba(240,192,48,.6);font-size:10px;font-weight:700;letter-spacing:.18em;margin-bottom:12px;text-transform:uppercase}.cs-belief{border-left:1px solid rgba(232,93,60,.28);color:hsla(42,25%,92%,.35);font-size:13px;font-style:italic;line-height:1.65;margin-bottom:16px;padding-left:14px}.cs-title{color:#fff;font-family:var(--ff-head);font-size:clamp(20px,2.2vw,28px);letter-spacing:-.3px;line-height:1.1;margin-bottom:14px}.cs-desc{color:hsla(42,25%,92%,.45);font-size:14px;font-weight:300;line-height:1.7;margin-bottom:20px}.cs-desc strong{color:hsla(42,25%,92%,.7);font-weight:500}.cs-outcome{border:1px solid hsla(42,25%,92%,.07);border-left:2px solid var(--orange);margin-bottom:24px;padding:12px 16px}.cs-outcome-label{color:hsla(42,25%,92%,.3);display:block;font-size:9px;font-weight:700;letter-spacing:.16em;margin-bottom:4px;text-transform:uppercase}.cs-outcome-val{color:var(--offwhite);font-size:13px;font-weight:600;line-height:1.5}.cs-link{align-items:center;color:var(--orange);display:inline-flex;font-size:10px;font-weight:700;gap:8px;letter-spacing:.14em;text-transform:uppercase;transition:gap .2s}.cs-link svg{fill:none;stroke:var(--orange);stroke-width:2}.cs-link:hover{gap:14px}.cs-row{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.cs-v-card{aspect-ratio:3/4;background:#111;overflow:hidden;position:relative}.cs-v-thumb{background:linear-gradient(135deg,#1c1a14,#2a2218 50%,#1c1a14);inset:0;overflow:hidden;position:absolute}.cs-v-thumb img{display:block;height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.cs-v-card:hover .cs-v-thumb img{transform:scale(1.06)}.cs-v-thumb:after{background:linear-gradient(180deg,rgba(28,26,20,0) 0,rgba(28,26,20,.1) 45%,rgba(28,26,20,.88) 72%,rgba(28,26,20,.98));content:"";inset:0;position:absolute;transition:background .4s}.cs-v-card:hover .cs-v-thumb:after{background:linear-gradient(180deg,rgba(28,26,20,0) 0,rgba(28,26,20,.2) 35%,rgba(28,26,20,.92) 65%,rgba(28,26,20,.99))}.cs-v-badge{backdrop-filter:blur(8px);background:rgba(28,26,20,.68);border:1px solid hsla(42,25%,92%,.1);color:hsla(42,25%,92%,.8);font-size:9px;font-weight:700;left:14px;letter-spacing:.14em;padding:4px 9px;text-transform:uppercase;top:14px}.cs-v-badge,.cs-v-play{position:absolute;z-index:3}.cs-v-play{align-items:center;backdrop-filter:blur(6px);background:rgba(28,26,20,.3);border:1px solid rgba(232,93,60,.35);border-radius:50%;display:flex;height:44px;justify-content:center;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:44px}.cs-v-play svg{fill:hsla(42,25%,92%,.8);margin-left:2px}.cs-v-card:hover .cs-v-play{background:var(--orange);border-color:var(--orange);transform:translate(-50%,-50%) scale(1.1)}.cs-v-card:hover .cs-v-play svg{fill:#fff}.cs-v-copy{bottom:0;left:0;padding:14px 16px 18px;position:absolute;right:0;z-index:2}.cs-v-industry{color:rgba(240,192,48,.55);display:block;font-size:9px;font-weight:700;letter-spacing:.16em;margin-bottom:6px;text-transform:uppercase}.cs-v-title{color:#fff;font-family:var(--ff-head);font-size:clamp(14px,1.5vw,17px);letter-spacing:-.2px;line-height:1.2;margin-bottom:6px}.cs-v-desc{color:hsla(42,25%,92%,.45);font-size:12px;line-height:1.55;margin-bottom:8px;max-height:0;opacity:0;overflow:hidden;transform:translateY(6px);transition:all .35s ease}.cs-v-card:hover .cs-v-desc{max-height:80px;opacity:1;transform:translateY(0)}.cs-v-link{align-items:center;color:var(--orange);display:inline-flex;font-size:9px;font-weight:700;gap:6px;letter-spacing:.14em;opacity:0;text-transform:uppercase;transform:translateY(4px);transition:all .3s ease .05s}.cs-v-link svg{fill:none;stroke:var(--orange);stroke-width:2}.cs-v-card:hover .cs-v-link{opacity:1;transform:translateY(0)}.work-group{display:flex;flex-direction:column;gap:28px;margin-top:48px}.work-group:first-child{margin-top:0}.work-group-label{border-bottom:1px solid rgba(0,0,0,.25);color:#000;font-size:11px;font-weight:800;letter-spacing:.2em;margin-bottom:0;padding-bottom:14px;text-transform:uppercase}.cs-row.cols-2{grid-template-columns:repeat(2,1fr)}.cs-row.cols-2 .cs-v-card{aspect-ratio:16/9}.cs-row.cols-2 .cs-v-copy{padding-bottom:28px}.cs-feat-card{background:var(--dark);overflow:hidden;transition:transform .3s ease}.cs-feat-card:hover{transform:translateY(-3px)}.cs-feat-thumb{aspect-ratio:16/9;overflow:hidden;position:relative}.cs-feat-thumb img{display:block;filter:brightness(.92);height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.cs-feat-card:hover .cs-feat-thumb img{filter:brightness(1);transform:scale(1.04)}.cs-feat-badge{backdrop-filter:blur(6px);background:rgba(28,26,20,.72);color:var(--offwhite);font-size:9px;font-weight:700;left:14px;letter-spacing:.14em;padding:5px 10px;position:absolute;text-transform:uppercase;top:14px}.cs-feat-play{align-items:center;backdrop-filter:blur(4px);background:rgba(28,26,20,.6);border:1.5px solid hsla(42,25%,92%,.35);border-radius:50%;display:flex;height:44px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background .25s,border-color .25s;width:44px}.cs-feat-play svg{fill:var(--offwhite);margin-left:2px}.cs-feat-card:hover .cs-feat-play{background:var(--orange);border-color:var(--orange)}.cs-feat-body{border-top:2px solid var(--orange);padding:22px 26px 26px}.cs-feat-industry{color:var(--orange);font-size:9px;font-weight:700;letter-spacing:.2em;margin-bottom:10px;text-transform:uppercase}.cs-feat-title{color:var(--offwhite);font-family:var(--ff-head);font-size:clamp(18px,1.8vw,24px);font-weight:400;line-height:1.2;margin-bottom:10px}.cs-feat-desc{color:hsla(42,25%,92%,.5);font-size:13px;line-height:1.55;margin-bottom:16px}.cs-feat-outcome{align-items:flex-start;border-top:1px solid hsla(42,25%,92%,.07);display:flex;gap:10px;padding-top:14px}.cs-feat-outcome-label{color:hsla(42,25%,92%,.3);flex-shrink:0;font-size:9px;font-weight:700;letter-spacing:.14em;padding-top:2px;text-transform:uppercase}.cs-feat-outcome-text{color:hsla(42,25%,92%,.65);font-size:12px;line-height:1.5}.cs-feat-link{align-items:center;color:var(--orange);display:inline-flex;font-size:10px;font-weight:700;gap:6px;letter-spacing:.14em;margin-top:14px;text-decoration:none;text-transform:uppercase;transition:gap .2s}.cs-feat-link svg{fill:none;stroke:var(--orange);stroke-width:2}.cs-feat-card:hover .cs-feat-link{gap:10px}.work-footer{align-items:center;border-top:1px solid rgba(28,26,20,.1);display:flex;justify-content:space-between;margin-top:40px;padding-top:24px}.work-footer-note{color:rgba(28,26,20,.4);font-size:13px}.btn-ghost-dark,.work-footer-note strong{color:var(--dark)}.btn-ghost-dark{border:1px solid rgba(28,26,20,.25);border-radius:4px;display:inline-block;font-size:13px;font-weight:600;padding:12px 28px;transition:background .2s,border-color .2s;white-space:nowrap}.btn-ghost-dark:hover{background:rgba(28,26,20,.06);border-color:rgba(28,26,20,.5)}@media (max-width:900px){.work-inner{padding:0 24px}.work-sh{gap:24px;grid-template-columns:1fr}.work-group{margin-top:36px}.cs-h-card,.cs-h-card--reversed{grid-template-columns:1fr}.cs-h-card--reversed .cs-h-thumb{order:1}.cs-h-card--reversed .cs-h-copy{order:2;padding:36px 32px}.cs-h-thumb{min-height:240px}.cs-h-copy{padding:36px 32px}.work-group{gap:24px}.cs-row{gap:14px;grid-template-columns:repeat(2,1fr)}.cs-v-card{aspect-ratio:16/9}.cs-v-copy{padding:14px 16px 18px}.cs-v-title{font-size:15px;line-height:1.25}.cs-v-badge{font-size:9px;left:12px;padding:4px 8px;top:12px}.cs-v-play{height:40px;width:40px}.cs-v-thumb:after{background:linear-gradient(180deg,rgba(28,26,20,0) 0,rgba(28,26,20,.15) 35%,rgba(28,26,20,.85) 65%,rgba(28,26,20,.98))}.work-footer{flex-direction:column;gap:20px;text-align:center}}@media (max-width:600px){.work{padding:clamp(48px,8vw,72px) 0}.work-inner{padding:0 18px}.work-sh{margin-bottom:32px}.work-h2{font-size:clamp(26px,7vw,32px)}.work-sh-body{font-size:15px;margin-bottom:18px}.cs-h-thumb{min-height:200px}.cs-h-card--reversed .cs-h-copy,.cs-h-copy{padding:26px 22px}.cs-industry{font-size:9px;margin-bottom:10px}.cs-belief{font-size:12.5px;line-height:1.55;margin-bottom:14px;padding-left:12px}.cs-title{font-size:20px;margin-bottom:12px}.cs-desc{font-size:13px;margin-bottom:18px}.cs-outcome{margin-bottom:18px;padding:10px 14px}.cs-outcome-val{font-size:12.5px}.cs-row,.cs-row.cols-2{gap:14px;grid-template-columns:1fr}.cs-v-card{aspect-ratio:auto;background:var(--dark);border:none;border-radius:8px;box-shadow:0 4px 18px rgba(28,26,20,.08);display:flex;flex-direction:column;overflow:hidden}.cs-v-thumb{aspect-ratio:16/9;flex-shrink:0;inset:auto;position:relative;width:100%}.cs-v-thumb:after{background:linear-gradient(180deg,rgba(28,26,20,0) 0,rgba(28,26,20,.15))}.cs-v-card:hover .cs-v-thumb:after{background:linear-gradient(180deg,rgba(28,26,20,0) 0,rgba(28,26,20,.25))}.cs-v-badge{font-size:9px;left:12px;padding:4px 8px;top:12px}.cs-v-play{height:44px;width:44px}.cs-v-copy{background:var(--dark);padding:16px 18px 18px;position:static}.cs-v-industry{color:rgba(240,192,48,.85);display:block;margin-bottom:8px}.cs-v-title{color:#fff;font-size:16px;line-height:1.3;margin-bottom:8px}.cs-v-desc{color:hsla(42,25%,92%,.62);font-size:13px;line-height:1.55;margin-bottom:12px;max-height:none}.cs-v-desc,.cs-v-link{opacity:1;transform:none}.cs-v-link{font-size:10px}.cs-feat-body{padding:18px 20px 22px}.cs-feat-title{font-size:18px}.cs-feat-desc{font-size:12.5px;margin-bottom:12px}.cs-feat-outcome{padding-top:12px}.cs-feat-outcome-text{font-size:11.5px}.work-group{gap:18px;margin-top:32px}.work-footer{margin-top:28px;padding-top:20px}.btn-ghost-dark,.work-footer-note{font-size:12.5px}.btn-ghost-dark{padding:10px 22px}}@media (hover:none) and (min-width:601px){.cs-v-desc{max-height:80px}.cs-v-desc,.cs-v-link{opacity:1;transform:translateY(0)}}