.webdesign-paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-bottom:50px;display:grid}.webdesign-path{background:var(--ink-2);border:1px solid var(--line);border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.webdesign-path-copy{flex-direction:column;flex:1;align-items:start;gap:24px;padding:clamp(26px,3vw,48px);display:flex}.webdesign-path h2{font-size:clamp(1.7rem,3vw,3rem);line-height:1.05}.webdesign-path-copy>p:not(.eyebrow){color:var(--mute);max-width:42ch}.webdesign-path .btn{margin-top:auto}.webdesign-path-preview{aspect-ratio:16/9;background:#eee;border-radius:12px;margin:0 24px 24px;display:block;overflow:hidden}.webdesign-path-preview img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .8s var(--ease-out)}.motion-on .webdesign-path:hover img{transform:scale(1.035)}.project-spotlight{padding-top:var(--section);padding-bottom:var(--section)}.project-spotlight-head{margin-bottom:36px}.project-spotlight-head h2{letter-spacing:-.045em;margin-top:20px;font-size:clamp(2.5rem,5vw,5.5rem);line-height:1.06}.project-spotlight-head h2>span{color:var(--mute);letter-spacing:-.025em;margin-top:12px;font-size:clamp(1.3rem,2.3vw,2.3rem);display:block}.project-spotlight-image{isolation:isolate;background:#f7f4eb;border-radius:clamp(14px,2vw,28px);display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff18}.project-spotlight-image img{width:100%;height:auto;transition:transform 1s var(--ease-out)}.motion-on .project-spotlight-image:hover img{transform:scale(1.025)}.project-open{background:var(--ink);width:64px;height:64px;color:var(--paper);border:1px solid var(--line);border-radius:50%;place-items:center;font-size:30px;transition:transform .3s;display:grid;position:absolute;bottom:24px;right:24px}.motion-on .project-spotlight-image:hover .project-open{transform:rotate(5deg)}.project-spotlight-foot{justify-content:space-between;align-items:center;gap:32px;margin-top:30px;display:flex}.project-spotlight-foot p{font-size:var(--fs-lead);color:var(--mute);max-width:54ch}@supports (animation-timeline:var(--view)){@media (prefers-reduced-motion:no-preference){.motion-on .project-spotlight-image{animation:linear both project-enter;animation-timeline:var(--view);animation-range:entry entry 80%}@keyframes project-enter{0%{transform:translateY(32px)scale(.975)}to{transform:none}}}}@media (width<=700px){.webdesign-paths{grid-template-columns:1fr;gap:20px;padding-bottom:0}.webdesign-path-copy{gap:20px}.project-spotlight-foot{flex-direction:column;align-items:start}.project-spotlight-head{margin-bottom:24px}.project-open{width:44px;height:44px;font-size:23px;bottom:12px;right:12px}}@media (prefers-reduced-motion:reduce){.project-spotlight-image img,.project-open,.webdesign-path-preview img{transition:none}}.webdesign-hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));max-width:510px;display:grid!important}.webdesign-hero-actions .btn{width:100%;padding-inline:18px}@media (width<=820px){.page-hero[data-page=ifgwebdesign] .page-slot{order:0;max-height:240px}.page-hero[data-page=ifgwebdesign] .wrap{gap:24px}.page-hero[data-page=ifgwebdesign]{padding-top:32px}}@media (width<=480px){.webdesign-hero-actions{grid-template-columns:1fr;max-width:none}}