.web-page{background:#f4f1eb;color:#171719}.web-page h1,.web-page h2,.web-page h3{letter-spacing:-.035em}.web-page h2{font-size:clamp(2.35rem,5vw,5.8rem);line-height:.95}.web-hero{background:#101015;color:#fff;padding:clamp(5rem,10vw,9rem) 0 4rem}.web-hero-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,6vw,7rem);align-items:center}.web-hero h1{font-size:clamp(3.5rem,7.6vw,8.6rem);line-height:.86;max-width:10ch;margin:.35em 0}.web-hero .lead{max-width:45rem;color:#d9d6d0}.web-hero-media{margin:0;background:#19191f;padding:1rem;border-radius:1.5rem;box-shadow:0 2rem 6rem #0008}.web-hero-media img,.web-brand img{display:block;width:100%;height:auto;border-radius:.8rem}.secondary-dark{border-color:#fff;color:#fff}.trust-grid{grid-template-columns:repeat(4,1fr)}.web-intro,.web-types,.web-projects,.web-brand,.web-ux,.web-wordpress,.web-redesign,.web-process,.web-connections,.web-insights,.web-faq,.web-final{padding:clamp(5rem,9vw,10rem) 0}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,8vw,9rem)}.split>div{font-size:1.08rem;line-height:1.7}.web-types,.web-ux,.web-process,.web-insights{background:#fff}.section-head{display:grid;grid-template-columns:1.4fr .6fr;gap:3rem;align-items:end;margin-bottom:4rem}.type-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bbb}.type-grid article{padding:2.2rem;border-right:1px solid #ccc;border-bottom:1px solid #ccc}.type-grid article:nth-child(3n){border-right:0}.type-grid span,.process-grid span{font-size:.75rem;color:#b94e2f}.web-projects{background:#16161b;color:#fff}.web-projects .section-head>p,.project p{color:#ccc}.project-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,5vw,5rem)}.project{display:grid;grid-template-rows:auto 1fr;background:#232329}.project.lead{grid-column:1/-1;grid-template-columns:1.35fr .65fr}.project figure{margin:0;min-height:24rem;background:#0e0e12;display:grid;place-items:center;overflow:hidden}.project figure img{width:100%;height:100%;object-fit:contain}.project>div{padding:clamp(1.8rem,4vw,4rem)}.project h3{font-size:clamp(2rem,4vw,4.5rem);margin:.2em 0}.project .eyebrow{color:#ef8c6d}.project-links{display:flex;gap:1.4rem;flex-wrap:wrap}.web-brand figure{margin:0;align-self:center}.actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}.actions span{border:1px solid #999;border-radius:999px;padding:.55rem .9rem}.ux-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.ux-list article{padding:1.5rem;background:#f4f1eb}.web-wordpress{background:#242329;color:#fff}.web-wordpress p{color:#d4d1ca}.web-wordpress h3{font-size:1.7rem}.web-redesign ul{padding-left:1.2rem;line-height:1.9}.process-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:#bbb}.process-grid article{background:#fff;padding:1.5rem}.web-connections{background:#df6c48;color:#111}.link-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#111}.link-grid a{display:flex;flex-direction:column;padding:1.5rem;background:#df6c48;color:#111;text-decoration:none}.link-grid a:hover,.link-grid a:focus-visible{background:#101015;color:#fff}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.insight-grid a{padding:2rem;background:#f4f1eb;color:#111;text-decoration:none}.insight-grid span{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.insight-grid strong{display:block;font-size:1.6rem;line-height:1.05;margin-top:1rem}.web-faq details{border-top:1px solid #bbb;padding:1.2rem 0}.web-faq summary{font-size:1.15rem;font-weight:700;cursor:pointer}.web-final{background:#101015;color:#fff}.web-final .split{align-items:end}.web-final .button-row{justify-content:flex-end}.web-final p{color:#ccc}.web-final .eyebrow{color:#ef8c6d}@media(max-width:1000px){.web-hero-grid,.project.lead,.split{grid-template-columns:1fr}.section-head{grid-template-columns:1fr}.type-grid{grid-template-columns:repeat(2,1fr)}.type-grid article:nth-child(3n){border-right:1px solid #ccc}.type-grid article:nth-child(2n){border-right:0}.process-grid{grid-template-columns:repeat(3,1fr)}.web-final .button-row{justify-content:flex-start}}@media(max-width:680px){.web-hero{padding-top:3.5rem}.web-hero h1{font-size:clamp(3.2rem,16vw,5.6rem)}.trust-grid,.type-grid,.project-list,.ux-list,.link-grid,.insight-grid,.process-grid{grid-template-columns:1fr}.type-grid article{border-right:0!important}.project.lead{grid-column:auto}.project figure{min-height:0}.project figure img{height:auto}.web-page h2{font-size:clamp(2.6rem,13vw,4.5rem)}.web-intro,.web-types,.web-projects,.web-brand,.web-ux,.web-wordpress,.web-redesign,.web-process,.web-connections,.web-insights,.web-faq,.web-final{padding:4.5rem 0}}