.work-hint-mobile{display:none}.work .section-heading{margin-bottom:45px}.device-gallery{display:flex;flex-direction:column;gap:32px}.device-gallery .project{width:100%;margin:0!important}.device-cover{aspect-ratio:auto;min-height:660px;padding:30px 40px 32px;border-radius:25px;gap:0;overflow:hidden;--device-scroll:0;--shine-x:50%;--shine-y:40%}.project-gana{--cover-bg:#bedce3;--cover-ink:#153e48;--cover-accent:#4496ad}.project-comedy{--cover-bg:#350e20;--cover-ink:#fff0f5;--cover-accent:#fc6b91}.project-classfood{--cover-bg:#eee1c5;--cover-ink:#4f3c19;--cover-accent:#bd8c36;--cover-screen:#fff;--cover-duration:16s}.project-greenbike{--cover-bg:#d0e5b4;--cover-ink:#244429;--cover-accent:#4e7731}.project-balance{--cover-bg:#bde4cb;--cover-ink:#0b4f32;--cover-accent:#408a58;--cover-screen:#fff;--cover-duration:16s}.device-cover:before{background:radial-gradient(ellipse at var(--shine-x) var(--shine-y),#fff6,transparent 58%),linear-gradient(160deg,#ffffff10,#00000010);background-size:auto;transition:background .2s}.device-cover:after{content:'';position:absolute;left:12%;right:12%;bottom:120px;height:35px;background:#0003;filter:blur(25px);border-radius:50%;z-index:-1;transform:scaleX(.9)}.device-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:5;font-size:0.875rem}.device-index{font:0.8125rem var(--latin);opacity:.7}.device-wordmark{position:absolute;top:64px;left:0;width:100%;text-align:center;font-size:clamp(4.0625rem,11vw,10.75rem);font-weight:700;letter-spacing:-.065em;line-height:1;color:var(--cover-ink);opacity:.11;white-space:nowrap;pointer-events:none}.device-stage{position:relative;width:80%;height:460px;align-self:center;margin-top:36px;perspective:1400px;transform-style:preserve-3d}.desktop-device{position:absolute;width:86%;top:5px;left:3%;transform:translate3d(var(--cover-shift-x),calc(var(--device-scroll) * -10px),0) rotateX(calc(var(--cover-rx) + 4deg)) rotateY(calc(var(--cover-ry) - 7deg));transition:transform .55s cubic-bezier(.2,.75,.25,1);transform-style:preserve-3d}.desktop-shell{padding:12px 12px 0;border-radius:18px 18px 12px 12px;background:linear-gradient(135deg,#484a4b,#0e1011 42%,#303334);border:1px solid #b8bdba;box-shadow:4px 8px 0 #111b,0 30px 45px -18px #0009;position:relative}.desktop-camera{position:absolute;top:4px;left:50%;height:4px;width:4px;background:#8a938b;border-radius:50%}.device-cover .cover-browser{border:0;border-radius:4px;transform:none!important;box-shadow:none!important;transition:none;will-change:auto}.device-cover .cover-viewport{aspect-ratio:1.85}.device-cover .cover-toolbar{height:24px;font-size:0.625rem}.device-cover .cover-address{font-size:0.625rem}.desktop-chin{height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(100deg,#b9bcbb,#e3e5e2,#aeb4b2);margin:0 -12px;border-radius:0 0 11px 11px}.desktop-chin span{font:0.5625rem var(--latin);letter-spacing:.05em;color:#4b514f}.desktop-stand{width:14%;height:49px;margin:auto;background:linear-gradient(90deg,#909693,#dfe3df 55%,#8d9490);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);position:relative;z-index:-1}.desktop-foot{width:31%;height:10px;background:linear-gradient(#e3e6e1,#8a938d);border-radius:70% 70% 5px 5px;margin:-3px auto 0;box-shadow:0 10px 10px #0002}.phone-device{position:absolute;right:0;top:80px;width:21%;aspect-ratio:9/18.6;padding:6px;background:#171a1b;border:2px solid #8b938e;border-radius:28px;box-shadow:6px 5px 0 #3b4240,0 28px 35px -12px #0008;transform:translate3d(calc(var(--cover-shift-x) * -2),calc(var(--device-scroll) * -26px),60px) rotateZ(8deg) rotateY(calc(var(--cover-ry) * -.8));transition:transform .55s cubic-bezier(.2,.75,.25,1);overflow:hidden;z-index:4}.phone-screen{width:100%;height:100%;border-radius:20px;overflow:hidden;position:relative;background:var(--cover-screen)}.phone-screen img{height:135%;width:auto;max-width:none;min-width:100%;object-fit:cover;object-position:top;position:absolute;left:50%;transform:translateX(-50%) translateY(var(--phone-pan,0%));transition:transform .65s ease}.phone-island{position:absolute;top:9px;left:32%;width:36%;height:10px;border-radius:10px;background:#121414}.phone-home{position:absolute;bottom:9px;left:35%;width:30%;height:3px;background:#f8f8f8;border-radius:4px;box-shadow:0 0 1px #000}.device-float-tag{position:absolute;left:0;bottom:37px;display:flex;gap:10px;align-items:center;padding:13px 19px;border-radius:11px;border:1px solid #ffffff8c;background:#ffffffc9;box-shadow:0 15px 20px #0001;color:#2a3e2a;transform:translate3d(calc(var(--cover-shift-x) * -1),calc(var(--device-scroll) * 10px),30px) rotate(-6deg);transition:transform .6s;font:0.6875rem var(--latin);letter-spacing:.06em;z-index:5}.device-float-tag .icon{width:22px;height:22px}.device-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;z-index:6;margin-top:12px}.device-bottom h3{font-size:2.5rem;letter-spacing:-.045em}.device-bottom p{font-size:1.0625rem;margin-top:8px;opacity:.8}.device-cta{display:flex;align-items:center;gap:20px;padding:13px 19px;min-height:50px;border:1px solid currentColor;border-radius:40px;font-size:0.9375rem;transition:background .25s,color .25s}.project:hover .device-cta{background:var(--cover-ink);color:var(--cover-bg)}.device-cover .cover-page{animation-duration:20s}.device-cover.is-cover-visible .phone-device{will-change:transform}.device-gallery .project:nth-child(even) .desktop-device{left:11%;transform:translate3d(var(--cover-shift-x),calc(var(--device-scroll) * -10px),0) rotateX(calc(var(--cover-rx) + 4deg)) rotateY(calc(var(--cover-ry) + 7deg))}.device-gallery .project:nth-child(even) .phone-device{right:auto;left:0;rotate:-15deg}.device-gallery .project:nth-child(even) .device-float-tag{left:auto;right:0;rotate:10deg}.device-gallery .project:focus-visible .device-cover{outline:3px solid var(--lime);outline-offset:5px}.work .brand-proof{margin-top:60px}
@media(min-width:1450px){.device-stage{height:520px;max-width:1060px}.device-cover{min-height:730px}.device-float-tag{bottom:25px}}
@media(max-width:1100px){.device-cover{min-height:570px;padding:25px 30px}.device-stage{width:90%;height:380px;margin-top:40px}.device-wordmark{top:80px}.device-bottom h3{font-size:2.125rem}.device-float-tag{bottom:20px}.phone-device{top:60px;border-radius:24px}.phone-screen{border-radius:16px}}
@media(max-width:760px){.work-hint-desktop{display:none}.work-hint-mobile{display:inline}.device-gallery{gap:22px}.device-cover{min-height:0;padding:21px 18px 24px;border-radius:20px;aspect-ratio:auto}.device-top{font-size:0.75rem;gap:12px}.device-index{font-size:0.6875rem}.device-wordmark{top:60px;font-size:clamp(2.6875rem,12vw,4.875rem)}.device-stage{width:100%;height:clamp(240px,68vw,440px);margin-top:47px}.desktop-device{width:90%;top:10px;left:0}.desktop-shell{padding:7px 7px 0;border-radius:10px 10px 7px 7px;box-shadow:2px 4px 0 #111b,0 22px 25px -14px #0009}.desktop-camera{height:2px;width:2px;top:2px}.device-cover .cover-toolbar{height:17px;padding-inline:6px;gap:6px}.device-cover .cover-toolbar .icon{width:10px;height:10px}.device-cover .cover-address{font-size:0.4375rem}.device-cover .cover-dots i{width:2px;height:2px}.device-cover .cover-viewport{aspect-ratio:1.56}.desktop-chin{height:14px;margin-inline:-7px;border-radius:0 0 6px 6px}.desktop-chin span{font-size:0.375rem}.desktop-stand{height:29px}.desktop-foot{height:6px}.phone-device{right:1%;top:65px;width:26%;padding:3px;border-width:1px;border-radius:15px;box-shadow:3px 3px 0 #3b4240,0 20px 20px -10px #0008;transform:translate3d(0,calc(var(--device-scroll) * -20px),25px) rotateZ(8deg)}.phone-screen{border-radius:11px}.phone-island{top:5px;height:6px}.phone-home{bottom:6px;height:2px}.device-float-tag{bottom:5px;left:5px;font-size:0.4375rem;padding:9px 11px;gap:6px;border-radius:8px}.device-float-tag .icon{width:16px;height:16px}.device-bottom{display:block;margin-top:8px}.device-bottom h3{font-size:1.9375rem}.device-bottom p{font-size:0.9375rem;margin-top:7px}.device-cta{margin-top:20px;font-size:0.875rem;justify-content:space-between;padding:10px 17px;min-height:48px;background:#ffffff18}.device-gallery .project:nth-child(even) .desktop-device{left:9%}.device-gallery .project:nth-child(even) .phone-device{left:1%}.device-gallery .project:nth-child(even) .device-float-tag{right:5px}.device-cover:after{bottom:150px;height:20px;filter:blur(15px)}.work .brand-proof{margin-top:40px}}
.motion-reduced .desktop-device,.motion-reduced .phone-device,.motion-reduced .device-float-tag{transform:none!important;transition:none!important}.motion-reduced .phone-screen img{transform:translateX(-50%)!important}@media(prefers-reduced-motion:reduce){.desktop-device,.phone-device,.device-float-tag{transform:none!important;transition:none!important}.phone-screen img{transform:translateX(-50%)!important}}
/* Compact six-project collection: marketing services retain the page hierarchy. */
.project-gaga{--cover-bg:#edd1e5;--cover-ink:#65234e;--cover-accent:#d40089;--cover-screen:#fff;--cover-duration:16s}
@media(min-width:761px){.device-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.device-cover{min-height:0;padding:19px 17px 21px;border-radius:18px}.device-top{font-size:0.75rem;gap:8px}.device-index{font-size:0.6875rem}.device-wordmark{top:60px;font-size:clamp(1.5625rem,3.4vw,3.625rem)}.device-stage{width:100%;height:clamp(195px,18vw,310px);margin-top:40px;max-width:none}.desktop-device{width:89%;left:0;top:0}.desktop-shell{padding:7px 7px 0;border-radius:9px 9px 6px 6px;box-shadow:2px 4px 0 #111b,0 18px 25px -14px #0009}.desktop-camera{width:2px;height:2px;top:2px}.device-cover .cover-toolbar{height:17px;padding-inline:6px;gap:5px}.device-cover .cover-address{font-size:0.4375rem}.device-cover .cover-toolbar .icon{width:10px;height:10px}.device-cover .cover-dots i{height:2px;width:2px}.device-cover .cover-viewport{aspect-ratio:1.56}.desktop-chin{height:14px;margin-inline:-7px;border-radius:0 0 6px 6px}.desktop-chin span{font-size:0.375rem}.desktop-stand{height:26px}.desktop-foot{height:6px}.phone-device{width:25%;top:45px;padding:3px;border-width:1px;border-radius:14px;box-shadow:3px 3px 0 #3b4240,0 20px 20px -10px #0008}.phone-screen{border-radius:10px}.phone-island{top:5px;height:5px}.phone-home{bottom:6px;height:2px}.device-float-tag{display:none}.device-bottom{display:block;margin-top:6px}.device-bottom h3{font-size:1.5625rem}.device-bottom p{font-size:0.875rem;line-height:1.5;min-height:42px}.device-cta{justify-content:space-between;margin-top:15px;padding:9px 13px;min-height:44px;font-size:0.8125rem;gap:8px}.device-gallery .project:nth-child(even) .desktop-device{left:10%}.device-cover:after{bottom:155px;height:18px;filter:blur(16px)}.work .section-heading h2{font-size:clamp(2.625rem,4.3vw,4rem)}.work .section-heading h2 br{display:none}.work .section-heading h2 .outline{margin-inline-start:10px}.work .section-heading{margin-bottom:30px}.work .brand-proof{margin-top:35px;padding-top:30px;gap:40px}.work .brand-proof-number{font-size:5.625rem}.work .brand-proof-copy h3{font-size:1.875rem;margin-bottom:6px}.work .brand-proof-copy>p{font-size:1.125rem}.work.section-pad{padding-block:75px}}
.work-rail-note{display:none}
@media(max-width:760px){.device-gallery{display:flex;flex-direction:row;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;margin-inline:calc(-1 * var(--pad));padding:4px var(--pad) 18px;scroll-padding-inline:var(--pad);scrollbar-width:thin;scrollbar-color:#9aa780 #252b1c}.device-gallery .project{flex:0 0 86%;width:86%;max-width:380px;scroll-snap-align:start;min-width:0}.device-cover{padding:18px 15px 20px}.device-stage{height:clamp(205px,55vw,280px);margin-top:42px}.device-wordmark{font-size:clamp(2.25rem,10vw,3.75rem);top:57px}.device-bottom h3{font-size:1.625rem}.device-bottom p{font-size:0.875rem;min-height:22px}.device-cta{margin-top:15px}.device-top{font-size:0.6875rem}.device-float-tag{display:none}.work-rail-note{display:block;font-size:0.8125rem;color:var(--muted);margin-top:8px}.work .section-heading h2{font-size:2.4375rem}.work .section-heading h2 br{display:none}.work .section-heading h2 .outline{margin-inline-start:8px}.work .section-intro{margin-top:16px;font-size:0.9375rem}.work .brand-proof{margin-top:24px;padding-top:25px;gap:20px;flex-direction:row;align-items:center}.work .brand-proof-number{font-size:4.0625rem}.work .brand-proof-copy h3{font-size:1.5rem;margin-bottom:6px}.work .brand-proof-copy>p{font-size:0.875rem}.work .brand-proof-copy>span{font-size:0.75rem}.work.section-pad{padding-block:48px}}