:root{--ink:#17191e;--muted:#5c626d;--blue:#2549ed;--line:#dfe2e7;--paper:#fff;--soft:#f3f5f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--blue);outline-offset:7px}p{font-size:17px;line-height:1.65;color:var(--muted)}.wrap{max-width:1440px;margin:auto;padding-left:64px;padding-right:64px}header{max-width:1440px;margin:auto;padding:30px 64px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.wordmark{font-size:29px;font-weight:750;letter-spacing:-1.4px;display:inline-flex;align-items:center;gap:7px}.brand-square{width:8px;height:8px;background:var(--blue);margin-top:15px}nav{display:flex;align-items:center;gap:34px;font-size:14px}nav a:hover,.footer-right a:hover{color:var(--blue)}.nav-contact{padding:12px 22px;border:1px solid var(--line);border-radius:30px}.hero{padding-top:80px;display:grid;grid-template-columns:1.06fr 1fr;gap:35px;align-items:center}.eyebrow,.section-label{font-size:12px;letter-spacing:1.7px;font-weight:600;color:var(--muted);margin:0 0 28px}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{height:7px;width:7px;background:var(--blue)}h1{font-size:clamp(48px,5.55vw,82px);line-height:1.035;font-weight:500;letter-spacing:-4px;margin:0 0 28px}h1 em{font-style:normal;color:var(--blue)}.intro{max-width:485px;font-size:18px;line-height:1.6}.button{display:inline-block;background:var(--ink);color:white;border-radius:30px;padding:17px 26px;font-size:14px;margin-top:20px;transition:background .2s}.button:hover{background:var(--blue)}figure{margin:0}.hero-image{align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0}.hero-image img{width:100%;height:auto;aspect-ratio:1.17;object-fit:cover;border-radius:3px;background:var(--soft)}figcaption{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:1px;color:var(--muted);padding:15px 0}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:25px;padding:25px 0;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1.15px;color:var(--muted);margin-top:32px}.section{padding-top:100px;padding-bottom:100px}h2{font-size:clamp(38px,4.2vw,60px);font-weight:500;line-height:1.08;letter-spacing:-2.3px;margin:0 0 30px}.about{display:grid;grid-template-columns:1fr 2.1fr;gap:50px}.about>.section-label{padding-top:12px}.lead{font-size:24px;color:var(--ink);line-height:1.5;max-width:720px}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:45px}.services{background:var(--soft)}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:52px}.section-top h2{margin-bottom:0}.section-top>p{max-width:305px;margin-bottom:3px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #cdd2dc}.service-grid article{padding:28px 24px 0;border-right:1px solid #d9dee6;display:flex;flex-direction:column}.service-grid article:first-child{padding-left:0}.service-grid article:last-child{border:0;padding-right:0}.service-number{font-size:14px;color:var(--blue);margin-bottom:55px}h3{font-size:23px;letter-spacing:-.7px;font-weight:500;margin:0 0 12px}.service-grid p{font-size:16px;line-height:1.6;margin:0 0 38px}.service-tag{font-size:10px;letter-spacing:1px;margin-top:auto;color:var(--muted)}.process-line{display:flex;align-items:center;gap:18px;font-size:12px;letter-spacing:1px;margin-bottom:6px}.process-line b{font-weight:normal;color:var(--blue);font-size:20px}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:34px;margin:62px 0 0}.steps li{border-top:1px solid var(--line);padding-top:24px}.step-index{display:flex;align-items:center;justify-content:center;border:1px solid #bac7fc;width:40px;height:40px;border-radius:50%;color:var(--blue);font-size:13px;margin-bottom:26px}.steps p{font-size:16px;margin-bottom:0}.manifesto{background:var(--blue);color:white;padding:85px 0 90px}.manifesto .section-label{color:#d6defe}.manifesto h2{font-size:clamp(48px,7.4vw,106px);line-height:1.04;letter-spacing:-4px}.manifesto h2 span{color:#aebfff}.manifesto p:last-child{color:#e0e6ff;max-width:500px;font-size:20px;margin:35px 0 0 auto}.contact{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:center}.contact h2{font-size:48px;margin-bottom:0}.contact-copy{max-width:400px}.contact-status{font-size:15px;border-top:1px solid var(--line);padding-top:20px}footer{padding-top:35px!important;padding-bottom:35px!important;display:flex;justify-content:space-between;border-top:1px solid var(--line)}footer p{font-size:13px}.footer-right{text-align:right}.footer-right>a{font-size:13px;margin-left:28px}.footer-right p{margin-top:25px}.skip{position:absolute;top:-100px;background:white;padding:16px}.skip:focus{top:0;z-index:10}@media(min-width:1600px){.hero{padding-top:100px}}@media(max-width:1000px){.wrap{padding-left:32px;padding-right:32px}header{padding:25px 32px}nav{gap:22px}h1{letter-spacing:-2.8px}.hero{gap:25px;padding-top:55px}.service-grid{grid-template-columns:repeat(2,1fr);gap:32px}.service-grid article{padding:25px 0 0!important;border-right:0}.service-number{margin-bottom:25px}.service-tag{font-size:11px}.hero-bottom{font-size:9px}.about{grid-template-columns:1fr 2.5fr;gap:25px}.about-columns{gap:25px}.section-top{gap:30px}.process-line{gap:10px}.steps{gap:20px}.contact{gap:35px}.contact h2{font-size:40px}}@media(max-width:680px){.wrap{padding-left:24px;padding-right:24px}header{padding:22px 24px;flex-wrap:wrap;gap:22px}.wordmark{font-size:27px}nav{width:100%;justify-content:space-between;gap:12px;font-size:13px}.nav-contact{padding:8px 14px}.hero{grid-template-columns:1fr;padding-top:45px;gap:35px}h1{font-size:clamp(43px,10vw,66px);letter-spacing:-2.5px}.intro{font-size:17px}.eyebrow{font-size:11px;margin-bottom:24px}.button{margin-top:12px}.hero-image img{aspect-ratio:1.45}.hero-bottom{margin-top:0;display:block;padding:18px 0;font-size:9px;line-height:1.8}.hero-bottom span{display:block}.section{padding-top:64px;padding-bottom:64px}.about{grid-template-columns:1fr;gap:10px}h2{font-size:40px;letter-spacing:-1.7px}.lead{font-size:21px}.about-columns{grid-template-columns:1fr;gap:0}.about-columns p{margin:8px 0}.section-label{font-size:11px}.section-top{display:block;margin-bottom:35px}.section-top>p{max-width:100%;margin-top:24px}.service-grid{gap:34px 24px}.service-grid h3{font-size:21px}.service-grid p{font-size:15px;margin-bottom:22px}.service-tag{font-size:10px;line-height:1.6}.steps{grid-template-columns:1fr 1fr;gap:32px 25px;margin-top:35px}.process-line{margin-top:28px;gap:16px}.manifesto{padding:60px 0}.manifesto h2{font-size:clamp(42px,10vw,64px);letter-spacing:-2px}.manifesto p:last-child{font-size:18px;margin-top:28px}.contact{grid-template-columns:1fr;gap:20px}.contact h2{font-size:38px}footer{display:block}.footer-right{text-align:left;margin-top:30px}.footer-right>a{margin:0 25px 0 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.email-link{display:inline-block;color:var(--blue);font-size:clamp(22px,2.4vw,34px);letter-spacing:-.6px;border-bottom:1px solid #bac7fc;padding-bottom:9px;margin-top:10px;overflow-wrap:anywhere}.email-link:hover{border-color:var(--blue)}

.brands{border-top:1px solid var(--line)}.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.brand-card{border:1px solid var(--line);padding:40px;display:flex;flex-direction:column}.portfolio-logo{display:inline-flex;align-items:center;gap:12px;align-self:flex-start;font-size:32px;font-weight:750;letter-spacing:-1px;min-height:48px;margin-bottom:40px}.portfolio-logo img{flex-shrink:0}.superstores-wordmark{letter-spacing:-1.6px;gap:8px}.brand-category{font-size:11px;letter-spacing:1.3px;margin:0 0 18px}.brand-card h3{font-size:27px;line-height:1.2}.brand-card>p:not(.brand-category){margin:4px 0 30px;font-size:17px}.brand-visit{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid var(--line);padding-top:22px;margin-top:auto;font-size:14px;color:var(--blue)}.brand-visit span{color:var(--muted);font-size:13px}.brand-visit:hover{text-decoration:underline}@media(max-width:1000px){header nav{gap:17px}.brand-card{padding:28px}.portfolio-logo{font-size:28px}}@media(max-width:680px){header nav{flex-wrap:wrap;justify-content:flex-start;gap:14px 20px}.brand-grid{grid-template-columns:1fr}.brand-card{padding:26px}.portfolio-logo{font-size:29px;margin-bottom:30px}.brand-card h3{font-size:25px}.brand-visit{flex-wrap:wrap}}
