.work-preview{text-align:left;background:#fff}.work-preview__hero{padding:48px 0 32px}.work-preview__hero h1{font-size:clamp(32px,5vw,44px);color:#272341;margin:0 0 12px}.work-preview__hero p{text-align:center;margin:0;font-size:17px;line-height:1.65;color:#444}.work-preview__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.flip-card{position:relative;min-height:400px;perspective:1200px;cursor:pointer;border:none;background:transparent;padding:0;text-align:left;outline:none;transition:transform .3s ease}.flip-card:hover{transform:translateY(-6px)}.flip-card:focus-visible{outline:3px solid #31cf6e;outline-offset:4px;border-radius:32px}.flip-card__inner{position:relative;width:100%;height:100%;min-height:inherit;transition:transform .65s cubic-bezier(.4,.2,.2,1);transform-style:preserve-3d}.flip-card.is-flipped .flip-card__inner{transform:rotateY(180deg)}.flip-card__face{padding:16px 16px 0;position:absolute;inset:0;display:flex;flex-direction:column;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:28px;overflow:hidden;box-shadow:0 2px 8px #0f172a0a,0 12px 28px #0f172a14;transition:box-shadow .3s ease}.flip-card:hover .flip-card__face{box-shadow:0 20px 48px #0f172a1f}.flip-card__front{background:#fff}.flip-card__back{transform:rotateY(180deg);padding:28px 26px 24px}.flip-card__media{position:relative;display:flex;align-items:center;justify-content:center;border-top-left-radius:16px;border-top-right-radius:16px;overflow:hidden;background:#fff}.flip-card__media img,.flip-card__media video,.flip-card__media .glightbox{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .4s ease;border-top-left-radius:16px;border-top-right-radius:16px}.flip-card:hover:not(.is-flipped) .flip-card__media img,.flip-card:hover:not(.is-flipped) .flip-card__media video,.flip-card:hover:not(.is-flipped) .flip-card__media .glightbox{transform:scale(1.03)}.flip-card__gif-grid,.flip-card__gif-rotator{padding:10px;background:transparent}.flip-card__gif-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.flip-card__gif-rotator{display:grid}.flip-card__gif-set{grid-area:1 / 1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;opacity:0;transition:opacity .6s ease}.flip-card__gif-set.is-active{opacity:1}.flip-card__gif-grid img,.flip-card__gif-set img,.flip-card__gif-grid video,.flip-card__gif-grid .glightbox-video{width:100%;height:auto;display:block;border-radius:6px;object-fit:cover;transition:none}.flip-card__gif-grid video{background:#eef8f1}.flip-card--front-classic .flip-card__media--gifs{aspect-ratio:auto}.flip-card__media--gifs .flip-card__gif-rotator,.flip-card__media--gifs .flip-card__gif-grid{padding:10px 10px 0}.flip-card__media--gifs .flip-card__gif-set img{aspect-ratio:4 / 5;min-height:160px}.flip-card:hover:not(.is-flipped) .flip-card__gif-grid img,.flip-card:hover:not(.is-flipped) .flip-card__gif-set img{transform:none}@media(prefers-reduced-motion:reduce){.flip-card__gif-set{transition:none}}.flip-card__front-copy{padding:22px 24px 26px}.flip-card__client{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#0b6d37}.flip-card__front .flip-card__title{color:var(--color-primary)}.flip-card__title{margin:0;font-size:clamp(17px,2.2vw,21px);font-weight:700;line-height:1.25;color:var(--color-heading)!important}.flip-card__subtitle{margin:8px 0 0;font-size:14px;line-height:1.5;color:#5c6370;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.flip-card__back-header .flip-card__title{font-size:clamp(16px,2vw,19px)}.flip-card__divider{margin:16px 0;border:0;border-top:1px solid rgba(39,35,65,.12)}.flip-card__summary{flex:1;margin:0;font-size:15px;line-height:1.65;color:inherit}.flip-card__link{align-self:flex-start;margin-top:18px;font-size:14px;font-weight:700;color:inherit;opacity:.95}.flip-card__link:hover{opacity:1;text-decoration:underline}.flip-card--front-classic .flip-card__media{aspect-ratio:16 / 10}.flip-card--front-compact{min-height:320px}.flip-card--front-compact .flip-card__media{aspect-ratio:16 / 9}.flip-card--front-compact .flip-card__front-copy{padding:16px 20px 20px}.flip-card--front-compact .flip-card__client{margin-bottom:6px;font-size:11px}.flip-card--front-compact .flip-card__title{font-size:clamp(15px,2vw,18px)}.flip-card--front-overlay .flip-card__overlay-wrap{position:relative;height:100%;min-height:inherit}.flip-card--front-overlay .flip-card__media{position:absolute;inset:0}.flip-card--front-overlay .flip-card__overlay-copy{position:absolute;inset:auto 0 0;padding:72px 22px 22px;background:linear-gradient(180deg,#27234100,#272341b8 55%,#272341eb)}.flip-card--front-overlay .flip-card__client{color:#9ae8b8}.flip-card--front-overlay .flip-card__title{color:#fff}.flip-card--front-overlay .flip-card__subtitle{color:#ffffffd1}.flip-card--front-bordered .flip-card__front{border-left:5px solid #0b6d37}.flip-card--front-bordered .flip-card__media{aspect-ratio:16 / 10;margin:18px 18px 0;border-radius:16px}.flip-card--front-bordered .flip-card__front-copy{padding:18px 22px 22px}.flip-card--back-forest .flip-card__back{background:linear-gradient(135deg,#0b6d37,#31cf6e);color:#fff}.flip-card--back-forest .flip-card__client{color:#c8f5d8}.flip-card--back-forest .flip-card__title{color:#fff}.flip-card--back-forest .flip-card__divider{border-top-color:#ffffff47}.flip-card--back-emerald .flip-card__back{background:linear-gradient(160deg,#064a2a,#0b6d37 42%,#18a14d);color:#fff}.flip-card--back-emerald .flip-card__client{color:#a8ebc0}.flip-card--back-emerald .flip-card__title{color:#fff}.flip-card--back-emerald .flip-card__divider{border-top-color:#ffffff40}.flip-card--back-mint .flip-card__back{background:linear-gradient(135deg,#e4f5ea,#9adbb5 45%,#31cf6e);color:#1a3d28}.flip-card--back-mint .flip-card__client{color:#0b6d37}.flip-card--back-mint .flip-card__title{color:#272341}.flip-card--back-mint .flip-card__divider{border-top-color:#0b6d3733}.flip-card--back-slate-green .flip-card__back{background:#fff;color:#444}.flip-card--back-slate-green .flip-card__client,.flip-card--back-slate-green .flip-card__title{color:var(--color-primary)}.flip-card--back-slate-green .flip-card__divider{border-top-color:#2723411f}.flip-card--back-slate-green .flip-card__link{color:var(--color-primary)}.flip-card--back-white .flip-card__back{background:#fff;color:#444}.flip-card--back-white .flip-card__client{color:#0b6d37}.flip-card--back-white .flip-card__title{color:#272341}.flip-card--anim-vertical .flip-card__inner{transition:transform .65s cubic-bezier(.4,.2,.2,1)}.flip-card--anim-vertical.is-flipped .flip-card__inner{transform:rotateY(180deg)}.flip-card--anim-horizontal .flip-card__inner{transition:transform .65s cubic-bezier(.4,.2,.2,1)}.flip-card--anim-horizontal.is-flipped .flip-card__inner,.flip-card--anim-horizontal .flip-card__back{transform:rotateX(180deg)}.flip-card--anim-spring .flip-card__inner{transition:transform .85s cubic-bezier(.34,1.45,.64,1)}.flip-card--anim-spring.is-flipped .flip-card__inner{transform:rotateY(180deg)}.flip-card--anim-scale .flip-card__inner{transition:transform .55s cubic-bezier(.4,0,.2,1)}.flip-card--anim-scale.is-flipped .flip-card__inner{transform:rotateY(180deg) scale(.96)}.flip-card--anim-scale:not(.is-flipped):hover .flip-card__inner{transform:scale(1.01)}.flip-card__click-cursor{position:absolute;right:20px;bottom:4px;z-index:20;width:24px;height:32px;pointer-events:none;transform:translate(-7px,-7px) rotate(-45deg);transform-origin:7px 7px}.flip-card__click-cursor--front{opacity:0;transition:opacity .2s ease}.flip-card:not(.is-flipped):hover .flip-card__click-cursor--front{opacity:1}.flip-card__click-cursor--back{opacity:1}.flip-card__cursor-icon{display:block;width:24px;height:32px;color:#272341;filter:drop-shadow(0 1px 2px rgba(15,23,42,.2));transform-origin:7px 7px;animation:flip-card-cursor-click 2s ease-in-out infinite;user-select:none}.flip-card__cursor-ripple{position:absolute;top:7px;left:7px;width:10px;height:10px;border-radius:50%;background:#31cf6e73;transform:scale(0);animation:flip-card-cursor-ripple 2s ease-out infinite}@keyframes flip-card-cursor-click{0%,55%,to{transform:translate(0) scale(1)}12%{transform:translate(1px,3px) scale(.88)}22%{transform:translate(0) scale(1)}}@keyframes flip-card-cursor-ripple{0%,55%,to{opacity:0;transform:scale(0)}12%{opacity:1;transform:scale(.6)}28%{opacity:0;transform:scale(1.8)}}@media(max-width:768px){.work-preview__grid{grid-template-columns:1fr}.flip-card{min-height:380px}}@media(prefers-reduced-motion:reduce){.flip-card{transition:none}.flip-card:hover{transform:none}.flip-card:hover:not(.is-flipped) .flip-card__media img,.flip-card:hover:not(.is-flipped) .flip-card__media video{transform:none}.flip-card__inner{transition-duration:.01ms!important}.flip-card--anim-scale:not(.is-flipped):hover .flip-card__inner{transform:none}.flip-card__cursor-icon,.flip-card__cursor-ripple{animation:none}}.portfolio-nav-f__sentinel{height:1px;margin-bottom:-1px;pointer-events:none}.portfolio-nav-f{position:sticky;top:52px;z-index:100;display:flex;justify-content:center;padding:8px 0 16px;pointer-events:none;transition:padding .2s ease}.portfolio-nav-f.is-stuck{padding:0 0 16px}.portfolio-nav-f__inner{display:flex;justify-content:center;width:100%;max-width:72rem;margin:0 auto;padding:0 20px;pointer-events:none}.portfolio-nav-f__pill{--nav-f-morphed-radius-bottom: 28px;display:flex;justify-content:center;width:fit-content;max-width:100%;margin:0 auto;padding:12px;border-radius:999px;background:#fffffff5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 16px #0f172a1a;pointer-events:auto;transition:border-radius .2s ease,padding-top .2s ease}.portfolio-nav-f.is-stuck .portfolio-nav-f__pill{padding:20px 12px 12px;border-radius:0 0 var(--nav-f-morphed-radius-bottom) var(--nav-f-morphed-radius-bottom);overflow:hidden}.portfolio-nav-f__list{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;margin:0;list-style:none;padding:0}.portfolio-nav-f__tab{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:none;border-radius:999px;background:transparent;font-family:inherit;font-size:15px;font-weight:600;color:#444;cursor:pointer;transition:background .2s ease,color .2s ease}.portfolio-nav-f__tab:hover{background:#e8f5ee;color:#0b6d37}.portfolio-nav-f__tab.is-active{background:#0b6d37;color:#fff}.portfolio-nav-f__count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#e8f5ee;font-size:12px;font-weight:700;color:#0b6d37}.portfolio-nav-f__tab:hover .portfolio-nav-f__count{background:#0b6d37;color:#fff}.portfolio-nav-f__tab.is-active .portfolio-nav-f__count{background:#fff3;color:#fff}.portfolio-filter-item.is-hidden{display:none}@media(max-width:640px){.work-preview__grid{grid-template-columns:1fr}.portfolio-nav-f{top:52px}.portfolio-nav-f__pill{--nav-f-morphed-radius-bottom: 12px;width:100%;border-radius:20px;padding:6px}.portfolio-nav-f.is-stuck .portfolio-nav-f__pill{padding:10px 6px 6px}.portfolio-nav-f__list{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;-webkit-overflow-scrolling:touch}.portfolio-nav-f__list li{flex-shrink:0}}.portfolio-layout-d__sticky-region{position:relative}.portfolio-layout-d .portfolio-filter-intro{padding:28px 0 8px}.portfolio-layout-d__section-title{margin:0 0 12px;font-size:1.75rem;font-weight:700;line-height:1.15;letter-spacing:-.02em;text-align:center;text-transform:uppercase;color:var(--color-primary)}.portfolio-layout-d__section-desc{margin:0;font-size:17px;line-height:1.65;text-align:center;color:#444}.portfolio-layout-d .work-preview__hero--compact{padding-bottom:16px}