.logo-design-page-shell{--site-gutter:150px;--body-size:20px;--box-p-size:20px;--heading-size:58px;overflow-x:clip}@media only screen and (max-width:1600px){.logo-design-page-shell{--site-gutter:100px;--body-size:18px;--box-p-size:18px;--heading-size:58px}}@media (max-width:1280px){.logo-design-page-shell{--site-gutter:50px;--section-pad-y:50px;--body-size:18px;--box-p-size:18px;--heading-size:50px}}@media (max-width:1024px){.logo-design-page-shell{--heading-size:40px}}@media (max-width:768px){.logo-design-page-shell{--site-gutter:15px;--section-pad-y:50px;--body-size:15px;--box-p-size:15px;--heading-size:32px}}.logo-design-page-shell .site-container{padding-left:var(--site-gutter);padding-right:var(--site-gutter);box-sizing:border-box}main.logo-design-page-shell p,main.logo-design-page-shell .faq-answer,main.logo-design-page-shell .faq-answer p,main.logo-design-page-shell .faq-answer li{font-size:var(--body-size)}.logo-brand-container,.logo-design-gutter{width:100%;max-width:none;padding-left:var(--site-gutter);padding-right:var(--site-gutter);box-sizing:border-box}.logo-design-page-shell .logo-design-hero{background-position:top;background-size:100%}@media (max-width:768px){.logo-design-page-shell .logo-design-hero{background-position:top}}main.logo-design-page-shell .logo-design-hero-heading{width:100%;max-width:none;font-size:var(--heading-size);letter-spacing:-.03em;line-height:1.1;overflow:visible}main.logo-design-page-shell .logo-design-hero-line{overflow:hidden}@media (max-width:1023px){main.logo-design-page-shell .logo-design-hero-line>*{white-space:normal}}@media (max-width:1280px){.logo-design-page-shell .logo-design-hero-copy{padding-top:clamp(110px,14vh,140px)}.logo-design-page-shell .logo-design-hero-stage{padding-top:1.75rem;padding-bottom:2.5rem}}@media (max-width:768px){.logo-design-page-shell .logo-design-hero-copy{padding-top:150px}.logo-design-page-shell .logo-design-hero-heading{font-size:clamp(24px,6.2vw,32px);line-height:1.15}.logo-design-page-shell .logo-design-hero-stage{padding-top:1.25rem;padding-bottom:1.5rem}.logo-design-page-shell .logo-design-hero-laptop{max-width:100%}.logo-design-page-shell .snake-line,.logo-design-page-shell [data-snake-line],.logo-design-page-shell .snake-float-photo,.logo-design-page-shell .logo-design-hero-chip{display:none!important}}@media (max-width:1023px){.logo-design-page-shell .logo-brand-collage{max-width:520px;height:480px;margin-inline:auto}}@media (max-width:768px){.logo-design-page-shell .logo-brand-collage{max-width:100%;height:360px}.logo-design-page-shell #logo-design-brand .logo-brand-container>.grid{gap:2rem}.logo-design-page-shell #logo-design-brand .logo-brand-copy{box-sizing:border-box;padding-left:15px;padding-right:15px}}@media (max-width:480px){.logo-design-page-shell .logo-brand-collage{height:320px}}@media (max-width:1023px){.logo-design-page-shell #logo-design-cta .logo-design-cta-banner{border-radius:24px}.logo-design-page-shell #logo-design-cta .logo-design-cta-inner{gap:1.25rem;padding:30px}.logo-design-page-shell #logo-design-cta .logo-design-cta-visual{min-height:220px}}@media (max-width:768px){.logo-design-page-shell #logo-design-cta{padding-top:.5rem;padding-bottom:2.5rem}.logo-design-page-shell #logo-design-cta .logo-design-cta-banner{border-radius:20px}.logo-design-page-shell #logo-design-cta .logo-design-cta-shell{padding-top:24px}.logo-design-page-shell #logo-design-cta .logo-design-cta-inner{gap:1rem;padding:30px}.logo-design-page-shell #logo-design-cta .logo-design-cta-copy{padding-bottom:0}.logo-design-page-shell #logo-design-cta .logo-design-cta-visual{min-height:200px}.logo-design-page-shell #logo-design-cta .logo-design-cta-person{width:min(420px,92%);left:58%}.logo-design-page-shell #logo-design-cta .logo-design-cta-cards{min-height:200px}}@media (max-width:480px){.logo-design-page-shell #logo-design-cta .logo-design-cta-cards .logo-cta-card-timeline{width:min(168px,46%)}.logo-design-page-shell #logo-design-cta .logo-design-cta-cards .logo-cta-card-experience{width:min(190px,52%)}}@media (max-width:1023px){.logo-design-page-shell #logo-design-services .logo-services-header,.logo-design-page-shell #logo-design-services .logo-services-slide{height:auto!important;position:relative!important;top:auto!important}.logo-design-page-shell #logo-design-services .logo-services-slide{padding-top:1rem;padding-bottom:1rem}.logo-design-page-shell #logo-design-services .logo-services-card{border-radius:24px;padding:1.75rem 1.35rem}}@media (max-width:768px){.logo-design-page-shell #logo-design-services .logo-services-header{padding-top:1.25rem;padding-bottom:.75rem}.logo-design-page-shell #logo-design-services .logo-services-slide{padding-top:.75rem;padding-bottom:.75rem}.logo-design-page-shell #logo-design-services .logo-services-card{border-radius:20px;padding:1.5rem 1.15rem}.logo-design-page-shell #logo-design-services .logo-services-card-copy h3{font-size:22px;line-height:24px}.logo-design-page-shell #logo-design-services .logo-services-card-copy{max-width:100%}}@media (max-width:1023px){.logo-design-page-shell #logo-design-approach .logo-approach-inner{padding:30px!important}.logo-design-page-shell #logo-design-approach .logo-approach-card{border-radius:24px}}@media (max-width:768px){.logo-design-page-shell #logo-design-approach{padding-top:.5rem}.logo-design-page-shell #logo-design-approach .logo-approach-inner{padding:30px!important}.logo-design-page-shell #logo-design-approach .logo-approach-card{border-radius:20px}.logo-design-page-shell #logo-design-approach .logo-approach-seal{margin-top:-56px}.logo-design-page-shell #logo-design-approach .logo-approach-seal-disc{width:112px;height:112px;padding:6px}.logo-design-page-shell #logo-design-approach .logo-approach-seal-spacer{height:44px}.logo-design-page-shell #logo-design-story{padding-bottom:3rem}.logo-design-page-shell #logo-design-story .logo-story-intro{box-sizing:border-box;padding-left:15px;padding-right:15px}.logo-design-page-shell #logo-design-story .logo-story-grid{gap:2rem 1.25rem;margin-top:2.5rem}}main.logo-design-page-shell .logo-design-process-heading{width:100%;max-width:none;font-size:clamp(26px,2.9vw,58px);line-height:1.12}main.logo-design-page-shell .logo-design-process-line{white-space:nowrap}@media (max-width:767px){main.logo-design-page-shell .logo-design-process-heading{padding-top:16px;font-size:clamp(24px,5.2vw,32px)}main.logo-design-page-shell .logo-design-process-line{white-space:normal}}main.logo-design-page-shell #logo-design-process .design-process-icon-shell{background-color:#fff;border-radius:9999px;box-shadow:0 4px 18px #0000000f}@media (max-width:1280px){.logo-design-page-shell #logo-design-process .design-process-grid{gap:4.5rem}.logo-design-page-shell #logo-design-process .design-process-card{height:auto;min-height:0}.logo-design-page-shell #logo-design-process .design-process-stage{margin-top:3rem;padding-top:3.5rem;padding-bottom:0}}@media (max-width:1024px){.logo-design-page-shell #logo-design-process .design-process-card{min-height:0}}@media (max-width:768px){.logo-design-page-shell #logo-design-process .design-process-copy{padding-bottom:30px!important;padding-left:30px!important;padding-right:30px!important}.logo-design-page-shell #logo-design-process .design-process-copy h3{font-size:20px;line-height:22px}}@media (max-width:639px){.logo-design-page-shell #logo-design-process{overflow-x:clip}.logo-design-page-shell #logo-design-process .design-process-stage{margin-top:2.5rem;padding-top:0;overflow:visible}.logo-design-page-shell #logo-design-process .design-process-grid{--design-process-card-w:calc(100vw - var(--site-gutter) * 2 - 1.25rem);height:auto;margin-inline:calc(-1 * var(--site-gutter));padding-top:52px;padding-bottom:8px;padding-inline:var(--site-gutter);scroll-padding-inline:var(--site-gutter);-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overscroll-behavior-x:contain;gap:12px;overflow-x:auto}.logo-design-page-shell #logo-design-process .design-process-slide{width:var(--design-process-card-w);scroll-snap-align:start;flex:none;padding-top:0;overflow:visible}.logo-design-page-shell #logo-design-process .design-process-card{justify-content:flex-start;width:100%;height:auto;min-height:0;overflow:visible;align-items:center!important;padding-top:0!important;padding-bottom:0!important}.logo-design-page-shell #logo-design-process .design-process-icon-shell{width:84px;height:84px;top:-42px;bottom:auto}.logo-design-page-shell #logo-design-process .design-process-copy{flex-direction:column;align-items:center;min-height:0;display:flex;justify-content:flex-start!important;height:auto!important;padding:64px 30px 30px!important}.logo-design-page-shell #logo-design-process .design-process-copy h3{font-size:20px;line-height:22px}.logo-design-page-shell #logo-design-process .design-process-card-body{max-width:100%}}@media (max-width:768px){.logo-design-page-shell #projects .site-container>*,.logo-design-page-shell #logo-design-faq .faq-list,.logo-design-page-shell #logo-design-faq .hero-text-wrap{box-sizing:border-box;padding-left:15px;padding-right:15px}}
