:global(body.page-webdesign){--wd-page: #fcf5ed;--wd-page-deep: #f2e2d0;--wd-surface: rgba(255, 249, 243, .92);--wd-surface-strong: #fffaf4;--wd-surface-soft: #f8ede1;--wd-border: rgba(130, 91, 65, .14);--wd-border-strong: rgba(130, 91, 65, .24);--wd-ink: #241a16;--wd-muted: #6f6258;--wd-kicker: #a16846;--wd-media-bg: linear-gradient(180deg, rgba(255, 247, 239, .98), rgba(243, 230, 217, .95));--wd-media-inner: rgba(255, 255, 255, .86);--wd-media-shadow: 0 28px 72px rgba(88, 58, 36, .11);background:radial-gradient(circle at 12% 12%,rgba(218,173,132,.2),transparent 26%),radial-gradient(circle at 84% 18%,rgba(240,208,176,.18),transparent 24%),linear-gradient(180deg,#fffbf7f2,#f8efe5eb);color:var(--wd-ink)}:global(html.dark body.page-webdesign){--wd-page: #0f172a;--wd-page-deep: #0b1220;--wd-surface: rgba(17, 24, 39, .82);--wd-surface-strong: rgba(19, 28, 49, .96);--wd-surface-soft: rgba(15, 23, 42, .92);--wd-border: rgba(148, 163, 184, .16);--wd-border-strong: rgba(240, 195, 164, .24);--wd-ink: #f8fafc;--wd-muted: #cbd5e1;--wd-kicker: #f0c3a4;--wd-media-bg: linear-gradient(180deg, rgba(19, 29, 50, .98), rgba(12, 18, 32, .96));--wd-media-inner: rgba(15, 23, 42, .92);--wd-media-shadow: 0 32px 82px rgba(2, 6, 23, .42);background:radial-gradient(circle at 16% 0%,rgba(59,130,246,.14),transparent 26%),radial-gradient(circle at 86% 18%,rgba(129,140,248,.1),transparent 24%),linear-gradient(180deg,#0f172af7,#0b1220);color:var(--wd-ink)}.webdesign-kicker{margin:0;color:var(--wd-kicker);font-family:Roboto Mono Variable,monospace;font-size:.78rem;font-weight:700;letter-spacing:.16em;line-height:1.4;text-transform:uppercase}.webdesign-section-intro{display:grid;gap:.9rem;max-width:44rem}.webdesign-section-intro h2,.webdesign-proof-strip__intro h2,.webdesign-case-copy h1{margin:0;color:var(--wd-ink);font-family:Inter Variable,sans-serif;font-size:clamp(2.15rem,4.2vw,3.4rem);font-weight:800;letter-spacing:-.05em;line-height:.98}.webdesign-section-intro p:last-child,.webdesign-case-copy>p:not(.webdesign-kicker){margin:0;max-width:42rem;color:var(--wd-muted);font-size:1rem;line-height:1.8}.webdesign-hero-shell{position:relative;overflow:hidden;background:radial-gradient(circle at 8% 20%,rgba(227,185,144,.22),transparent 22%),linear-gradient(180deg,#fffbf7fa,#f7eee5f2);border-bottom:1px solid var(--wd-border)}html.dark .webdesign-hero-shell{background:radial-gradient(circle at 12% 20%,rgba(59,130,246,.14),transparent 24%),linear-gradient(180deg,#0f172af5,#0b1220fa)}.webdesign-hero{display:grid;grid-template-columns:minmax(17rem,.62fr) minmax(34rem,1.38fr);gap:clamp(2rem,5vw,5.5rem);align-items:center;min-height:min(43rem,calc(100svh - 8rem));padding:clamp(2.8rem,6vw,5.4rem) 0}.webdesign-hero__copy{display:grid;gap:1.2rem;max-width:28rem}.webdesign-hero__copy h1{margin:0;color:var(--wd-ink);font-family:Inter Variable,sans-serif;font-size:clamp(3.2rem,6.4vw,5.4rem);font-weight:900;letter-spacing:-.08em;line-height:.92}.webdesign-hero__lead{margin:0;max-width:27rem;color:var(--wd-muted);font-size:1.04rem;line-height:1.8}.webdesign-hero__actions,.webdesign-featured-case__actions,.webdesign-cta__actions,.webdesign-case-copy__actions{display:flex;flex-wrap:wrap;gap:.9rem}.webdesign-hero__facts{display:flex;flex-wrap:wrap;gap:.75rem;margin:.25rem 0 0;padding:0;list-style:none}.webdesign-hero__facts li{display:inline-flex;align-items:center;gap:.45rem;min-height:2.25rem;padding:.55rem .9rem;border-radius:999px;border:1px solid var(--wd-border);background:color-mix(in srgb,var(--wd-surface-strong) 86%,transparent);color:var(--wd-muted);font-size:.9rem;box-shadow:0 10px 22px #583a240f}.webdesign-hero__facts span{font-weight:700;color:var(--wd-ink)}.webdesign-hero__facts strong{font-weight:500}.webdesign-hero__stage{position:relative;min-height:clamp(30rem,47vw,41rem)}.webdesign-phone-hero,.webdesign-phone-hero .phoneContainer{position:absolute;inset:0}.webdesign-phone-hero .phone{position:absolute;right:calc(6% - 8px);top:calc(71% - 2px);transform:translate(-50%,-50%) rotate(-30deg) skew(30deg) scale(1.2)}.webdesign-phone-hero .phone-back{position:absolute;top:-3px;transform:translate(-50%,-50%);height:734px;width:430px;background-image:linear-gradient(to bottom,#3a3b3f 70%,#1d1d1f);border-radius:74px 40px 84px 50px;box-shadow:-26px 8px 8px -10px #0000004d,-6px 6px 6px #0009,-30px 14px 10px -10px #00000080,-20px 40px 8px #0000001a,-20px 30px 8px #0000001a,inset 20px 0 15px -6px #0009,inset 2px 0 4px -2px #0009,inset 2px 0 1px -2px #ffffff1a,inset 0 -15px 10px -10px #ffffff26}.webdesign-phone-hero .phone-back:before{content:"";display:block;height:300px;width:100px;position:absolute;background-color:#fff;left:16px;bottom:40px;border-radius:20px;filter:blur(5px);opacity:.1;transform:rotate(4deg)}.webdesign-phone-hero .phone-back:after{content:"";display:block;height:300px;width:100px;position:absolute;background-color:#fff;left:26px;bottom:40px;border-radius:20px;filter:blur(4px);opacity:.25;transform:rotate(2deg)}.webdesign-phone-hero .phone-screen{position:absolute;top:-16px;left:14px;transform:translate(-50%,-50%);height:710px;width:400px;background-color:#000;border-radius:48px 40px 52px 45px;box-shadow:-2px 0 0 -1px #fff6,-1px 3px 3px -3px #ffffffb3}.webdesign-phone-hero .phone-display{position:absolute;z-index:1;top:-23px;left:20px;transform:translate(-50%,-50%);height:690px;width:378px;background-color:#fbfbfb;border-radius:45px 37px 41px 41px}.webdesign-phone-hero .phone-notch{position:absolute;top:-1px;left:50%;transform:translate(-50%);width:210px;background-color:#131313;border-top:6px solid #000;height:21px;z-index:3;border-radius:0 0 20px 20px}.webdesign-phone-hero .phone-notch:after{content:"";display:block;height:12px;width:12px;background-color:transparent;position:absolute;left:-12px;top:-5px;border-radius:50%;box-shadow:5px -5px 0 -3px #000}.webdesign-phone-hero .phone-notch:before{content:"";display:block;height:12px;width:12px;background-color:transparent;position:absolute;right:-12px;top:-5px;border-radius:50%;box-shadow:-4px -4px 0 -3px #000}.webdesign-phone-hero .phone-speaker{position:absolute;top:6px;width:58px;height:6px;border-radius:20px;background-color:#2b2b2b;overflow:hidden;box-shadow:0 0 0 1px #363637,inset -3px 3px 1px #000,inset -3px 4px 0 -1px #ffffff80;left:50%;transform:translate(-50%)}.webdesign-phone-hero .phone-speaker:after{content:"";display:block;height:4px;width:4px;background-color:#87888c;position:absolute;right:-1px;border-radius:50%;top:-1px}.webdesign-phone-hero .phone-speaker:before{content:"";display:block;height:4px;width:4px;background-color:#898a8e;position:absolute;right:-2px;border-radius:50%;top:4px}.webdesign-phone-hero .phone-left-side{position:absolute;left:0;top:60px;width:30px;height:100%}.webdesign-phone-hero .phone-left-side .phone-antena{position:absolute;height:20px;width:50px;left:-5px;top:10px;border-radius:50%;transform:rotate(-40deg) skew(20deg);background-color:transparent;box-shadow:0 -2px 1px -2px #000}.webdesign-phone-hero .phone-left-side .phone-antena.bottom{top:auto;bottom:128px}.webdesign-phone-hero .phone-left-side .phone-antena:after{content:"";display:block;height:20px;width:50px;position:absolute;transform:rotate(-2deg);left:-5px;top:3px;border-radius:50%;background-color:transparent;box-shadow:0 -2px 1px -2px #000}.webdesign-phone-hero .phone-button{position:absolute;top:100px;left:4px;height:47px;width:12px;background-color:#010101;border-radius:30px;transform:skewY(-40deg);box-shadow:-32px -16px 10px #0006,-4px 0 4px #0006}.webdesign-phone-hero .phone-button.bottom{top:160px}.webdesign-phone-hero .phone-button.top{top:48px;height:29px;width:14px;left:2px;border-radius:10px 10px 10px 3px;box-shadow:inset 2px 0 0 -1px #ffffff40}.webdesign-phone-hero .phone-button.top:after{height:27px;width:8px;left:4px;top:0}.webdesign-phone-hero .phone-button.top:before{height:28px;width:8px;left:6px;top:0;box-shadow:1px 0 #0006}.webdesign-phone-hero .phone-button:before{content:"";display:block;position:absolute;height:45px;width:10px;background-image:linear-gradient(to bottom,#6a6b6f 85%,#0b0b0b);border-radius:20px}.webdesign-phone-hero .phone-button:after{content:"";display:block;position:absolute;left:-2px;top:-1px;height:44px;width:10px;background-color:#2d2d2f;border-radius:20px;box-shadow:inset -1px -1px 0 -1px #fff9}.webdesign-phone-hero .phone-bottom{position:absolute;bottom:0;width:100%}.webdesign-phone-hero .phone-bottom .bottom-speaker{position:absolute;display:flex;left:calc(50% - 120px);bottom:6px;transform:skew(-50deg)}.webdesign-phone-hero .phone-bottom .bottom-speaker.right{left:calc(50% + 45px)}.webdesign-phone-hero .phone-bottom .bottom-speaker div{height:6px;width:6px;background-color:#212121;box-shadow:inset -4px -3px 2px -2px #000,1px -1px 0 -1px #ffffff80;margin:0 3px;border-radius:50%;position:relative;overflow:hidden}.webdesign-phone-hero .phone-bottom .bottom-speaker div:after{content:"";display:block;height:3px;width:3px;background-color:#fff;border-radius:50%;position:absolute;bottom:-1px;left:3px;opacity:.4}.webdesign-phone-hero .phone-bottom .phone-screw{position:absolute;bottom:5px;left:calc(50% - 38px);height:9px;width:9px;background-image:linear-gradient(to right,#1a1a1c 30%,#a1a2a7 60%,#1a1a1c 80%);border-radius:50%;transform:translate(-50%) skew(-50deg)}.webdesign-phone-hero .phone-bottom .phone-screw.right{left:calc(50% + 36px)}.webdesign-phone-hero .phone-bottom .phone-screw div{height:6px;width:6px;border-radius:50%;background-color:#252527;box-shadow:2px 2px #000000e6,inset -2px 1px 1px -1px #000;position:relative}.webdesign-phone-hero .phone-bottom .phone-screw div:after{content:"";display:block;height:4px;width:4px;background-color:#151515;transform:rotate(45deg);position:absolute;top:1px;box-shadow:inset -1px -1px #fff9}.webdesign-phone-hero .phone-bottom .phone-charger{position:absolute;left:50%;bottom:2px;background-image:linear-gradient(to right,#121214 5%,#434446 20% 60%,#7a7b80 75%,#1b1b1d 90%);transform:translate(-50%) skew(-50deg);height:14px;width:48px;overflow:hidden;border-radius:15px 16px 24px 20px;box-shadow:1px 1px 1px -1px #fff6,inset -2px -2px 0 -1px #0e0e0e,inset -3px -3px 0 -1px #252527,inset 3px 3px 0 -1px #050505}.webdesign-phone-hero .phone-bottom .phone-charger:after{content:"";display:block;height:10px;width:42px;background-color:#050505;border-radius:20px 8px 16px 10px;box-shadow:1px 1px 0 -1px #fff6}.webdesign-phone-hero .phone-bottom .phone-antena{position:absolute;height:20px;width:50px;bottom:8px;left:60px;border-radius:40%;opacity:.7;transform:rotate(-45deg) skew(20deg) scaleY(-1);background-color:transparent;box-shadow:0 -2px 1px -2px #000}.webdesign-phone-hero .phone-bottom .phone-antena.right{left:auto;right:70px;box-shadow:0 -2px 1px -2px #000,19px -2px 0 -2px #fff6}.webdesign-phone-hero .phone-bottom .phone-antena.right:after{box-shadow:0 -2px 1px -2px #000,19px -2px 0 -2px #fff6}.webdesign-phone-hero .phone-bottom .phone-antena:after{content:"";display:block;height:20px;width:50px;position:absolute;transform:rotate(-2deg);left:-3px;top:3px;border-radius:40%;background-color:transparent;box-shadow:0 -2px 1px -2px #000}.webdesign-phone-hero .phone-reflections{position:absolute;top:-17px;left:15px;transform:translate(-50%,-50%);height:709px;width:399px;border-radius:48px 40px 52px 45px;background-color:transparent;z-index:4;overflow:hidden}.webdesign-phone-hero .phone-reflections .reflection-1{position:absolute;height:200%;width:120%;background-color:#fff;opacity:.1;left:-320px;top:-200px;transform:rotate(32deg);z-index:10}.webdesign-phone-hero .phone-reflections .reflection-2,.webdesign-phone-hero .phone-reflections .reflection-3{position:absolute;height:100%;left:-94px;width:100px;border-radius:100px;background-color:#000;top:calc(50% + 14px);transform:translateY(-50%);z-index:11}.webdesign-phone-hero .phone-reflections .reflection-3{background:#6d6c71;left:-8px;height:60%;width:10px;opacity:.6;top:70%}.webdesign-phone-hero .phone-reflections .reflection-4{position:absolute;height:60%;top:0;background-color:#67686c;width:16px}.webdesign-phone-hero .phone-reflections .reflection-4:before{content:"";display:block;position:absolute;height:100px;width:100px;background-color:transparent;left:16px;top:4px;border-radius:44px 40px 0 0;box-shadow:-20px -3px #67686c}.webdesign-phone-hero .phone-reflections .reflection-4:after{content:"";display:block;height:80px;width:80px;background-color:transparent;position:absolute;border-radius:60px 0 0;left:0;top:-1px;transform:rotate(15deg);box-shadow:-25px -3px 2px -8px #000}.webdesign-phone-hero .phone-reflections .reflection-5{position:absolute;height:50%;bottom:0;left:4px;width:12px;background-color:#000;border-radius:50%}.webdesign-phone-hero .phone-reflections .reflection-6{position:absolute;width:80px;height:20px;background-color:#000;border-radius:50%;transform:rotate(40deg);bottom:-4px;left:-14px;z-index:12}.webdesign-phone-hero .phone-reflections .reflection-6:after{content:"";display:block;position:absolute;height:100px;width:20px;background-color:#000;right:-17px;top:-78px;border-radius:40%;transform:rotate(50deg)}.webdesign-phone-hero .phone-reflections .reflection-6:before{content:"";display:block;position:absolute;height:50px;width:50px;background-color:transparent;top:-51px;left:7px;transform:rotate(-20deg);border-radius:40%;box-shadow:4px 15px 1px -10px #000}.webdesign-phone-hero .reflection-7{position:absolute;bottom:-4px;left:10px;height:20px;width:40px;border-radius:20px 0 6px 10px;transform:skew(60deg) skewY(-10deg) scaleY(-1) scaleX(-1) scale(.8);background-color:#5c5d61;z-index:13}.webdesign-phone-hero .reflection-7:after{content:"";display:block;height:20px;width:30px;background-color:#5c5d61;border-radius:50%;position:absolute;top:-3px;right:6px;transform:rotate(40deg) skew(-54deg) skewY(47deg) scaleY(1) scaleX(1)}.webdesign-phone-hero .reflection-7:before{content:"";display:block;position:absolute;height:18px;width:15px;background-color:#5c5d61;left:6px;bottom:-6px;border-radius:2px;transform:rotate(253deg) skew(10deg)}.webdesign-phone-hero .display-content{position:absolute;top:0;left:0;height:690px;width:378px;border-radius:45px 37px 41px 41px;overflow:hidden;background-size:cover}.webdesign-phone-hero .notifications-bar{z-index:22}.webdesign-phone-hero .notifications-bar .time{color:#111;font-size:11px;position:absolute;left:40px;top:10px;font-weight:600}.webdesign-phone-hero .notifications-bar .range{position:absolute;height:4px;width:2px;background-color:#111;right:70px;top:14px}.webdesign-phone-hero .notifications-bar .range:after,.webdesign-phone-hero .notifications-bar .range:before{content:"";display:block;position:absolute;height:6px;width:2px;background-color:#111;bottom:0;left:4px}.webdesign-phone-hero .notifications-bar .range:before{height:8px;left:8px}.webdesign-phone-hero .notifications-bar .wifi{position:absolute;right:40px;top:10px}.webdesign-phone-hero .notifications-bar .wifi,.webdesign-phone-hero .notifications-bar .wifi:before{display:inline-block;border:4px double transparent;border-top-color:#111;border-radius:50%;display:none}.webdesign-phone-hero .battery{height:5px;width:12px;position:absolute;top:12px;right:20px;border-radius:1px;border:1px solid #111}.webdesign-phone-hero .battery:after{content:"";position:absolute;height:2px;width:1px;background-color:#fff;right:-3px;top:1px}.webdesign-phone-hero .home-button{position:absolute;left:50%;transform:translate(-50%);width:120px;height:4px;background-color:#00000026;bottom:12px;border-radius:4px}.webdesign-phone-hero .screenSlider{width:100%;height:calc(100% - 30px);position:relative;z-index:2;margin-top:30px;background:#fff}.webdesign-phone-hero .screenSlide{position:absolute;inset:50px 0 0;height:auto;opacity:0;transition:opacity .38s ease}.webdesign-phone-hero .screenSlide.is-active{opacity:1}.webdesign-phone-hero .screenSlider img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.webdesign-phone-hero .browser-bar{height:50px;background:#fcfcfc;top:30px;position:relative;justify-content:center;display:flex;align-items:center;z-index:3}.webdesign-phone-hero .browser-bar .inner{width:94%;height:71%;background:#e3e3e3;border-radius:11px;justify-content:space-around;display:flex;align-items:center}.webdesign-phone-hero .url{width:fit-content;font-size:15px;color:#111}.webdesign-phone-hero .url>span{display:none}.webdesign-phone-hero span.lock{font-size:10px;padding-right:5px;position:relative;top:-2px;display:inline-block}.webdesign-featured-shell,.webdesign-proof-shell,.webdesign-mosaic-shell,.webdesign-cta-shell,.webdesign-case-shell{position:relative;padding:clamp(3.5rem,7vw,6rem) 0}.webdesign-featured-case,.webdesign-mosaic-card,.webdesign-case-hero{background:var(--wd-surface);border:1px solid var(--wd-border);border-radius:2rem;box-shadow:0 18px 52px #583a2414}.webdesign-proof-shell,.webdesign-cta-shell{background:color-mix(in srgb,var(--wd-surface-soft) 84%,transparent);border-top:1px solid var(--wd-border);border-bottom:1px solid var(--wd-border)}.webdesign-featured-case{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(1.5rem,4vw,3rem);align-items:center;margin-top:clamp(2rem,3vw,3rem);padding:clamp(1.25rem,2vw,1.75rem)}.webdesign-featured-case__copy,.webdesign-case-copy{display:grid;gap:1rem}.webdesign-featured-case__meta,.webdesign-mosaic-card__meta p{margin:0;color:var(--wd-muted);font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.webdesign-featured-case h3,.webdesign-mosaic-card h3{margin:0;color:var(--wd-ink);font-family:Inter Variable,sans-serif;font-size:clamp(1.8rem,3.2vw,3rem);font-weight:800;letter-spacing:-.05em;line-height:.98}.webdesign-featured-case__caption{margin:0;color:var(--wd-ink);font-size:1.08rem;font-weight:700;line-height:1.6}.webdesign-featured-case__summary,.webdesign-mosaic-card__summary,.webdesign-proof-item span,.webdesign-cta p{margin:0;color:var(--wd-muted);line-height:1.75}.webdesign-featured-case__services,.webdesign-mosaic-card__services,.webdesign-case-copy__services{display:flex;flex-wrap:wrap;gap:.65rem}.webdesign-featured-case__services span,.webdesign-mosaic-card__services span,.webdesign-case-copy__services span{display:inline-flex;align-items:center;min-height:2.2rem;padding:.5rem .85rem;border-radius:999px;border:1px solid var(--wd-border);background:color-mix(in srgb,var(--wd-surface-strong) 90%,transparent);color:var(--wd-muted);font-size:.84rem;font-weight:600}.webdesign-project-visuals{position:relative;display:grid;gap:1rem}.webdesign-project-visuals__stage{position:relative;display:grid;align-items:end;padding:clamp(.9rem,2vw,1.25rem);border-radius:1.75rem;background:var(--wd-media-bg);border:1px solid var(--wd-border);box-shadow:var(--wd-media-shadow);overflow:hidden}.webdesign-project-visuals__stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.28),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.12),transparent 44%);pointer-events:none}.webdesign-project-visuals__primary,.webdesign-project-visuals__secondary,.webdesign-project-visuals__detail{margin:0;overflow:hidden;border:1px solid var(--wd-border);background:var(--wd-media-inner);box-shadow:0 22px 48px #0f172a14}.webdesign-project-visuals__primary{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:center;padding:clamp(.7rem,1.6vw,1rem);border-radius:1.4rem;min-height:100%}.webdesign-project-visuals__primary img,.webdesign-project-visuals__secondary img,.webdesign-project-visuals__detail img{display:block;width:100%;height:auto;object-fit:contain;object-position:top center}.webdesign-project-visuals__primary img,.webdesign-project-visuals__detail img{max-width:100%;margin-inline:auto}.webdesign-project-visuals__secondary{position:absolute;right:clamp(.9rem,1.8vw,1.25rem);bottom:clamp(.9rem,1.8vw,1.25rem);z-index:2}.webdesign-project-visuals__secondary.is-mobile{width:clamp(7.5rem,18vw,10.75rem);padding:.38rem;border-radius:2rem;border-color:#ffffff1f;background:linear-gradient(180deg,#31343b,#13161c);box-shadow:0 20px 44px #0f172a3d,0 12px 18px #0f172a24}.webdesign-project-visuals__secondary.is-mobile:after{content:"";position:absolute;left:50%;bottom:.45rem;width:34%;height:.24rem;border-radius:999px;transform:translate(-50%);background:#ffffff38}.webdesign-project-visuals__secondary.is-mobile img{border-radius:1.55rem;background:#fff}.webdesign-project-visuals__secondary.is-supporting{width:min(14rem,34%);padding:.45rem;border-radius:1.2rem}.webdesign-project-visuals.is-featured{min-height:34rem}.webdesign-project-visuals.is-featured .webdesign-project-visuals__stage{min-height:clamp(26rem,40vw,34rem)}.webdesign-project-visuals.is-featured .webdesign-project-visuals__primary img{max-height:clamp(20rem,32vw,28rem)}.webdesign-proof-strip{display:grid;gap:2rem}.webdesign-proof-strip__intro{display:grid;gap:.8rem;max-width:40rem}.webdesign-proof-strip__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}.webdesign-proof-item{display:grid;gap:.55rem;padding-top:1rem;border-top:1px solid var(--wd-border)}.webdesign-proof-item p,.webdesign-mosaic-card__meta span{margin:0;color:var(--wd-muted);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.webdesign-proof-item h3,.webdesign-cta h2{margin:0;color:var(--wd-ink);font-family:Inter Variable,sans-serif;font-size:clamp(1.05rem,2vw,1.25rem);font-weight:800;letter-spacing:-.03em;line-height:1.25}.webdesign-mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.4rem,3vw,2rem);margin-top:clamp(2rem,4vw,3rem)}.webdesign-mosaic-card{display:grid;gap:1.35rem;padding:1.3rem}.webdesign-mosaic-card.is-wide{grid-column:span 2;grid-template-columns:minmax(0,1.08fr) minmax(20rem,.92fr);gap:1.5rem;align-items:start}.webdesign-project-visuals.is-mosaic{min-height:23rem}.webdesign-project-visuals.is-mosaic .webdesign-project-visuals__stage{min-height:clamp(18rem,28vw,24rem)}.webdesign-project-visuals.is-mosaic .webdesign-project-visuals__primary img{max-height:clamp(13rem,20vw,18rem)}.webdesign-project-visuals.is-mosaic .webdesign-project-visuals__secondary.is-mobile{width:clamp(6.4rem,22%,8.4rem)}.webdesign-mosaic-card__copy{display:grid;gap:.9rem}.webdesign-mosaic-card__meta{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}.webdesign-mosaic-card__actions{display:flex;flex-wrap:wrap;gap:1rem}.webdesign-mosaic-card__actions a,.webdesign-case-back{color:color-mix(in srgb,var(--wd-ink) 88%,var(--wd-kicker));font-weight:700;text-decoration:none;text-underline-offset:.18em}.webdesign-mosaic-card__actions a:hover,.webdesign-case-back:hover{color:var(--wd-kicker)}.webdesign-cta{display:grid;gap:1rem;max-width:42rem}.webdesign-cta h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1}.webdesign-case-back{display:inline-flex;margin-bottom:1.5rem;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.webdesign-case-hero{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(1.5rem,4vw,3rem);align-items:center;padding:clamp(1.25rem,2vw,1.75rem)}.webdesign-project-visuals.is-detail{display:grid;gap:1rem}.webdesign-project-visuals.is-detail .webdesign-project-visuals__stage{min-height:clamp(24rem,34vw,30rem)}.webdesign-project-visuals.is-detail .webdesign-project-visuals__primary img{max-height:clamp(18rem,28vw,24rem)}.webdesign-project-visuals__rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.webdesign-project-visuals__detail{display:flex;align-items:flex-start;justify-content:center;min-height:14rem;padding:.8rem;border-radius:1.3rem}.webdesign-case-body{max-width:46rem;margin-top:clamp(2.5rem,5vw,4rem);color:var(--wd-muted);font-size:1.05rem;line-height:1.85}.webdesign-case-body :global(h2){margin:2.2rem 0 1rem;color:var(--wd-ink);font-family:Inter Variable,sans-serif;font-size:clamp(1.8rem,3vw,2.35rem);font-weight:800;letter-spacing:-.04em;line-height:1}.webdesign-case-body :global(p){margin:0 0 1rem}.webdesign-mosaic-card,.webdesign-featured-case,.webdesign-case-hero,.webdesign-project-visuals__primary,.webdesign-project-visuals__secondary,.webdesign-project-visuals__detail{transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease}.webdesign-mosaic-card:hover,.webdesign-featured-case:hover,.webdesign-case-hero:hover{border-color:var(--wd-border-strong)}.webdesign-mosaic-card:hover,.webdesign-featured-case:hover,.webdesign-case-hero:hover{transform:translateY(-.2rem);box-shadow:0 26px 60px #583a241f}.page-webdesign .btn-primary{background:linear-gradient(135deg,#cf7b50,#8a4f33);box-shadow:0 16px 34px #8a4f332e}.page-webdesign .btn-primary:hover{background:linear-gradient(135deg,#d48a5d,#7f472f)}.page-webdesign .btn-outline{border-color:#9f5b3f52;background:#fff7efeb;color:#8a4f33}.page-webdesign .btn-outline:hover{background:linear-gradient(135deg,#cf7b50,#8a4f33);color:#fff}html.dark .page-webdesign .btn-primary{background:linear-gradient(135deg,#cf7b50,#8a4f33);box-shadow:0 18px 40px #00000057}html.dark .page-webdesign .btn-primary:hover{background:linear-gradient(135deg,#de9470,#9c5d40)}html.dark .page-webdesign .btn-outline{border-color:#f0c3a452;background:#131c31e6;color:#f6dcc8}html.dark .page-webdesign .btn-outline:hover{background:#cf7b502e;color:#fff4ec}html.dark .webdesign-featured-case,html.dark .webdesign-mosaic-card,html.dark .webdesign-case-hero,html.dark .webdesign-proof-item,html.dark .webdesign-project-visuals__primary,html.dark .webdesign-project-visuals__detail{box-shadow:0 26px 62px #02061742}.page-webdesign .webdesign-hero-shell{background:radial-gradient(circle at 10% 16%,rgba(221,174,133,.14),transparent 22%),linear-gradient(180deg,#fffcf8fc,#f8f0e8f2)}html.dark .page-webdesign .webdesign-hero-shell{background:radial-gradient(circle at 14% 18%,rgba(96,165,250,.12),transparent 24%),linear-gradient(180deg,#0d1425fa,#0b1220f5)}.page-webdesign .webdesign-hero{grid-template-columns:minmax(15rem,.52fr) minmax(34rem,1.48fr);min-height:min(44rem,calc(100svh - 8rem))}.page-webdesign .webdesign-hero__copy{max-width:22rem;gap:1rem}.page-webdesign .webdesign-hero__copy h1,.page-webdesign .webdesign-section-intro h2,.page-webdesign .webdesign-project-module h3,.page-webdesign .webdesign-cta h2,.page-webdesign .webdesign-case-copy h1{font-family:Fraunces Variable,serif;font-weight:600;letter-spacing:-.06em}.page-webdesign .webdesign-hero__copy h1{font-size:clamp(3.5rem,6vw,6rem);line-height:.9;text-wrap:balance}.page-webdesign .webdesign-hero__lead{max-width:20rem;font-size:.98rem;line-height:1.7}.page-webdesign .webdesign-hero__actions{margin-top:.4rem}.page-webdesign .webdesign-hero__stage{min-height:clamp(31rem,48vw,41rem)}.webdesign-visual-feed-shell,.webdesign-project-sequence-shell,.webdesign-patterns-shell,.webdesign-craft-shell{position:relative;padding:clamp(4rem,8vw,6.5rem) 0}.webdesign-visual-feed-shell{padding-top:clamp(1.75rem,3vw,2.5rem)}.webdesign-visual-feed{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.2rem;align-items:start}.webdesign-visual-feed__item{margin:0}.webdesign-visual-feed__item.is-wide{grid-column:span 7}.webdesign-visual-feed__item.is-tall{grid-column:span 5}.webdesign-visual-feed__item.is-square{grid-column:span 6}.webdesign-visual-feed__link{display:grid;gap:.75rem;color:inherit;text-decoration:none}.webdesign-visual-feed__meta{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}.webdesign-visual-feed__meta span,.webdesign-project-module__meta{margin:0;color:var(--wd-muted);font-size:.76rem;font-weight:700;letter-spacing:.16em;line-height:1.4;text-transform:uppercase}.webdesign-visual-feed__meta strong{color:var(--wd-ink);font-size:1rem;font-weight:700;letter-spacing:-.03em}.webdesign-project-visuals.is-feed .webdesign-project-visuals__stage{min-height:clamp(22rem,30vw,27rem)}.webdesign-visual-feed__item.is-tall .webdesign-project-visuals.is-feed .webdesign-project-visuals__stage{min-height:clamp(28rem,39vw,36rem)}.webdesign-visual-feed__item.is-square .webdesign-project-visuals.is-feed .webdesign-project-visuals__stage{min-height:clamp(24rem,28vw,25rem)}.webdesign-project-visuals.is-feed .webdesign-project-visuals__primary img{max-height:clamp(18rem,27vw,23rem)}.webdesign-visual-feed__item.is-tall .webdesign-project-visuals.is-feed .webdesign-project-visuals__primary img{max-height:clamp(23rem,33vw,30rem)}.webdesign-project-sequence{display:grid;gap:clamp(3.5rem,7vw,5.5rem);margin-top:clamp(2rem,4vw,3rem)}.webdesign-section-intro--quiet{max-width:30rem}.webdesign-project-module{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(18rem,.82fr);gap:clamp(1.5rem,4vw,3rem);align-items:center;padding-top:clamp(2rem,4vw,2.6rem);border-top:1px solid var(--wd-border)}.webdesign-project-module.is-reversed{grid-template-columns:minmax(18rem,.82fr) minmax(0,1.18fr)}.webdesign-project-module.is-reversed .webdesign-project-module__visual{order:2}.webdesign-project-module.is-reversed .webdesign-project-module__copy{order:1}.webdesign-project-module__copy{display:grid;gap:.95rem}.webdesign-project-module h3{margin:0;color:var(--wd-ink);font-size:clamp(2rem,3vw,3rem);line-height:.96}.webdesign-project-module__summary{margin:0;color:var(--wd-muted);line-height:1.7}.webdesign-project-module__points{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.webdesign-project-module__points li{position:relative;padding-left:1rem;color:var(--wd-ink);font-size:.98rem;line-height:1.55}.webdesign-project-module__points li:before{content:"";position:absolute;left:0;top:.7rem;width:.42rem;height:.42rem;border-radius:999px;background:color-mix(in srgb,var(--wd-kicker) 78%,transparent)}.webdesign-project-module__actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.webdesign-project-module__actions a{color:color-mix(in srgb,var(--wd-ink) 88%,var(--wd-kicker));font-weight:700;text-decoration:none;text-underline-offset:.18em}.webdesign-project-module__actions a:hover{color:var(--wd-kicker)}.webdesign-project-visuals.is-module .webdesign-project-visuals__stage{min-height:clamp(22rem,34vw,28rem)}.webdesign-project-visuals.is-module .webdesign-project-visuals__primary img{max-height:clamp(17rem,26vw,23rem)}.webdesign-patterns-shell{background:color-mix(in srgb,var(--wd-surface-soft) 74%,transparent);border-top:1px solid var(--wd-border);border-bottom:1px solid var(--wd-border)}.webdesign-pattern-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:clamp(2rem,4vw,3rem)}.webdesign-pattern-card{display:grid;gap:.85rem}.webdesign-pattern-card__media{margin:0;aspect-ratio:16 / 11;overflow:hidden;border-radius:1.35rem;border:1px solid var(--wd-border);background:var(--wd-media-inner);box-shadow:var(--wd-media-shadow)}.webdesign-pattern-card__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .32s ease}.webdesign-pattern-card:hover .webdesign-pattern-card__media img{transform:scale(1.03)}.webdesign-pattern-card__copy{display:grid;gap:.45rem}.webdesign-pattern-card__copy h3{margin:0;color:var(--wd-ink);font-size:1.02rem;font-weight:800;letter-spacing:-.03em;line-height:1.25}.webdesign-pattern-card__copy p,.webdesign-craft-item p,.webdesign-tech-line{margin:0;color:var(--wd-muted);line-height:1.65}.webdesign-craft-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin-top:clamp(2rem,4vw,3rem)}.webdesign-craft-item{display:grid;gap:.75rem;padding-top:1rem;border-top:1px solid var(--wd-border-strong)}.webdesign-craft-item span{color:var(--wd-kicker);font-size:.76rem;font-weight:700;letter-spacing:.16em;line-height:1.4;text-transform:uppercase}.webdesign-tech-line{margin-top:clamp(2rem,4vw,2.75rem);padding-top:1.1rem;border-top:1px solid var(--wd-border);font-size:.95rem}.page-webdesign .webdesign-cta{max-width:34rem}.page-webdesign .webdesign-cta h2{font-size:clamp(2.35rem,4vw,3.8rem);line-height:.96}.page-webdesign .webdesign-case-copy h1{font-size:clamp(2.6rem,4vw,4rem);line-height:.94}@media screen and (max-width:1400px){.webdesign-phone-hero .phone{transform:translate(-50%,-50%) rotate(-30deg) skew(30deg) scale(.8)}}@media(max-width:1120px){.webdesign-hero,.webdesign-featured-case,.webdesign-case-hero,.webdesign-mosaic-card.is-wide,.webdesign-project-module,.webdesign-project-module.is-reversed{grid-template-columns:1fr}.webdesign-hero{min-height:auto}.webdesign-hero__stage{min-height:30rem}.webdesign-proof-strip__grid,.webdesign-mosaic,.webdesign-pattern-grid,.webdesign-craft-grid{grid-template-columns:1fr}.webdesign-mosaic-card.is-wide{grid-column:auto}.webdesign-visual-feed{grid-template-columns:repeat(2,minmax(0,1fr))}.webdesign-visual-feed__item.is-wide,.webdesign-visual-feed__item.is-tall,.webdesign-visual-feed__item.is-square{grid-column:span 1}.webdesign-project-module.is-reversed .webdesign-project-module__visual,.webdesign-project-module.is-reversed .webdesign-project-module__copy{order:initial}.webdesign-phone-hero .phone{right:calc(43% - 8px);top:calc(67% - 2px)}}@media(max-width:760px){.webdesign-hero{gap:1.5rem;padding:2.5rem 0 3rem}.webdesign-hero__copy h1{font-size:clamp(2.7rem,12vw,4rem)}.webdesign-hero__lead,.webdesign-section-intro p:last-child,.webdesign-featured-case__summary,.webdesign-mosaic-card__summary,.webdesign-proof-item span,.webdesign-cta p,.webdesign-case-copy>p:not(.webdesign-kicker),.webdesign-project-module__summary,.webdesign-pattern-card__copy p,.webdesign-tech-line{font-size:.98rem}.webdesign-hero__stage{min-height:21rem}.webdesign-phone-hero .phone{right:calc(48% - 8px);top:calc(72% - 2px);transform:translate(-50%,-50%) rotate(-30deg) skew(30deg) scale(.52)}.webdesign-featured-case,.webdesign-mosaic-card,.webdesign-case-hero{padding:1rem;border-radius:1.5rem}.webdesign-project-visuals.is-featured,.webdesign-project-visuals.is-mosaic{min-height:auto}.webdesign-project-visuals__stage{padding:.8rem;border-radius:1.4rem}.webdesign-project-visuals__primary{padding:.6rem;border-radius:1.1rem}.webdesign-project-visuals.is-featured .webdesign-project-visuals__stage,.webdesign-project-visuals.is-mosaic .webdesign-project-visuals__stage,.webdesign-project-visuals.is-detail .webdesign-project-visuals__stage{min-height:auto;padding-bottom:5.8rem}.webdesign-project-visuals.is-featured .webdesign-project-visuals__primary img,.webdesign-project-visuals.is-mosaic .webdesign-project-visuals__primary img,.webdesign-project-visuals.is-detail .webdesign-project-visuals__primary img{max-height:none}.webdesign-project-visuals__secondary{right:.8rem;bottom:.8rem}.webdesign-project-visuals__secondary.is-mobile{width:min(8.2rem,36%)}.webdesign-project-visuals__secondary.is-supporting{width:min(10rem,48%)}.webdesign-project-visuals__rail,.webdesign-visual-feed{grid-template-columns:1fr}.webdesign-project-sequence,.webdesign-pattern-grid,.webdesign-craft-grid{gap:1.5rem}.webdesign-project-module h3,.page-webdesign .webdesign-cta h2{font-size:clamp(2rem,10vw,3rem)}.webdesign-visual-feed__meta{display:grid;gap:.2rem}}@media(prefers-reduced-motion:reduce){.webdesign-phone-hero .screenSlide,.webdesign-mosaic-card,.webdesign-featured-case,.webdesign-project-visuals__primary,.webdesign-project-visuals__secondary,.webdesign-project-visuals__detail{transition:none}}