/* Readable previews by default; scroll choreography is progressive. */
.home-showcase{position:relative;background:#030405;color:#f4f7ef;isolation:isolate}.home-showcase__sticky{padding:95px 0 70px;overflow:clip}.home-showcase__shell{width:min(90%,1370px);margin-inline:auto}
.home-showcase__intro{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:32px}.home-showcase__intro .eyebrow{color:#87e64b;margin-bottom:18px;font-size:10px}.home-showcase__intro h2{font-size:clamp(42px,5.1vw,74px);font-weight:500;line-height:1.02;letter-spacing:-.055em;margin:0;max-width:none}.home-showcase__intro h2 em{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;color:#87e64b}.home-showcase__intro>p{font-size:15px;line-height:1.7;color:#b8c2b5;max-width:32ch;margin:0 0 4px}
.home-showcase__scene{display:grid;gap:30px;max-width:1060px;margin-inline:auto;position:relative;perspective:1800px}.home-showcase__screen{min-width:0;position:relative;overflow:hidden;border:1px solid #ffffff33;border-radius:16px;background:#f6f8f3;color:#172019;box-shadow:0 24px 70px #0005;transform-origin:center;display:flex;flex-direction:column;font-size:13px;line-height:1.4}
.screen-browser{display:flex;align-items:center;gap:12px;flex:none;height:36px;padding:0 16px;background:#191d1a;color:#b7c3b2;border-bottom:1px solid #ffffff16}.screen-browser>span{display:flex;gap:5px}.screen-browser i{width:5px;height:5px;border-radius:50%;background:#687263}.screen-browser small{font-size:9px}.screen-browser b{margin-left:auto;font-size:9px;font-weight:500;color:#baf594;text-transform:uppercase;letter-spacing:.08em}
.screen-dashboard{display:grid;grid-template-columns:155px minmax(0,1fr);flex:1;min-height:0}.screen-sidebar{display:flex;flex-direction:column;gap:8px;padding:22px 15px;background:#eef1e9;border-right:1px solid #17201912;color:#52604b;font-size:10px}.screen-brand{display:flex;align-items:center;gap:9px;color:#172019;font-size:12px;font-weight:600;margin-bottom:16px}.screen-brand img{width:30px;height:30px;flex:none}.screen-sidebar>span{padding:8px 10px;border-radius:5px}.screen-sidebar .selected{background:#172019;color:#eff8e8}.screen-sidebar>small{font-size:8px;margin-top:auto;padding:14px 8px 0}.screen-dashboard-main{min-width:0;padding:24px}
.screen-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.screen-dashboard-head p{margin:0 0 6px;color:#617156;text-transform:uppercase;font-size:9px;letter-spacing:.09em}.screen-dashboard-head h3{font-size:30px;font-weight:550;line-height:1.1;letter-spacing:-.05em;margin:0}.screen-avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#ddebca;color:#45613b;font-size:10px}
.screen-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.screen-metrics>div{padding:13px;background:#fff;border:1px solid #17201918;border-radius:8px}.screen-metrics small,.screen-metrics strong,.screen-metrics span{display:block}.screen-metrics small{font-size:9px;color:#5b6953}.screen-metrics strong{font-size:29px;line-height:1.2;letter-spacing:-.04em;font-weight:550;margin:5px 0}.screen-metrics span{font-size:8px;color:#45712e}
.screen-pipeline{background:#fff;border:1px solid #17201918;border-radius:8px;padding:13px;margin-top:12px}.screen-pipeline>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:10px;margin-bottom:13px}.screen-pipeline>div:first-child small{font-size:7px;text-transform:uppercase;color:#65775a}.screen-chart{height:83px;display:flex;align-items:end;gap:11px;padding:0 8px;border-bottom:1px solid #17201918;background:repeating-linear-gradient(to top,transparent 0 26px,#17201908 26px 27px)}.screen-chart i{flex:1;height:var(--bar);background:#87e64b;border-radius:3px 3px 0 0}.screen-chart i:nth-child(3n){background:#253b24}.screen-chart i:nth-child(3n + 2){background:#cde8ba}.screen-chart-labels{display:flex;justify-content:space-between;padding-top:8px;font-size:7px;color:#5b6953}
.screen-action{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 22px;background:#eef1e9;border-top:1px solid #17201918;flex:none}.screen-action p{margin:0;font-size:12px;color:#52604b}.screen-action a{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:44px;padding:11px 17px;background:#87e64b;color:#0d190a;border:1px solid #6abe34;border-radius:7px;font-size:12px;font-weight:600;text-decoration:none;flex:none}.screen-action a>span{font-size:19px;line-height:1}.screen-action a:hover{background:#b0f383}.screen-action a:focus-visible{outline:3px solid #2373d4;outline-offset:4px}
.screen-marketing{background:#152016;color:#f4f7ef}.screen-campaign{display:grid;grid-template-columns:1fr 1fr;gap:25px;flex:1;padding:28px}.screen-campaign-copy{align-self:center}.home-showcase .screen-kicker{font-size:9px;text-transform:uppercase;letter-spacing:.12em;margin:0 0 18px;color:#8aad74}.screen-campaign h3{font-size:clamp(40px,4.7vw,62px);line-height:.99;letter-spacing:-.055em;font-weight:500;margin:0 0 18px}.screen-campaign h3 em{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;color:#b0ef86}.screen-campaign-copy>p:not(.screen-kicker){font-size:13px;line-height:1.7;color:#c4d0bb;max-width:33ch;margin:0}.screen-channels{display:flex;gap:7px;margin-top:18px}.screen-channels span{font-size:9px;padding:5px 11px;border:1px solid #ffffff30;border-radius:30px}.screen-campaign-art{position:relative;min-height:280px;border-radius:9px;overflow:hidden}.screen-campaign-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center}.screen-campaign-tag{position:absolute;bottom:16px;left:16px;right:16px;background:#f2f7eadb;backdrop-filter:blur(5px);border-radius:5px;padding:11px;color:#192916;font-size:10px}.screen-marketing .screen-action{background:#1b291a;border-color:#ffffff20}.screen-marketing .screen-action p{color:#c4d0bb}
.screen-assets{background:#fff5ed;color:#172019}.screen-library{display:grid;grid-template-columns:.85fr 1.15fr;gap:35px;align-items:center;padding:28px;flex:1}.screen-library .screen-kicker{color:#526843}.screen-library h3{font-size:clamp(37px,4.1vw,56px);line-height:1;letter-spacing:-.055em;font-weight:500;margin:0 0 22px}.screen-library-copy>p:not(.screen-kicker){font-size:13px;line-height:1.7;color:#52604b;max-width:31ch;margin:0}.screen-library-note{display:block;font-size:10px;color:#344d26;margin-top:25px;padding-top:15px;border-top:1px solid #17201930}.screen-asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;min-width:0}.screen-asset-grid img{display:block;width:100%;height:auto;aspect-ratio:1.55;object-fit:cover;border:1px solid #17201915;border-radius:7px}.screen-asset-grid span{display:block;font-size:10px;color:#52604b;margin-top:7px}.screen-assets .screen-action{background:#f2e8de}
.home-showcase__controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding-top:16px;border-top:1px solid #ffffff26}.home-showcase__controls[hidden]{display:none}.home-showcase__hint,.home-showcase__count{font-size:10px;color:#b6c3ac}.home-showcase__controls>div{display:flex;gap:8px}.home-showcase__controls button{border:1px solid transparent;background:transparent;color:#c7d1bf;min-height:44px;padding:8px 18px;border-radius:30px;font-size:12px;cursor:pointer}.home-showcase__controls button>span{font-size:9px;margin-right:8px;color:#a4b596}.home-showcase__controls button[aria-current]{border-color:#87e64b;color:#dffccd;background:#87e64b14}.home-showcase__controls button:hover{background:#87e64b22}.home-showcase__controls button:focus-visible{outline:2px solid #87e64b;outline-offset:3px}
.home-showcase.is-scroll-scene{height:420svh}.home-showcase.is-scroll-scene .home-showcase__sticky{position:sticky;top:0;height:100svh;padding:calc(var(--header-h) + 24px) 0 24px;display:flex;align-items:center}.home-showcase.is-scroll-scene .home-showcase__intro h2{font-size:clamp(42px,4.3vw,62px)}.home-showcase.is-scroll-scene .home-showcase__intro{margin-bottom:22px}.home-showcase.is-scroll-scene .home-showcase__scene{height:var(--screen-height,490px)}.home-showcase.is-scroll-scene .home-showcase__screen{position:absolute;inset:0;width:100%;height:100%;will-change:transform,opacity;backface-visibility:hidden}.home-showcase.is-scroll-scene .home-showcase__controls{margin-top:18px;padding-top:10px}
.home-current .work-head h2{max-width:19ch;font-size:clamp(38px,5vw,72px);line-height:1.04;letter-spacing:-.05em}.home-current .work-counter{font-size:10px;letter-spacing:.08em;white-space:nowrap}.home-current .work-sticky{padding-top:var(--header-h)}
@media(max-width:900px){.home-showcase__sticky{padding:75px 0 60px}.home-showcase__intro{display:block}.home-showcase__intro>p{margin-top:24px}.home-showcase__scene{gap:35px}.screen-campaign h3{font-size:48px}.screen-library h3{font-size:42px}.screen-library{gap:22px}.screen-campaign-art{min-height:300px}.home-current .work-counter{white-space:normal;max-width:15ch}}
@media(max-width:600px){.home-showcase__shell{width:calc(100% - 36px)}.home-showcase__intro h2{font-size:clamp(34px,8.6vw,49px)}.home-showcase__intro .eyebrow{font-size:9px}.home-showcase__intro>p{font-size:14px}.home-showcase__screen{border-radius:12px}.screen-browser{padding-inline:11px;gap:8px}.screen-browser small{font-size:8px}.screen-browser b{font-size:8px}.screen-dashboard{grid-template-columns:1fr}.screen-sidebar{display:none}.screen-dashboard-main{padding:18px 14px}.screen-dashboard-head h3{font-size:25px}.screen-dashboard-head p{font-size:8px}.screen-metrics{gap:6px}.screen-metrics>div{padding:10px 8px}.screen-metrics small{font-size:8px}.screen-metrics strong{font-size:27px}.screen-metrics span{font-size:7px;line-height:1.4}.screen-chart{gap:7px}.screen-action{display:block;padding:16px}.screen-action p{font-size:11px;margin-bottom:12px}.screen-action a{width:100%;font-size:13px;min-height:48px}.screen-campaign,.screen-library{grid-template-columns:1fr;gap:22px;padding:23px}.screen-campaign h3{font-size:49px}.screen-campaign h3 br:last-child{display:none}.screen-campaign-copy>p:not(.screen-kicker),.screen-library-copy>p:not(.screen-kicker){max-width:36ch;font-size:13px}.screen-campaign-art{min-height:210px}.screen-library h3{font-size:43px}.screen-library-note{margin-top:18px}.screen-asset-grid{gap:12px}.screen-asset-grid span{font-size:9px}.home-current .work-head{display:block}.home-current .work-counter{display:block;max-width:none;margin-top:22px}}
@media(prefers-reduced-motion:reduce){.home-showcase__screen{transform:none!important;opacity:1!important;will-change:auto}}
.screen-asset-grid img{aspect-ratio:2.25}
/* Keep the original overlapping screens on shorter laptops as well as tall monitors.
   JS selects this density from measured space instead of a fixed height cutoff. */
.home-showcase.is-scroll-scene.is-compact .home-showcase__sticky{padding:calc(var(--header-h) + 12px) 0 16px}
.home-showcase.is-scroll-scene.is-compact .home-showcase__intro{margin-bottom:16px}
.home-showcase.is-scroll-scene.is-compact .home-showcase__intro h2{font-size:40px}
.home-showcase.is-scroll-scene.is-compact .home-showcase__intro .eyebrow{margin-bottom:8px}
.home-showcase.is-scroll-scene.is-compact .home-showcase__controls{margin-top:12px;padding-top:8px}
.home-showcase.is-scroll-scene.is-compact .screen-dashboard-main{padding:14px}
.home-showcase.is-scroll-scene.is-compact .screen-dashboard-head{margin-bottom:10px}
.home-showcase.is-scroll-scene.is-compact .screen-dashboard-head h3{font-size:26px}
.home-showcase.is-scroll-scene.is-compact .screen-metrics>div{padding:9px 12px}
.home-showcase.is-scroll-scene.is-compact .screen-metrics strong{font-size:27px}
.home-showcase.is-scroll-scene.is-compact .screen-chart{height:42px}
.home-showcase.is-scroll-scene.is-compact .screen-sidebar{gap:4px;padding-block:15px}
.home-showcase.is-scroll-scene.is-compact .screen-action{padding-block:10px}
.home-showcase.is-scroll-scene.is-compact .screen-campaign,.home-showcase.is-scroll-scene.is-compact .screen-library{padding:22px}
.home-showcase.is-scroll-scene.is-compact .screen-campaign h3{font-size:41px;margin-bottom:12px}
.home-showcase.is-scroll-scene.is-compact .screen-library h3{font-size:38px;margin-bottom:14px}
.home-showcase.is-scroll-scene.is-compact .screen-campaign-art{min-height:230px}
.home-showcase.is-scroll-scene.is-compact .screen-campaign-copy>p:not(.screen-kicker){font-size:12px}
.home-showcase.is-scroll-scene.is-compact .screen-channels{margin-top:12px}
.home-showcase.is-scroll-scene.is-compact .screen-kicker{margin-bottom:12px}
.home-showcase.is-scroll-scene.is-compact .screen-asset-grid{gap:10px}
.home-showcase.is-scroll-scene.is-compact .screen-asset-grid img{aspect-ratio:3.2}
.home-showcase.is-scroll-scene.is-compact .screen-library-note{margin-top:15px;padding-top:10px}

/* Lead Workspace is a natural three-panel scroll story: no intro or manual controls. */
.home-showcase--workspace .home-showcase__sticky{padding:clamp(64px,8vw,120px) 0;overflow:clip}
.home-showcase--workspace .home-showcase__shell{width:100%;max-width:none}
.home-showcase--workspace .home-showcase__scene{width:96vw;max-width:1840px;margin-inline:auto;gap:clamp(70px,12vh,140px)}
.home-showcase--workspace .home-showcase__screen{min-height:min(82svh,820px);opacity:.34;transform:translateY(40px) scale(.985);transition:opacity .62s ease,transform .68s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}
.home-showcase--workspace .home-showcase__screen[data-workspace-state=active]{opacity:1;transform:none}
.home-showcase--workspace .home-showcase__screen[data-workspace-state=past]{opacity:.46;transform:translateY(-30px) scale(.99)}
.home-showcase--workspace .workspace-screen-body{grid-template-columns:minmax(260px,.38fr) minmax(0,1.62fr);padding:clamp(24px,3vw,52px);gap:clamp(28px,4vw,72px)}
.home-showcase--workspace .workspace-screen-body figure{min-height:0;height:100%}
.home-showcase--workspace .workspace-screen-body figure img{width:100%;height:100%;object-fit:contain;object-position:center}
@media(max-width:900px){.home-showcase--workspace .home-showcase__scene{width:calc(100% - 40px);gap:70px}.home-showcase--workspace .home-showcase__screen{min-height:0;opacity:1;transform:none}.home-showcase--workspace .workspace-screen-body{grid-template-columns:1fr;padding:24px;gap:25px}.home-showcase--workspace .workspace-screen-body figure{height:auto}.home-showcase--workspace .workspace-screen-body figure img{height:auto;object-fit:contain}}
@media(max-width:600px){.home-showcase--workspace .home-showcase__scene{width:calc(100% - 28px);gap:42px}.home-showcase--workspace .home-showcase__sticky{padding:55px 0}.home-showcase--workspace .workspace-screen-body{padding:18px 14px}.home-showcase--workspace .workspace-screen-copy h3{font-size:clamp(34px,10vw,48px)}}
@media(prefers-reduced-motion:reduce){.home-showcase--workspace .home-showcase__screen{opacity:1!important;transform:none!important;transition:none}}