/* Original stacked, sticky portfolio choreography. Visual treatment is separate. */
.wpage,.wgroup{position:sticky!important;top:var(--card-top,0px)!important;min-height:100svh!important;border-top:1px solid #a5d1d52b;box-shadow:0 -24px 70px #0006}
.wpage{padding:5.8rem clamp(1.25rem,4vw,4rem) 2.5rem!important}
.wgroup{padding:6rem 6vw!important;background:radial-gradient(ellipse at 50% 70%,#0c222d,#040c12 68%)!important}
.wgroup .inner{max-width:900px}
.wpage .inner{position:relative;max-width:1320px}
.wpage .whead{margin-bottom:1.15rem;padding-bottom:1rem;border-bottom:1px solid #acdce022;align-items:center}
.wpage .whead h3{font-size:clamp(1.6rem,2.4vw,2.75rem);letter-spacing:-.025em;line-height:1.18}
.wpage .whead h3 .client{font:12px/1.5 "Noto Sans",sans-serif;letter-spacing:.17em;color:#b4d7db;margin-bottom:.55rem}
.wpage .wmeta b{font-size:12px;letter-spacing:.1em;color:#79aab4}
.wpage .wmeta span{font-size:14px;line-height:1.5;color:#bbced2}
.wpage .media{height:min(54svh,590px);border:1px solid #95d8db38!important;border-radius:7px!important;background:#051017;box-shadow:0 20px 65px #0005!important}
.wpage .wfoot{margin-top:1.15rem;gap:18px}.wpage .wfoot p{font-size:15px;line-height:1.55;max-width:72ch}
.wpage .stat{font:12px/1.4 "Noto Sans",sans-serif;letter-spacing:.025em;border:1px solid #90ced13d;background:#94d3d009;color:#b6dadc;padding:.55rem .85rem;border-radius:3px}
.wpage .wnum{font-style:normal;font-size:2.8rem;opacity:.22;color:#a1dfe1}
.wpage.is-settled .client,.wgroup.is-settled h3{animation:landing-light 1.35s ease-out both}
.wpage.is-settled .media{animation:landing-rim 1.35s ease-out both}
@keyframes landing-light{0%{text-shadow:0 0 0 transparent}24%{text-shadow:0 0 12px #9cf8ef80,0 0 32px #66d6e744;color:#e1ffff}100%{text-shadow:0 0 16px #8febea18}}
@keyframes landing-rim{0%{outline:1px solid transparent;outline-offset:3px}22%{outline:1px solid #aaf5ee70;outline-offset:0}100%{outline:1px solid transparent;outline-offset:0}}
@media(max-width:860px){.wpage .media{height:44svh}.wpage .whead{grid-template-columns:1fr!important}.wpage .wfoot{gap:12px}.wpage .wnum{display:none}.wpage .whead h3{font-size:1.8rem}.wpage .wfoot p{font-size:15px}.wpage{padding:5rem 6vw 2rem!important}}
@media(prefers-reduced-motion:reduce){.wpage,.wgroup{position:relative!important;top:auto!important;min-height:0!important}.wpage.is-settled .client,.wgroup.is-settled h3,.wpage.is-settled .media{animation:none}}

/* Compact dividers preserve the sample cards' original sticky choreography. */
.wgroup{position:relative!important;top:auto!important;min-height:0!important;padding:64px 6vw!important}
.wgroup .gcount{margin-top:20px}
.wpage .media{position:relative;width:100%;height:auto!important;aspect-ratio:16/9}
.wpage .media>img,.wpage .media>video,.wpage .media>iframe{position:absolute;inset:0;object-fit:contain}
@keyframes landing-rim{0%{filter:drop-shadow(0 0 0 transparent)}24%{filter:drop-shadow(0 0 5px #a5fbff) drop-shadow(0 0 18px #37d9ed9c)}100%{filter:drop-shadow(0 0 5px #5de7f32e)}}
@media(max-width:600px){.wgroup{padding:42px 6vw!important}.wgroup h3{font-size:2.45rem}.wgroup p{font-size:15px}.wgroup .glabel{margin-bottom:14px}}

/* Isolate the stack and prevent released layers bleeding into the next chapter. */
.work-pages{isolation:isolate;overflow:clip}
.wpage.is-covered{visibility:hidden;pointer-events:none}
@media(prefers-reduced-motion:reduce){.wpage.is-covered{visibility:visible;pointer-events:auto}}