.private-work{position:relative;isolation:isolate;overflow:hidden;padding:clamp(30px,4.5vw,76px);background:#100d16;border:1px solid #a88ac329;border-radius:16px;color:#f4f0f8}
.private-work:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 95% 10%,#8053ba25,transparent 65%);pointer-events:none}
.private-eyebrow{font-size:12px!important;letter-spacing:.16em;color:#c9aaff!important;margin:0 0 36px!important}
.private-work h3{font-size:clamp(36px,4.7vw,78px);font-weight:500;line-height:1.12;letter-spacing:-.045em;margin:0 0 28px}.private-work h3 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.025em;color:#c2a2ff}
.private-lead{font-size:clamp(20px,1.8vw,28px);line-height:1.45;color:#e7dfed!important;max-width:650px;margin:0 0 28px!important}
.private-detail{max-width:660px}.private-detail p{font-size:17px;line-height:1.7;color:#bfb5ca;margin:0 0 18px}
.private-cta{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 24px;margin-top:14px;background:#c2a2ff;color:#191021;border-radius:6px;font:600 15px/1.3 Inter,Arial,sans-serif;text-decoration:none}.private-cta:hover{background:#d2baff}.private-cta:focus-visible{outline:2px solid #fff;outline-offset:5px}
.private-note{font-size:13px!important;line-height:1.5;color:#aea0bc!important;margin:16px 0 0!important}
@media(max-width:700px){.private-work{padding:30px 23px;margin-top:20px;border-radius:12px}.private-eyebrow{font-size:10px!important;margin-bottom:24px!important}.private-work h3{font-size:clamp(32px,8.5vw,54px);line-height:1.16}.private-detail p{font-size:15px;line-height:1.65}.private-lead{font-size:20px}.private-cta{width:100%}}

.landing-showcase{background:#eeeae2;color:#17151b;padding:clamp(24px,3.2vw,52px);border:0;border-radius:16px}.landing-showcase:before{display:none}.landing-showcase .private-eyebrow{color:#735a91!important;font-size:10px!important;margin-bottom:24px!important}.landing-showcase h3{font-size:clamp(36px,4vw,68px);line-height:1.07;font-weight:650;margin-bottom:20px}.landing-showcase h3 em{color:#765595}.landing-showcase .private-lead{color:#625c68!important;font-size:clamp(16px,1.6vw,23px);line-height:1.5;max-width:700px;margin-bottom:30px!important}.landing-preview-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 -16px 28px}.landing-preview-row figure{margin:0;border-radius:12px;overflow:hidden;background:#17151b;box-shadow:0 8px 18px #21132915;aspect-ratio:390/780}.landing-preview-row img{display:block;width:100%;height:100%;object-fit:fill}.landing-showcase .private-cta{display:flex;width:100%;background:#23182f;color:#fff;margin:0;padding:18px 20px;font-size:16px}.landing-showcase .private-cta:hover{background:#493357}.landing-showcase .private-note{color:#6d6276!important;text-align:center;font-size:12px!important}
@media(max-width:700px){.landing-showcase{padding:30px 22px}.landing-showcase h3{font-size:36px}.landing-showcase .private-lead{font-size:17px}.landing-preview-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -22px 26px;padding:0 22px 12px;scrollbar-width:thin;scrollbar-color:#806098 #dcd5e2}.landing-preview-row figure{flex:0 0 64%;scroll-snap-align:center}.landing-showcase .private-note{font-size:11px!important}}
.cinema-scene .landing-showcase:before,.cinema-scene .landing-showcase:after{display:none!important}.landing-showcase{transform:none!important}.landing-preview-row img{object-fit:contain}.landing-preview-row figure{background:#eeeae2}

.landing-preview-row{grid-template-columns:repeat(5,minmax(130px,1fr));overflow-x:auto;scrollbar-width:thin;scrollbar-color:#806098 #dcd5e2;padding-bottom:10px}.landing-mask-preview{position:relative}.landing-mask-preview>img{object-fit:fill}.landing-mask-preview video{position:absolute;left:5.128%;top:18.554%;width:89.744%;height:31.102%;object-fit:cover;border-radius:8px;opacity:0;pointer-events:none}.landing-mask-preview video.is-ready{opacity:1}.landing-mask-toggle{position:absolute;right:6%;top:19.2%;z-index:2;border:1px solid #ffffff77;border-radius:50%;background:#20182ce6;color:white;width:32px;height:32px;padding:0;font-size:12px;display:grid;place-items:center}.landing-mask-toggle:focus-visible{outline:2px solid #ad86dc;outline-offset:2px}
@media(max-width:700px){.landing-mask-toggle{width:44px;height:44px}.landing-preview-row{padding-bottom:12px}}
.landing-preview-row{display:flex;scroll-behavior:auto;scroll-snap-type:none}.landing-preview-row figure{flex:0 0 calc((100% - 36px)/4.2);min-width:130px}
@media(max-width:700px){.landing-preview-row figure{flex-basis:64%;min-width:0}}
@media(prefers-reduced-motion:reduce){.landing-preview-row{scroll-snap-type:x proximity}.landing-preview-row figure{scroll-snap-align:center}}

/* Larger, consistently framed previews preserve the complete supplied screenshots. */
.landing-preview-row figure{flex-basis:calc((100% - 24px)/3.2);min-width:180px;padding:7px;border-radius:18px;background:#e1dcd4;position:relative;overflow:hidden}.landing-preview-row figure>img{border-radius:12px;overflow:hidden;width:100%;height:100%;object-fit:contain}.landing-mask-preview>img,.patriot-preview>img{object-fit:fill!important}
.landing-mask-preview video{left:calc(7px + (100% - 14px)*.05128);top:calc(7px + (100% - 14px)*.18554);width:calc((100% - 14px)*.89744);height:calc((100% - 14px)*.31102);border-radius:8px}.patriot-cycle{position:absolute;left:calc(7px + (100% - 14px)*.0497);top:calc(7px + (100% - 14px)*.109);width:calc((100% - 14px)*.9);height:calc((100% - 14px)*.478);border-radius:12px;overflow:hidden}.patriot-cycle img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}.patriot-cycle img.active{opacity:1}
@media(max-width:700px){.landing-preview-row figure{flex-basis:84%;min-width:0}}
@media(prefers-reduced-motion:reduce){.patriot-cycle img{transition:none}}

/* Match the dark portfolio sections while keeping preview artwork intact. */
.landing-showcase{background:#100d16;color:#f4f0f8}
.landing-showcase .private-eyebrow{color:#c2a2ff!important}
.landing-showcase h3 em{color:#c2a2ff}
.landing-showcase .private-lead{color:#c5bdce!important}
.landing-showcase .private-note{color:#afa3bf!important}
.landing-showcase .private-cta{background:#c2a2ff;color:#191021}
.landing-showcase .private-cta:hover{background:#d2baff}
.landing-showcase .landing-preview-row{scrollbar-color:#806098 #231b2e}
.landing-showcase .landing-preview-row figure{background:#211a2a;box-shadow:0 8px 18px #0003}

/* Anchor complete screenshots to the same top edge inside equal frames. */
.landing-preview-row{align-items:flex-start}
.landing-preview-row figure{box-sizing:border-box;flex-shrink:0}
.landing-preview-row figure>img{object-fit:fill;object-position:center top}

.commit-flavor-preview:after{content:'';position:absolute;left:7px;right:7px;top:7px;height:1.25%;background:#111;pointer-events:none;border-radius:12px 12px 0 0}
.strung-rock-preview video{position:absolute;left:calc(7px + (100% - 14px)*.16522);top:calc(7px + (100% - 14px)*.12158);width:calc((100% - 14px)*.66957);height:calc((100% - 14px)*.46973);object-fit:cover;border-radius:8px;opacity:0;pointer-events:none}
.strung-rock-preview video.is-ready{opacity:1}
.strung-license{position:absolute;left:21%;top:14%;background:#c9002c;color:white;border-radius:20px;padding:4px 7px;font-size:clamp(6px,.65vw,10px);font-weight:800;letter-spacing:.07em;pointer-events:none}
.strung-video-toggle{position:absolute;right:18%;top:53%;border:1px solid #ffffff77;border-radius:50%;background:#20182ce6;color:white;width:32px;height:32px;padding:0;font-size:12px;display:grid;place-items:center;cursor:pointer}
@media(max-width:700px){.strung-video-toggle{width:44px;height:44px}.strung-license{font-size:8px}}

/* Use the same mobile text inset as the service introduction above. */
@media(max-width:700px){
 .landing-showcase{padding-left:6px;padding-right:6px}
 .landing-showcase .landing-preview-row{margin-left:-6px;margin-right:-6px;padding-left:6px;padding-right:6px}
}

/* Landing work follows the same compact, two-column presentation as email. */
.landing-reel{position:relative;isolation:isolate;overflow:hidden;background:#100d16;border-radius:14px;aspect-ratio:3/4;max-height:1000px;width:min(100%,750px);margin-inline:auto}
.landing-reel-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 10px;height:100%;overflow:hidden}
.landing-reel-track{align-self:start;animation:landing-rise 95s linear infinite;animation-play-state:paused;will-change:transform}
.landing-reel-track:nth-child(2){animation-direction:reverse}
.landing-reel-group{display:flex;flex-direction:column;gap:12px;padding-bottom:12px}
.landing-reel figure{position:relative;margin:0;padding:7px;background:#211a2a;border-radius:16px;overflow:hidden;aspect-ratio:1/2;width:100%;box-sizing:border-box}
.landing-reel figure>img{display:block;width:100%;height:100%;object-fit:fill;border-radius:10px}
.landing-reel.is-running .landing-reel-track{animation-play-state:running}
.landing-reel-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:none;background:radial-gradient(ellipse at center,rgba(16,13,22,.72) 0%,rgba(16,13,22,.52) 24%,rgba(16,13,22,.24) 48%,rgba(16,13,22,.06) 70%,rgba(16,13,22,0) 100%)}
.landing-reel-message h3{font-size:clamp(44px,5.5vw,86px);line-height:1.02;letter-spacing:-.045em;color:#fff;text-shadow:0 2px 15px #0007}
.landing-reel-message h3 em{color:#c5a6ff;font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em}
.landing-reel-toggle{position:absolute;bottom:14px;right:14px;background:#17121ee8;color:#eee5f6;border:1px solid #b7a4cc80;border-radius:24px;min-height:44px;padding:10px 16px;font-size:13px;z-index:5}
@keyframes landing-rise{to{transform:translateY(-50%)}}
@media(max-width:700px){.landing-reel{margin-top:24px;height:calc(100svh - 32px);min-height:560px;max-height:900px;aspect-ratio:auto}.landing-reel-message h3{font-size:clamp(48px,14vw,72px)}.landing-reel-columns{gap:10px;padding:0}.landing-reel-group{gap:10px;padding-bottom:10px}.landing-reel figure{padding:4px;border-radius:10px}.landing-reel figure>img{border-radius:6px}.landing-reel-toggle{bottom:10px;right:10px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.landing-reel-track{animation:none;will-change:auto}.landing-reel-toggle{display:none}}

.landing-reel .landing-mask-preview,.landing-reel .patriot-preview,.landing-reel .commit-flavor-preview{padding:7px}