.work-page{--bg:#09080f;--bg-soft:#0c0b12;--surface:rgba(255, 255, 255, 0.03);--surface-2:rgba(255, 255, 255, 0.05);--line:rgba(255, 255, 255, 0.1);--line-soft:rgba(255, 255, 255, 0.06);--text:#f3f4f6;--muted:rgba(255, 255, 255, 0.58);--muted-2:rgba(255, 255, 255, 0.38);--violet:#8a68ff;--violet-deep:#6d4df2;--violet-pale:#c4b5fd;--gold:#d7b36f;--gold-2:#b8893f;--gold-soft:#f2d89c;--container:1240px;color:var(--text);background:var(--bg);font-family:var(--font-body,Inter,system-ui,sans-serif);-webkit-font-smoothing:antialiased;overflow-x:hidden}.work-page *,.work-page *::before,.work-page *::after{box-sizing:border-box}.work-page a{color:inherit;text-decoration:none}.work-page img{display:block;max-width:100%;height:auto}.work-page .wrap{width:min(100%, var(--container));margin-inline:auto;padding-inline:1.5rem}.work-page .wrap-narrow{max-width:720px;margin-inline:auto;padding-inline:1.5rem}.work-page h1,.work-page h2,.work-page h3{font-family:'Space Grotesk',var(--font-display,sans-serif);margin:0;letter-spacing:-.04em;font-weight:700;color:#fff}.work-page h1 em,.work-page h2 em,.work-page h3 em{font-style:normal;color:var(--violet-pale)}.work-page .eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:22px;color:rgb(255 255 255 / .55);font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.work-page .eyebrow span{display:block;width:24px;height:1px;background:var(--violet);flex-shrink:0}.work-page .section-head.centered .eyebrow{justify-content:center}.work-page .wbtn{min-height:54px;padding:0 24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:14px;border:1px solid #fff0;transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease,background 0.2s ease,color 0.2s ease}.work-page .wbtn:hover{transform:translateY(-2px)}.work-page .wbtn-primary{color:#fff;background:var(--violet-deep);box-shadow:0 14px 30px rgb(109 77 242 / .26)}.work-page .wbtn-primary:hover{background:var(--violet);box-shadow:0 18px 36px rgb(109 77 242 / .32)}.work-page .wbtn-secondary{border-color:rgb(255 255 255 / .18);background:#fff0;color:rgb(255 255 255 / .88)}.work-page .wbtn-secondary:hover{border-color:rgb(255 255 255 / .4);color:#fff}.work-page .work-hero{position:relative;min-height:min(92svh, 920px);display:flex;align-items:center;overflow:hidden;padding:calc(5.5rem + 2.75rem) 0 4.25rem;border-bottom:1px solid var(--line-soft);background:radial-gradient(circle at 16% 30%,rgb(122 88 255 / .18),transparent 34%),radial-gradient(circle at 86% 24%,rgb(215 179 111 / .06),transparent 28%),radial-gradient(circle at 62% 78%,rgb(109 77 242 / .1),transparent 38%),linear-gradient(180deg,#0c0b12 0%,#09080f 70%,#050508 100%)}.work-page .work-hero::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.32;background-image:linear-gradient(rgb(255 255 255 / .022) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .022) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgb(0 0 0 / .7),transparent 88%);-webkit-mask-image:linear-gradient(to bottom,rgb(0 0 0 / .7),transparent 88%)}.work-page .work-hero .wrap.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);align-items:center;gap:clamp(2rem, 5vw, 4rem)}.work-page .hero-copy{min-width:0}.work-page .work-hero h1{font-size:clamp(3rem, 6.2vw, 5.4rem);line-height:.98;text-wrap:balance;max-width:11ch}.work-page .work-hero h1 em{display:inline}.work-page .hero-text{margin:1.5rem 0 0;max-width:34rem;color:var(--muted);font-size:clamp(1.02rem, 1.4vw, 1.15rem);line-height:1.65}.work-page .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:2.4rem}.work-page .hero-visual{position:relative;min-width:0;display:flex;align-items:center;justify-content:center}.work-page .hero-site-showcase{position:relative;width:100%;height:min(480px, 58vw);display:flex;align-items:center;justify-content:center}.work-page .hero-site-glow{position:absolute;top:48%;left:52%;width:520px;height:520px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgb(115 86 243 / .22) 0%,rgb(115 86 243 / .06) 38%,transparent 68%);filter:blur(16px);pointer-events:none}.work-page .hero-site-stack{position:relative;width:min(400px, 90%);height:340px}.work-page .hero-site-panel{position:absolute;inset:0;border-radius:20px;overflow:hidden;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.work-page .hero-site-chrome{display:flex;align-items:center;gap:5px;padding:12px 14px 8px;position:relative;z-index:1}.work-page .hero-site-chrome i{width:7px;height:7px;border-radius:50%;background:rgb(255 255 255 / .16)}.work-page .hero-site-chrome i:nth-child(1){background:rgb(255 95 87 / .7)}.work-page .hero-site-chrome i:nth-child(2){background:rgb(254 188 46 / .65)}.work-page .hero-site-chrome i:nth-child(3){background:rgb(40 200 64 / .55)}.work-page .hero-site-tag{position:absolute;left:16px;bottom:14px;z-index:3;color:rgb(255 255 255 / .32);font:500 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.16em;text-transform:uppercase}.work-page .hero-site-tag-new{color:rgb(192 176 255 / .78)}.work-page .hero-site-old{z-index:1;width:88%;height:78%;top:auto;bottom:8%;left:2%;opacity:.7;background:rgb(32 32 40 / .9);border:1px solid rgb(255 255 255 / .12);box-shadow:0 28px 60px rgb(0 0 0 / .45);transform:rotate(-7deg) translateY(10px)}.work-page .hero-site-old-body{padding:0 16px 18px}.work-page .hero-site-old-bar{height:10px;width:42%;margin-bottom:12px;border-radius:2px;background:rgb(255 255 255 / .2)}.work-page .hero-site-old-banner{height:58px;margin-bottom:14px;border-radius:4px;background:linear-gradient(90deg,rgb(70 130 165 / .75),rgb(45 95 125 / .55))}.work-page .hero-site-old-lines{display:grid;gap:8px;margin-bottom:16px}.work-page .hero-site-old-lines span{display:block;height:6px;border-radius:999px;background:rgb(255 255 255 / .16)}.work-page .hero-site-old-lines span:nth-child(2){width:78%}.work-page .hero-site-old-lines span:nth-child(3){width:54%}.work-page .hero-site-old-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.work-page .hero-site-old-boxes span{height:38px;border-radius:4px;background:rgb(255 255 255 / .09);border:1px solid rgb(255 255 255 / .06)}.work-page .hero-site-new{z-index:3;width:92%;height:84%;top:4%;right:0;left:auto;background:linear-gradient(145deg,rgb(58 46 92 / .98),rgb(18 14 30 / .98));border:1px solid rgb(168 148 255 / .48);box-shadow:inset 0 1px 1px rgb(255 255 255 / .12),0 28px 60px rgb(0 0 0 / .5),0 0 50px rgb(115 86 243 / .28);transform:rotate(4deg);animation:workHeroFloat 6.5s ease-in-out infinite}.work-page .hero-site-new-body{padding:0 16px 16px}.work-page .hero-site-new-nav{display:flex;align-items:center;gap:8px;margin-bottom:18px}.work-page .hero-site-new-nav b{width:52px;height:8px;border-radius:999px;background:rgb(255 255 255 / .62)}.work-page .hero-site-new-nav span{width:30px;height:5px;border-radius:999px;background:rgb(255 255 255 / .2)}.work-page .hero-site-new-nav em{margin-left:auto;width:24px;height:24px;border-radius:50%;background:rgb(115 86 243 / .7);box-shadow:0 0 18px rgb(115 86 243 / .45);font-style:normal}.work-page .hero-site-new-hero{margin-bottom:16px}.work-page .hero-site-new-hero small{display:block;width:38%;height:6px;margin-bottom:10px;border-radius:999px;background:rgb(192 176 255 / .55)}.work-page .hero-site-new-hero strong{display:block;width:78%;height:10px;margin-bottom:8px;border-radius:999px;background:rgb(255 255 255 / .72)}.work-page .hero-site-new-hero strong.is-short{width:54%}.work-page .hero-site-new-hero button{display:block;width:88px;height:28px;margin-top:14px;border:0;border-radius:999px;background:linear-gradient(120deg,#8a68ff,#6d4df2);pointer-events:none}.work-page .hero-site-new-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.work-page .hero-site-new-cards span{height:46px;border-radius:8px;background:rgb(255 255 255 / .08);border:1px solid rgb(255 255 255 / .08)}@keyframes workHeroFloat{0%,100%{transform:rotate(4deg) translateY(0)}50%{transform:rotate(3.2deg) translateY(-8px)}}.work-page .section{padding:5.25rem 0;position:relative;border-top:1px solid var(--line-soft)}.work-page .section-head{max-width:42rem}.work-page .section-head.centered{margin-inline:auto;text-align:center}.work-page .section-head h2{font-size:clamp(2rem, 4vw, 3.2rem);line-height:1.05;text-wrap:balance}.work-page .section-head p{margin:1.15rem auto 0;color:var(--muted);font-size:1.02rem;line-height:1.7;max-width:36rem}.work-page .framing{padding:2.85rem 0;text-align:center;background:var(--bg-soft);border-top:1px solid var(--line-soft)}.work-page .framing .rule{display:inline-flex;align-items:center;gap:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.6875rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:rgb(215 179 111 / .85)}.work-page .framing .rule::before,.work-page .framing .rule::after{content:"";width:28px;height:1px;background:rgb(215 179 111 / .35)}.work-page .framing p{margin:1.15rem auto 0;max-width:40rem;color:var(--muted);font-size:1.02rem;line-height:1.65}.work-page .framing p+p{margin-top:.85rem;color:rgb(255 255 255 / .48);font-size:.95rem}.work-page .framing .quiet-link{display:inline-flex;align-items:center;gap:8px;margin-top:1.25rem;font-size:.875rem;font-weight:700;color:var(--violet-pale);transition:gap 0.25s ease,color 0.25s ease}.work-page .framing .quiet-link:hover{gap:12px;color:#fff}.work-page .cases{display:flex;flex-direction:column;gap:7.25rem;margin-top:3.5rem}.work-page .case{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,0.9fr);gap:clamp(2.5rem, 5vw, 4.5rem);align-items:center;position:relative}.work-page .case.flip .case-visual{order:2}.work-page .case.flip .case-body{order:1}.work-page .case-body{position:relative;max-width:28rem;padding-block:.5rem}.work-page .case-body::before{content:attr(data-index);position:absolute;top:-4.75rem;left:auto;right:-1.25rem;font-family:'Space Grotesk',sans-serif;font-size:clamp(4.5rem, 10vw, 8rem);font-weight:700;line-height:1;letter-spacing:-.06em;color:rgb(255 255 255 / .018);pointer-events:none;z-index:0}.work-page .case-body>*{position:relative;z-index:1}.work-page .case-visual{position:relative}.work-page .case-visual::after{content:"";position:absolute;inset:10% 6% -10% 6%;background:radial-gradient(ellipse at center,rgb(122 88 255 / .22),transparent 68%);filter:blur(48px);z-index:0;opacity:.45;transition:opacity 0.6s ease}.work-page .case:hover .case-visual::after{opacity:.85}.work-page .shot{position:relative;z-index:1;display:block;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--surface);box-shadow:0 28px 80px rgb(0 0 0 / .5);transition:transform 0.6s cubic-bezier(.2,.7,.2,1),border-color 0.4s ease}.work-page .shot:hover{transform:translateY(-4px);border-color:rgb(167 139 250 / .35)}.work-page .shot img{width:100%}.work-page .shot-empty{aspect-ratio:16 / 10;display:grid;place-items:center;background-image:linear-gradient(rgb(255 255 255 / .03) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .03) 1px,transparent 1px);background-size:34px 34px}.work-page .shot-empty span{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.65rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:rgb(255 255 255 / .28)}.work-page .ba{position:relative;z-index:1;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--surface);box-shadow:0 28px 80px rgb(0 0 0 / .5);transition:border-color 0.4s ease}.work-page .case:hover .ba{border-color:rgb(167 139 250 / .32)}.work-page .ba-stage{position:relative;aspect-ratio:16 / 10;overflow:hidden;user-select:none;touch-action:pan-y;background:#0a0d13}.work-page .ba-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.work-page .ba-clip{position:absolute;z-index:2;inset:0;overflow:hidden;will-change:clip-path;clip-path:inset(0 50% 0 0)}.work-page .ba-tag{position:absolute;z-index:4;top:14px;padding:6px 11px;border-radius:999px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.625rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;backdrop-filter:blur(10px);pointer-events:none}.work-page .ba-tag-before{left:14px;color:rgb(255 255 255 / .72);background:rgb(6 8 12 / .62);border:1px solid rgb(255 255 255 / .12)}.work-page .ba-tag-after{right:14px;color:#fff;background:rgb(109 77 242 / .85);border:1px solid rgb(196 181 253 / .25)}.work-page .ba-handle{position:absolute;z-index:5;top:0;bottom:0;left:50%;width:2px;transform:translateX(-1px);background:linear-gradient(180deg,#fff0 0%,rgb(167 139 250 / .85) 14%,rgb(196 181 253 / .95) 50%,rgb(167 139 250 / .85) 86%,#fff0 100%);pointer-events:none}.work-page .ba-handle span{position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%);border-radius:50%;background:rgb(12 11 18 / .88);border:1px solid rgb(167 139 250 / .5);box-shadow:0 10px 30px rgb(0 0 0 / .55),0 0 0 5px rgb(122 88 255 / .08);backdrop-filter:blur(8px);transition:transform 0.3s ease,border-color 0.3s ease}.work-page .ba-handle span::before,.work-page .ba-handle span::after{content:"";position:absolute;top:50%;width:6px;height:6px;border-top:1.5px solid var(--violet-pale);border-right:1.5px solid var(--violet-pale)}.work-page .ba-handle span::before{left:13px;transform:translateY(-50%) rotate(-135deg)}.work-page .ba-handle span::after{right:13px;transform:translateY(-50%) rotate(45deg)}.work-page .ba:hover .ba-handle span{transform:translate(-50%,-50%) scale(1.05);border-color:rgb(196 181 253 / .8)}.work-page .ba-range{position:absolute;z-index:6;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;background:#fff0}.work-page .ba-range::-webkit-slider-thumb{-webkit-appearance:none;width:56px;height:100%;cursor:ew-resize}.work-page .ba-range::-moz-range-thumb{width:56px;height:100%;border:0;background:#fff0;cursor:ew-resize}.work-page .ba-range:focus-visible{outline:none}.work-page .ba-range:focus-visible~.ba-handle span{border-color:var(--violet-pale);box-shadow:0 10px 30px rgb(0 0 0 / .55),0 0 0 4px rgb(122 88 255 / .28)}.work-page .ba-hint{display:flex;align-items:center;gap:9px;margin:.9rem 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.625rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:rgb(255 255 255 / .32)}.work-page .ba-hint-icon{width:22px;height:1px;background:linear-gradient(90deg,transparent,var(--violet-pale),transparent)}.work-page .case-name{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.6875rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-soft)}.work-page .case-desc{margin:.65rem 0 0;font-size:.9rem;line-height:1.45;color:rgb(255 255 255 / .42)}.work-page .case h3{margin:1.65rem 0 0;font-size:clamp(1.55rem, 2.4vw, 2.2rem);line-height:1.12;letter-spacing:-.035em;text-wrap:balance;text-transform:none;max-width:16ch}.work-page .case-summary{margin:1.25rem 0 0;max-width:34ch;color:var(--muted);font-size:1rem;line-height:1.7}.work-page .chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.75rem}.work-page .chips span{padding:.35rem .65rem;border-radius:6px;border:1px solid rgb(255 255 255 / .09);background:rgb(255 255 255 / .02);font-size:.68rem;font-weight:500;letter-spacing:.01em;color:rgb(255 255 255 / .52)}.work-page .case-cta{display:inline-flex;align-items:center;gap:.55rem;margin-top:2rem;padding-bottom:3px;border-bottom:1px solid rgb(196 181 253 / .35);font-size:.98rem;font-weight:700;letter-spacing:-.01em;color:#fff;transition:gap 0.25s ease,color 0.25s ease,border-color 0.25s ease}.work-page .case-cta span{color:var(--violet-pale);transition:transform 0.25s ease}.work-page .case-cta:hover{gap:.85rem;color:var(--violet-pale);border-bottom-color:rgb(196 181 253 / .85)}.work-page .case-cta:hover span{transform:translateX(3px)}.work-page .folio-grid{display:grid;gap:1.35rem;margin-top:3.5rem}.work-page .folio-grid.n1{grid-template-columns:minmax(0,460px);justify-content:center}.work-page .folio-grid.n2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:860px;margin-inline:auto}.work-page .folio-grid.n3{grid-template-columns:repeat(3,minmax(0,1fr))}.work-page .folio-card{display:block;border-radius:18px;overflow:hidden;border:1px solid var(--line-soft);background:linear-gradient(180deg,rgb(255 255 255 / .035),rgb(255 255 255 / .012));transition:transform 0.5s cubic-bezier(.2,.7,.2,1),border-color 0.35s ease}.work-page .folio-card:hover{transform:translateY(-6px);border-color:rgb(167 139 250 / .3)}.work-page .folio-shot{position:relative;overflow:hidden}.work-page .folio-shot img{width:100%;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.work-page .folio-card:hover .folio-shot img{transform:scale(1.03)}.work-page .folio-shot::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgb(9 8 15 / .75),transparent 55%)}.work-page .folio-body{padding:1.4rem 1.35rem 1.55rem}.work-page .folio-body .sector{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.65rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgb(215 179 111 / .8);margin-bottom:.7rem}.work-page .folio-body h3{font-size:1.2rem;letter-spacing:-.02em}.work-page .folio-body p{margin:.7rem 0 1rem;color:var(--muted);font-size:.9rem;line-height:1.65}.work-page .folio-body .live{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;color:rgb(255 255 255 / .36);transition:color 0.25s ease}.work-page .folio-card:hover .folio-body .live{color:var(--violet-pale)}.work-page .work-cta{padding:6.5rem 0 7.5rem;border-top:1px solid var(--line-soft)}.work-page .cta-panel{position:relative;overflow:hidden;border-radius:24px;border:1px solid var(--line);padding:4.5rem 2.5rem 5rem;text-align:center;background:radial-gradient(circle at 50% 0%,rgb(122 88 255 / .16),transparent 58%),linear-gradient(180deg,rgb(255 255 255 / .035),rgb(255 255 255 / .008))}.work-page .cta-panel h2{font-size:clamp(1.85rem, 3.5vw, 2.85rem);line-height:1.06}.work-page .cta-panel p{margin:1.25rem auto 2.25rem;max-width:34rem;color:var(--muted);font-size:1.02rem;line-height:1.7}@media (max-width:1024px){.work-page .work-hero{min-height:auto;padding:calc(5rem + 2.5rem) 0 3.5rem}.work-page .work-hero .wrap.hero-grid{grid-template-columns:1fr;gap:2.5rem}.work-page .work-hero h1{max-width:14ch;font-size:clamp(2.7rem, 8vw, 4.4rem)}.work-page .hero-site-showcase{height:400px;max-width:460px;margin-inline:auto}.work-page .case{grid-template-columns:1fr;gap:2rem}.work-page .case.flip .case-visual,.work-page .case.flip .case-body{order:initial}.work-page .case-body{max-width:none;padding-block:0}.work-page .case-body::before{top:-3.25rem;right:0;left:auto;font-size:5.5rem}.work-page .case h3{max-width:22ch}.work-page .case-summary{max-width:48ch}.work-page .cases{gap:5.5rem}.work-page .folio-grid.n3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.work-page .cases{gap:4.75rem}.work-page .case{gap:1.65rem}.work-page .case h3{margin-top:1.35rem;font-size:clamp(1.45rem, 6vw, 1.85rem);max-width:none}.work-page .case-summary{max-width:none}.work-page .chips{margin-top:1.45rem}.work-page .case-cta{margin-top:1.65rem}.work-page .hero-site-showcase{height:340px}}@media (max-width:700px){.work-page .section{padding:4rem 0}.work-page .work-hero{min-height:auto;padding:calc(4.5rem + 2.25rem) 0 2.75rem}.work-page .work-hero h1{max-width:none}.work-page .case-body::before{display:none}.work-page .folio-grid.n2,.work-page .folio-grid.n3{grid-template-columns:minmax(0,1fr)}.work-page .cta-panel{padding:3rem 1.35rem 3.5rem;border-radius:20px}.work-page .hero-actions .wbtn{width:100%}}@media (prefers-reduced-motion:reduce){.work-page *{transition-duration:0.01ms!important;animation-duration:0.01ms!important}.work-page .hero-site-new{animation:none}}