:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--surface:#eee;--ink:#171717;--muted:#5f5f5f;--faint:#6c6c6c;--footer-text:#aaa;--line:#ccc;--accent:#171717;--accent-ink:#fff;--display:"Inter", "Arial Narrow", "Roboto Condensed", "Helvetica Neue", Arial, sans-serif;--mono:"IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--body:"Inter", "Helvetica Neue", Arial, sans-serif;--shell:min(1180px, calc(100vw - 48px));--ease-out:cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--body);text-rendering:optimizelegibility;margin:0;font-size:17px;line-height:1.55}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit}a{color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.footer :focus-visible{outline:3px solid var(--surface);outline-offset:4px}.skip-link{z-index:100;background:var(--accent);color:var(--accent-ink);font-family:var(--mono);padding:10px 14px;font-weight:700;transition:transform .16s;position:fixed;top:12px;left:12px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.shell{width:var(--shell);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:94px;display:flex}.brand{font-family:var(--display);letter-spacing:-.025em;align-items:center;gap:14px;font-size:1.2rem;font-weight:600;text-decoration:none;display:inline-flex}.brand-mark{aspect-ratio:1;border:1px solid var(--faint);width:42px;color:var(--ink);font-family:var(--mono);letter-spacing:.1em;place-items:center;font-size:.82rem;font-weight:800;display:inline-grid}nav{font-family:var(--mono);letter-spacing:.06em;align-items:center;gap:30px;font-size:.78rem;font-weight:300;display:flex}nav a,.nav-contact{text-decoration:none}nav a{color:var(--muted);transition:color .18s,transform .18s;transform:translateY(0)}nav a:hover{color:var(--ink);transform:translateY(-1px)}.nav-contact{border:1px solid var(--ink);cursor:pointer;background:0 0;padding:11px 15px}.nav-contact:hover{background:var(--ink);color:var(--bg)}.header-actions{gap:12px;display:flex}.icon-link{border:1px solid var(--surface);width:38px;height:38px;color:var(--muted);cursor:pointer;border-radius:2px;place-items:center;transition:border-color .18s,color .18s,transform .18s;display:grid}.icon-link:hover{border-color:var(--line);color:var(--ink);transform:translateY(-2px)}.hero{padding-top:clamp(70px,9vw,132px)}.eyebrow{color:var(--muted);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:16px;margin:0 0 34px;font-size:.76rem;font-weight:700;display:flex}.eyebrow:after{background:var(--accent);content:"";width:44px;height:3px;margin-left:4px}.eyebrow span{background:var(--surface);width:36px;height:30px;color:var(--ink);place-items:center;display:inline-grid}.hero-grid{grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr);align-items:end;gap:clamp(54px,8vw,120px);display:grid}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);letter-spacing:-.045em}h1{text-wrap:balance;max-width:820px;margin-bottom:0;font-size:clamp(3.75rem,7.5vw,6.6rem);font-weight:500;line-height:.94}h2{text-transform:uppercase;max-width:760px;margin-bottom:28px;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:900;line-height:1.1}h3{font-family:var(--mono);text-transform:uppercase;font-size:.98rem;line-height:1.35}.hero-copy{color:var(--muted);padding-top:8px}.lede{color:var(--ink);font-size:clamp(1.2rem,1.7vw,1.48rem);line-height:1.38}.hero-copy .lede{margin-bottom:0}.hero-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:38px;display:flex}.button{min-height:54px;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:0;justify-content:space-between;align-items:center;gap:34px;padding:14px 18px;font-size:.78rem;font-weight:800;display:inline-flex}.button-primary{background:var(--accent);color:var(--accent-ink)}.button-primary:hover{background:var(--ink)}.button-primary .email-arrow{margin-top:-4px;font-size:1.8em;font-weight:300}.text-link{color:var(--muted);font-family:var(--mono);letter-spacing:.04em;text-underline-offset:5px;text-transform:uppercase;font-size:.76rem;font-weight:700;text-decoration-thickness:1px}.text-link:hover{color:var(--ink)}.proof-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:clamp(80px,10vw,142px) 0 0;display:grid}.proof-strip div{border-right:1px solid var(--line);text-align:center;grid-template-columns:1fr;align-items:center;min-height:158px;padding:32px clamp(24px,3vw,44px);display:grid}.proof-strip div:first-child{padding-left:0}.proof-strip div:last-child{border-right:0;padding-right:0}.proof-strip dt{font-family:var(--mono);letter-spacing:-.07em;padding-bottom:16px;font-size:clamp(2rem,4.2vw,4.4rem);font-weight:800;line-height:1em}.proof-strip dd{color:var(--muted);margin:0;font-size:.9rem;line-height:1.4}.section{border-bottom:1px solid var(--line);padding-block:clamp(92px,12vw,176px)}.section-heading{grid-template-columns:minmax(0,1.2fr) minmax(280px,.55fr);align-items:end;gap:64px;margin-bottom:62px;display:grid}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:-10px}.section-heading h2{margin-bottom:0}.section-heading>p:last-child{color:var(--muted);margin:0 0 6px}.service-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(5,1fr);display:grid}.service-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff80;flex-direction:column;min-height:300px;padding:30px;transition:background .18s,transform .18s;display:flex}.service-card:hover{z-index:1;background:var(--surface);transform:translateY(-5px)}.service-icon{aspect-ratio:1;border:1px solid var(--faint);width:64px;color:var(--accent);font-family:var(--mono);place-items:center;margin-bottom:36px;font-size:.94rem;font-weight:800;display:grid}.service-card h3{margin-bottom:20px}.service-card>p:last-child{color:var(--muted);margin-bottom:0;font-size:.94rem}.project-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project-card{--baraccent:var(--accent);border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:390px;transition:background .22s ease, transform .22s var(--ease-out);flex-direction:column;justify-content:space-between;padding:30px;text-decoration:none;display:flex;position:relative;overflow:hidden}.project-card:before{content:"";background:var(--baraccent);transform-origin:0;width:100%;height:4px;transition:transform .32s var(--ease-out);position:absolute;top:0;left:0;transform:scaleX(.08)}.project-card:hover{background:color-mix(in srgb, var(--baraccent) 4%, var(--bg))}.project-card:hover:before{transform:scaleX(1)}.project-card[data-project=simplecog]{--accent:#303f9f}.project-card[data-project=adjustable]{--accent:#da10ff}.project-card[data-project=excel]{--accent:#35dbff}.project-card[data-project=mcdonalds]{--accent:#db0008}.project-card[data-project=twcl]{--accent:#b09a65}.project-icon{aspect-ratio:1;border:1px solid var(--faint);width:64px;font-family:var(--mono);place-items:center;margin-bottom:36px;font-size:.94rem;font-weight:800;display:grid}.project-title{font-family:var(--body);text-transform:none;letter-spacing:-.045em;margin:48px 0 12px;font-size:clamp(28px,3vw,42px);font-weight:500}.project-type{color:var(--muted);font-family:var(--mono);font-size:12px}.project-description{max-width:510px;color:var(--muted);margin:32px 0}.project-meta{justify-content:space-between;align-items:flex-end;gap:32px;padding-top:32px;display:flex}.metrics{flex-wrap:wrap;gap:32px;display:flex}.metric strong{font-family:var(--mono);font-size:24px;font-weight:500;line-height:1;display:block}.metric span{color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;margin-top:8px;font-size:10px;display:block}.project-arrow{border:1px solid var(--line);width:42px;height:42px;transition:border-color .18s ease, transform .22s var(--ease-out);flex:none;place-items:center;display:grid}.project-card:hover .project-arrow{border-color:var(--accent)}.project-card.coming-soon:hover{background:var(--bg)}.project-card.coming-soon:hover:before{transform:scaleX(.08)}.project-card.coming-soon .project-arrow{width:auto;padding:0 20px}.project-card.coming-soon:hover .project-arrow{border-color:var(--line)}.client-wall{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(5,1fr);display:grid}.client{border-right:1px solid var(--line);border-bottom:1px solid var(--line);height:150px;color:var(--faint);font-family:var(--mono);text-align:center;filter:grayscale();place-items:center;padding:24px;font-size:12px;transition:background .18s,color .18s;display:grid}.client:hover{background:var(--surface);color:var(--ink)}.client img{object-fit:contain;filter:invert(0);opacity:.7;max-width:10em;max-height:6em;transition:opacity .18s}.client:hover img{opacity:.8}.split-section{grid-template-columns:minmax(280px,.8fr) minmax(0,1fr);gap:clamp(64px,10vw,156px);display:grid}.split-section .section-heading{margin:0;display:block}.sticky-heading{align-self:start;position:sticky;top:40px}.sticky-heading .eyebrow{margin:0 0 34px}.about-copy{color:var(--muted)}.about-copy>p:not(.lede){max-width:700px}.engagements{border:1px solid var(--line);background:var(--surface);margin-top:72px;padding:34px}.engagements ul{gap:18px;margin:26px 0 0;padding:0;list-style:none;display:grid}.engagements li{padding-left:28px;position:relative}.engagements li:before{background:var(--accent);content:"";width:7px;height:7px;position:absolute;top:.7em;left:0}.approach-heading{align-items:end}.approach-heading .eyebrow{margin-bottom:34px}#services-title,#approach-title,#clients-title{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.1}.process-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.process-list li{border-bottom:1px solid var(--line);grid-template-columns:minmax(80px,.22fr) minmax(0,1fr);gap:32px;padding:32px 0;display:grid}.process-list li:last-child{border-bottom:0}.process-number{color:var(--accent);font-family:var(--mono);font-weight:800}.process-list h3{margin-bottom:8px}.process-list p{max-width:680px;color:var(--muted);margin:0}.reassurance{grid-template-columns:minmax(250px,.65fr) minmax(0,1.35fr);gap:80px;display:grid}.reassurance h2{font-size:clamp(2.5rem,4.3vw,3.3rem)}.reassurance-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.reassurance-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:190px;padding:28px}.reassurance-grid p{color:var(--muted);margin-bottom:0;font-size:.94rem}.footer{color:#fff;background:#171717;padding-block:80px}.footer-grid{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:64px;display:grid}.footer-title{color:var(--footer-text);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;padding-left:14px;font-size:16px;font-weight:600;position:relative}.footer-title:before{content:" ";background:var(--faint);width:5px;height:1em;display:block;position:absolute;top:5px;left:0}.footer-email{letter-spacing:-.055em;border-bottom:1px solid var(--line);margin-top:20px;font-size:clamp(28px,5vw,68px);font-weight:500;line-height:1;text-decoration:none;transition:border-color .18s;display:inline-block}.footer-email:hover{border-color:#fff}.footer-meta{color:var(--footer-text);font-family:var(--mono);font-size:11px}.footer-align-right{text-align:right}.footer-gap{margin-top:80px}.footer-gap .footer-meta:first-child{padding-right:18em}.footer .navigation a{color:var(--footer-text)}.footer .navigation a:hover{color:#fff;transform:translateY(-1px)}.toast{z-index:50;background:var(--ink);color:var(--bg);font-family:var(--mono);opacity:0;pointer-events:none;padding:12px 16px;font-size:.75rem;font-weight:700;transition:opacity .16s,transform .16s;position:fixed;bottom:24px;right:24px;transform:translateY(12px)}.toast.is-visible{opacity:1;transform:translateY(0)}@media (width<=1080px){.service-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=940px){.hero-grid,.section-heading,.split-section,.reassurance,.contact-grid{grid-template-columns:1fr}.hero-copy{max-width:680px}.proof-strip{grid-template-columns:1fr}.proof-strip div,.proof-strip div:first-child,.proof-strip div:last-child{border-right:0;border-bottom:1px solid var(--line);min-height:120px;padding:24px 0}.proof-strip div:last-child{border-bottom:0}.service-grid{grid-template-columns:repeat(2,1fr)}.sticky-heading{position:static}.approach-heading{gap:24px}.reassurance{gap:36px}.contact-grid{gap:42px}.client-wall{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){:root{--shell:min(100% - 32px, 1180px)}body{font-size:16px}.site-header{min-height:80px}.brand>span:last-child,nav a{display:none}nav{gap:12px}.hero{padding-top:64px}h1{font-size:clamp(3.25rem,13vw,5.5rem)}h2{font-size:clamp(2rem,8vw,4.2rem)}img{max-width:100%}.hero-grid{gap:42px}.eyebrow{gap:11px;font-size:.68rem}.service-grid,.reassurance-grid{grid-template-columns:1fr}.service-card{min-height:330px}.engagements{padding:25px}.process-list li{grid-template-columns:48px 1fr;gap:18px}.site-footer{grid-template-columns:auto 1fr;padding-block:28px}.site-footer p:last-child{grid-column:1/-1}}@media (width<=680px){.project-grid{border:none;grid-template-columns:1fr}.project-card{border-left:1px solid var(--line);border-top:1px solid var(--line);min-height:340px;margin-bottom:24px;padding:24px}.metrics{gap:20px}.client-wall{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr;gap:40px}.footer-gap{margin-top:40px}.footer .navigation a{display:inline-block}.footer-meta{text-align:left}.footer-gap .footer-meta:first-child{padding-right:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
