footer[data-astro-cid-tvrurpns] .logo[data-astro-cid-tvrurpns]{display:inline-block;transform-origin:left center}footer[data-astro-cid-tvrurpns] .logo[data-astro-cid-tvrurpns]:hover{animation:logo-warp .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes logo-warp{0%{transform:skew(0) scaleX(1)}15%{transform:skew(-14deg) scaleX(.95)}35%{transform:skew(9deg) scaleX(1.03)}55%{transform:skew(-5deg) scaleX(.99)}75%{transform:skew(3deg) scaleX(1.01)}to{transform:skew(0) scaleX(1)}}@font-face{font-family:OT Abalos;src:url(/_astro/OTAbalos-Light.wP4gn9PR.woff2) format("woff2"),url(/_astro/OTAbalos-Light.B3MfCS1Y.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:OT Abalos;src:url(/_astro/OTAbalos-Regular.DWKnvsro.woff2) format("woff2"),url(/_astro/OTAbalos-Regular.JF9XbYLa.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:OT Abalos;src:url(/_astro/OTAbalos-Semibold.DoJhsbCR.woff2) format("woff2"),url(/_astro/OTAbalos-Semibold.9sZPSesl.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:OT Abalos;src:url(/_astro/OTAbalos-Bold.CP0gTfgW.woff2) format("woff2"),url(/_astro/OTAbalos-Bold.C_C3WpM0.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:OT Abalos;src:url(/_astro/OTAbalos-Extrabold.czJmte7S.woff2) format("woff2"),url(/_astro/OTAbalos-Extrabold.B9hk-u8U.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/_astro/BricolageGrotesque-VariableFont_opsz_wdth_wght.DcWnIxAz.ttf) format("truetype");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:PP Paloma;src:url(/_astro/PPPaloma-Regular.BoT5cXT1.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PP Paloma;src:url(/_astro/PPPaloma-Heavy.B2maAYHF.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:PP Neue Montreal;src:url(/_astro/PPNeueMontreal-Light.DSDp31ip.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:PP Neue Montreal;src:url(/_astro/PPNeueMontreal-Book.DMXX7z9o.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PP Neue Montreal;src:url(/_astro/PPNeueMontreal-Medium.BxITICcD.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:PP Neue Montreal;src:url(/_astro/PPNeueMontreal-Bold.BIV8fYZS.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--media-mob: 540px;--media-mob-med: 768px;--media-tablet: 1024px;--media-desktop: 1280px;--max-width: 1600px;--max-width-content-narrow: 800px;--max-width-content: 900px;--max-width-content-wide: 1200px;--grid-gutter: 1.5rem;--grid-margin: minmax(1rem, 1fr);--nav-height-mob: 58px;--nav-height-desktop: 80px;--nav-radius-mob: calc(var(--nav-height-mob) / 2);--nav-radius-desktop: calc(var(--nav-height-desktop) / 2);--grid-margin: 16px;--transition-1-fast: all .15s ease-out;--transition-2: all .3s ease-out;--transition-3: all .45s ease-out;--transition-4: all .6s ease-out;--font-heading: "Bricolage Grotesque", Georgia, serif;--font-body: "PP Neue Montreal", Helvetica, Arial, sans-serif;--font-display: "OT Abalos", "PP Paloma", Georgia, serif;--grey-0: #ffffff;--grey-5: #f2f2f2;--grey-10: #e8e8e7;--grey-20: #d2d1d0;--grey-30: #bcbab9;--grey-40: #a5a3a2;--grey-50: #767473;--grey-60: #797674;--grey-70: #625f5d;--grey-80: #4d4a48;--grey-90: #3e3b39;--grey-100: #343230;--accent-0: #ffffff;--accent-10: #fef6ef;--accent-20: #fdecdf;--accent-30: #fce3cf;--accent-40: #fad9be;--accent-50: #f7c099;--accent-60: #e8a87a;--accent-70: #d6905c;--accent-80: #b8733e;--accent-90: #8f5628;--accent-100: #5e3312;--secondary-0: #ffffff;--secondary-10: #f2f5f7;--secondary-20: #dce4ea;--secondary-30: #c5d2db;--secondary-40: #afc0cc;--secondary-50: #7b93a8;--secondary-60: #627886;--secondary-70: #4c5e69;--secondary-80: #37444d;--secondary-90: #243039;--secondary-100: #141d24;--tertiary-0: #ffffff;--tertiary-10: #faf4f0;--tertiary-20: #f3e4d9;--tertiary-30: #ead0bc;--tertiary-40: #dab99d;--tertiary-50: #c17a5a;--tertiary-60: #a86248;--tertiary-70: #8c4d37;--tertiary-80: #6e3926;--tertiary-90: #4f2618;--tertiary-100: #30140a;--color-bg: var(--grey-5);--color-surface: var(--grey-10);--color-dark-bg: var(--grey-100);--color-text: var(--grey-80);--color-text-muted: #767473;--color-text-strong: var(--grey-100);--color-text-on-dark: var(--grey-0);--color-text-muted-on-dark: var(--grey-30);--color-border: var(--grey-20);--color-border-strong: var(--grey-40);--color-accent: var(--accent-50);--color-accent-subtle: var(--accent-10);--color-accent-border: var(--accent-60);--color-accent-hover: var(--accent-70);--color-secondary: var(--secondary-50);--color-secondary-subtle: var(--secondary-10);--color-tertiary: var(--tertiary-50);--color-tertiary-subtle: var(--tertiary-10);--color-grid-line: rgba(52, 50, 48, .07);--color-grid-line-dark: rgba(255, 255, 255, .11)}.skip-link{position:absolute;top:-100%;left:1rem;z-index:9999;padding:.5rem 1rem;background-color:var(--color-dark-bg);color:var(--color-text-on-dark);font-family:var(--font-body);font-size:.875rem;text-decoration:none;border-radius:0 0 4px 4px}.skip-link:focus{top:0}html{background-color:var(--color-bg);font-family:var(--font-body);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scrollbar-gutter:stable}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}::selection{background-color:var(--color-accent);color:var(--color-dark-bg)}body{width:100%;font-family:var(--font-body);font-weight:300;margin:0;padding:0;background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}main,footer{position:relative;z-index:2}.site-body.article-grid-visible main{z-index:auto}*,*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,p,em,b{margin:1rem 0 0;padding:0}h1,h2,h3,h4,h5{font-family:var(--font-heading);font-weight:700;letter-spacing:0;line-height:1.2}h1{font-size:2.25rem;margin-top:3rem}h2{font-size:1.75rem;margin-top:3rem}.small-title{font-size:1rem;margin-top:0}.home-section-title{font-family:var(--font-display);font-weight:600;font-size:2.25rem;line-height:.95;letter-spacing:-.01em;text-align:center;margin-top:0;margin-bottom:2rem}.home-section-title.section-first,.section-first{margin-top:64px}.content-home h2{margin-top:2rem}h3{font-size:1.25rem;margin-top:2rem}h4{font-size:1rem;margin-top:1.75rem}h5{font-size:1rem}p{line-height:1.5}.overview-text{font-weight:200;margin-top:.5rem;font-size:1.625rem;line-height:1.2}.hero-content-home .overview-text:last-child{margin-top:1rem}@media screen and (min-width:768px){.hero-content-home .overview-text:last-child{margin-top:1.5rem}}.overview-text-small{font-weight:300;margin-top:.5rem;font-size:1.125rem;line-height:1.4}.banner-text{font-size:2rem;margin-top:1rem;margin-bottom:.5rem}blockquote{font-style:italic;font-weight:300;font-size:1.125rem;margin:2.5rem 0px}blockquote p{margin-top:.5rem}@media screen and (min-width:768px){.banner-text{font-size:rem;margin-top:1rem}.home-section-title{font-size:4rem}.home-section-title.section-first,.section-first{margin-top:96px}h1{font-size:3rem}h2{font-size:2.375rem;margin-top:4rem}h3{font-size:1.5rem;margin-top:2.5rem}h4{font-size:1.25rem}h5{font-size:1rem}.overview-text{font-size:1.875rem}.overview-text-small{font-size:1.25rem}:root{--grid-margin: 24px}}@media screen and (min-width:1024px){:root{--grid-margin: 32px}}@media screen and (min-width:1400px){:root{--grid-margin: 48px}}ul li:nth-child(1){padding-top:0}li{padding-top:.7rem;line-height:1.5}li p{padding-top:0;margin-top:0}img{max-width:100%;height:auto;display:block;margin:2rem auto;-ms-interpolation-mode:bicubic}.content img{box-shadow:4px 4px 8px 1px #00000020}.content-home img{box-shadow:unset}.case-study-figure{display:flex;flex-direction:column;gap:.75rem;margin:2rem auto}.case-study-figure__trigger{appearance:none;background:transparent;border:0;border-radius:.5rem;cursor:zoom-in;display:block;padding:0;text-align:inherit;transition:transform var(--transition-3),filter var(--transition-3),box-shadow var(--transition-3);width:100%}.case-study-figure__trigger:hover,.case-study-figure__trigger:focus-visible{box-shadow:0 14px 32px #00000024;filter:saturate(1.02);transform:translateY(-2px) scale(1.005)}.case-study-figure__trigger:focus-visible{outline:2px solid var(--color-accent-border);outline-offset:3px}.case-study-figure__image{border-radius:.5rem;display:block;margin:0;transition:transform var(--transition-3),filter var(--transition-3),box-shadow var(--transition-3);width:100%}.case-study-figure__caption{color:var(--color-text-muted);font-family:var(--font-heading);font-size:.875rem;font-weight:300;line-height:1.5;margin:0}.section-nav{position:fixed;left:50%;bottom:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom,0px));transform:translate(-50%);width:min(calc(100% - 2rem),56rem);z-index:950;display:none}.section-nav--visible{display:block}.section-nav__bar{align-items:center;background:color-mix(in srgb,var(--grey-0) 60%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--color-border) 48%,transparent);border-radius:999px;box-shadow:0 8px 22px #00000014;display:grid;gap:.375rem;grid-template-columns:40px minmax(0,1fr) 40px;padding:.375rem;transition:box-shadow var(--transition-2),background-color var(--transition-2),border-color var(--transition-2),transform var(--transition-2)}.section-nav__summary{align-items:center;appearance:none;background-color:color-mix(in srgb,var(--grey-0) 42%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 45%,transparent);border-radius:999px;color:var(--color-text-strong);cursor:pointer;display:flex;gap:.375rem;justify-content:space-between;min-height:40px;min-width:0;padding:.375rem .625rem;text-align:left;transition:color var(--transition-1-fast),background-color var(--transition-1-fast),border-color var(--transition-1-fast),transform var(--transition-1-fast);width:100%}.section-nav__summary:hover,.section-nav__summary:focus-visible,.section-nav__summary--expanded{background-color:var(--color-accent-subtle);border-color:var(--color-accent-border)}.section-nav__summary:focus-visible{outline:2px solid var(--color-accent-border);outline-offset:2px}.section-nav__current-wrap{display:flex;flex-direction:column;gap:.0625rem;min-width:0}.section-nav__eyebrow{color:var(--color-text-muted);font-family:var(--font-body);font-size:.625rem;font-weight:500;letter-spacing:.08em;line-height:1;margin:0;text-transform:uppercase}.section-nav__current{color:var(--color-text-strong);font-family:var(--font-heading);font-size:.9375rem;font-weight:700;line-height:1.1;margin:0;overflow:hidden;text-overflow:ellipsis;transition:opacity var(--transition-1-fast),transform var(--transition-1-fast);white-space:nowrap}.section-nav__current--changing{opacity:.4;transform:translateY(1px)}.section-nav__summary-icon{flex:0 0 auto;font-size:.75rem;line-height:1;transition:transform var(--transition-1-fast)}.section-nav__summary--expanded .section-nav__summary-icon{transform:rotate(180deg)}.section-nav__btn{align-items:center;background-color:color-mix(in srgb,var(--grey-0) 42%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 45%,transparent);border-radius:999px;color:var(--color-text-strong);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:.8125rem;font-weight:500;justify-content:center;min-height:40px;min-width:40px;padding:.375rem;transition:color var(--transition-1-fast),background-color var(--transition-1-fast),border-color var(--transition-1-fast),transform var(--transition-1-fast)}.section-nav__btn:hover,.section-nav__btn:focus-visible{background-color:var(--color-accent-subtle);border-color:var(--color-accent-border);color:var(--color-text-strong)}.section-nav__btn:active{transform:translateY(1px)}.section-nav__btn:focus-visible{outline:2px solid var(--color-accent-border);outline-offset:2px}.section-nav__btn:disabled{cursor:not-allowed;opacity:.45}.section-nav__panel{background-color:color-mix(in srgb,var(--grey-0) 58%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--color-border) 48%,transparent);border-radius:1.5rem;bottom:calc(100% + 1rem);left:0;max-height:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;clip-path:inset(85% 0 0 0 round 1.5rem);transform:translateY(.75rem) scaleY(.84);transform-origin:bottom center;visibility:hidden;will-change:transform,opacity,max-height,clip-path;transition:max-height .22s ease,opacity .16s ease,transform .18s cubic-bezier(.22,1,.36,1),clip-path .18s cubic-bezier(.22,1,.36,1),visibility 0s linear .16s}.section-nav--expanded .section-nav__bar{box-shadow:0 10px 26px #0000001a;transform:translateY(-1px)}.section-nav--expanded .section-nav__panel{max-height:min(50vh,20rem);opacity:1;pointer-events:auto;clip-path:inset(0 0 0 0 round 1.5rem);transform:translateY(0) scaleY(1);visibility:visible;transition:max-height .26s ease,opacity .18s ease,transform .2s cubic-bezier(.22,1,.36,1),clip-path .2s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s}.section-nav__list{display:flex;flex-direction:column;gap:.25rem;list-style:none;margin:0;max-height:min(50vh,18rem);overflow-y:auto;padding:.5rem}.section-nav__list::-webkit-scrollbar{width:6px}.section-nav__list::-webkit-scrollbar-track{background:transparent}.section-nav__list::-webkit-scrollbar-thumb{background-color:var(--color-border-strong);border-radius:999px}.section-nav__item{margin:0}.section-nav__link{border:1px solid transparent;border-radius:.625rem;color:var(--color-text);display:block;font-family:var(--font-body);font-size:.875rem;font-weight:400;line-height:1.25;min-height:40px;overflow:hidden;padding:.5rem .625rem;text-decoration:none;text-overflow:ellipsis;transition:color var(--transition-1-fast),background-color var(--transition-1-fast),border-color var(--transition-1-fast);white-space:nowrap}.section-nav__link:hover,.section-nav__link:focus-visible{background-color:var(--color-accent-subtle);border-color:var(--color-accent-border);color:var(--color-text-strong)}.section-nav__link:focus-visible{outline:2px solid var(--color-accent-border);outline-offset:2px}.section-nav__link--active{background-color:var(--color-accent-subtle);border-color:var(--color-accent-border);color:var(--color-text-strong);font-weight:500}.site-body.has-section-sidebar .content-case-study{padding-bottom:calc(7rem + env(safe-area-inset-bottom))}@media(min-width:768px){.section-nav{width:min(calc((100% / 6) * 2.2),28rem);min-width:22rem}.section-nav__bar{gap:.5rem;grid-template-columns:40px minmax(0,1fr) 40px;padding:.5rem}.section-nav__current{font-size:1rem}.section-nav__panel{left:0;max-width:none;right:0}.site-body.has-section-sidebar .content-case-study{padding-bottom:8rem}}@media(prefers-reduced-motion:reduce){.section-nav__bar,.section-nav__current,.section-nav__btn,.section-nav__panel,.section-nav__link{transition:none}}@media screen and (min-width:768px){.img-half,.case-study-figure.img-half{width:48%;margin:2rem 0}.img-adjacent{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-top:2rem}}@media(min-width:768px){.content-case-study>.col-content{display:contents}.content-case-study>.col-content>*{grid-column:1 / 5}.content-case-study>.col-content>.case-study-figure{grid-column:1 / -1}.content-case-study>.col-content>img,.content-case-study>.col-content>.img-full,.content-case-study>.col-content>.img-adjacent{grid-column:1 / -1}.content-case-study>.col-content>.img-half{grid-column:1 / 4;width:100%;margin:2rem 0}.content-case-study>.col-content>.case-study-figure.img-half{grid-column:1 / 4;width:100%;margin:2rem 0}.content-case-study>.col-content>.img-adjacent{display:grid;grid-template-columns:repeat(6,1fr);column-gap:2rem;row-gap:0;align-items:start;margin-top:2rem}.content-case-study>.col-content>.img-adjacent>.img-half{grid-column:span 3;width:100%;margin:0}.content-case-study>.col-content>.img-adjacent>.case-study-figure.img-half{grid-column:span 3;width:100%;margin:0}.content-case-study>.col-content>.final-mockup-grid{grid-column:1 / -1}}.final-mockup-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin:2rem 0}.final-mockup-grid .case-study-figure{margin:0}.final-mockup-grid img{border-radius:.5rem;cursor:zoom-in;margin:0;transform:scale(1);transition:transform var(--transition-3),filter var(--transition-3),box-shadow var(--transition-3);width:100%}.final-mockup-grid img:hover,.final-mockup-grid img:focus-visible{box-shadow:0 14px 32px #00000029;filter:saturate(1.03);transform:translateY(-2px) scale(1.005)}.final-mockup-grid img:focus-visible{outline:2px solid var(--color-accent-border);outline-offset:3px}.mockup-expand-dialog{--mockup-open-x: 0px;--mockup-open-y: 0px;--mockup-open-scale: 1;--mockup-zoom: 1;--mockup-swipe-x: 0px;--mockup-swipe-duration: .17s;--mockup-swipe-opacity: 1;background-color:transparent;border:0;color:var(--color-text-on-dark);max-height:100vh;max-width:100vw;padding:0;height:100dvh;width:100vw}.mockup-expand-dialog::backdrop{background:#343230f0}.mockup-expand-shell{box-sizing:border-box;display:flex;flex-direction:column;gap:.875rem;min-height:100dvh;max-height:100dvh;padding:.875rem}.mockup-expand-stage-wrap{align-items:stretch;column-gap:.625rem;display:grid;flex:1 1 auto;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto auto;min-height:0;overflow:visible;row-gap:.625rem}.mockup-expand-count{color:var(--color-text-on-dark);font-family:var(--font-body);font-size:.875rem;font-weight:400;margin:0;min-width:4.5rem;text-align:center}.mockup-expand-image{border-radius:.75rem;display:block;height:auto;max-height:min(calc(100dvh - 12rem),1200px);max-width:min(calc(100vw - 5.5rem),1800px);object-fit:contain;opacity:var(--mockup-swipe-opacity);transform:translate3d(var(--mockup-swipe-x),0,0) scale(var(--mockup-zoom));transform-origin:center center;transition:transform var(--mockup-swipe-duration) cubic-bezier(.22,.8,.2,1),opacity var(--mockup-swipe-duration) ease-out;will-change:transform,opacity;width:auto}.mockup-expand-stage{align-items:center;display:flex;grid-column:1 / -1;grid-row:2;justify-content:center;min-height:0;min-width:0;overflow:auto;padding:.5rem;position:relative;transform:translate3d(var(--mockup-open-x),var(--mockup-open-y),0) scale(var(--mockup-open-scale));transition:transform var(--transition-2),opacity var(--transition-2);z-index:1}.mockup-expand-stage{scrollbar-color:rgba(255,255,255,.35) transparent;scrollbar-width:thin}.mockup-expand-stage::-webkit-scrollbar{height:6px;width:6px}.mockup-expand-stage::-webkit-scrollbar-track{background:transparent}.mockup-expand-stage::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:999px}.mockup-expand-stage::-webkit-scrollbar-thumb:hover{background:#ffffff73}.mockup-expand-dialog.is-open .mockup-expand-stage{opacity:1;transform:translateZ(0) scale(1)}.mockup-expand-dialog.is-entering .mockup-expand-stage{opacity:1}.mockup-expand-dialog.is-closing .mockup-expand-shell{pointer-events:none}.mockup-expand-dialog.is-closing .mockup-expand-stage{opacity:0;transform:translate3d(var(--mockup-open-x),var(--mockup-open-y),0) scale(var(--mockup-open-scale))}.mockup-expand-dialog.is-image-swapping .mockup-expand-image{transform:translate3d(var(--mockup-swipe-x),0,0) scale(var(--mockup-zoom))}.mockup-expand-caption{color:var(--color-text-on-dark);font-family:var(--font-heading);font-size:.875rem;font-weight:300;grid-column:1 / -1;grid-row:3;justify-self:center;line-height:1.5;margin:0;max-width:80ch;text-align:center}.mockup-expand-controls-row{align-items:center;column-gap:.5rem;display:inline-flex;flex-wrap:wrap;grid-column:1 / -1;grid-row:4;justify-content:center;justify-self:center;row-gap:.5rem;z-index:3}.mockup-expand-nav-row{align-items:center;background-color:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:999px;display:inline-flex;gap:.5rem;justify-content:center;padding:.25rem}.mockup-expand-zoom-stack{align-items:center;background-color:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:999px;display:inline-flex;flex-direction:row;gap:.25rem;justify-content:center;padding:.25rem;pointer-events:auto}.mockup-expand-nav,.mockup-expand-zoom,.mockup-expand-close{align-items:center;background-color:#fffffff5;border:1px solid var(--color-border-strong);border-radius:999px;color:var(--color-text-strong);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:.875rem;font-weight:500;justify-content:center;min-height:44px;min-width:44px;padding:.625rem 1rem;transition:color var(--transition-1-fast),background-color var(--transition-1-fast),border-color var(--transition-1-fast)}.mockup-expand-close{grid-column:2;grid-row:1;justify-self:end;padding:0;pointer-events:auto;z-index:3}.mockup-expand-close svg{height:18px;stroke:currentColor;stroke-linecap:round;stroke-width:1.75;width:18px}.mockup-expand-nav[disabled],.mockup-expand-zoom[disabled]{cursor:not-allowed;opacity:.5}.mockup-expand-nav:not([disabled]):hover,.mockup-expand-nav:not([disabled]):focus-visible,.mockup-expand-zoom:not([disabled]):hover,.mockup-expand-zoom:not([disabled]):focus-visible,.mockup-expand-close:hover,.mockup-expand-close:focus-visible{background-color:var(--color-accent-subtle);border-color:var(--color-accent-border)}.mockup-expand-nav:focus-visible,.mockup-expand-zoom:focus-visible,.mockup-expand-close:focus-visible{outline:2px solid var(--color-accent-border);outline-offset:2px}@media(prefers-reduced-motion:reduce){.final-mockup-grid img,.mockup-expand-image,.mockup-expand-stage,.mockup-expand-nav,.mockup-expand-zoom,.mockup-expand-close{transition:none}.mockup-expand-stage,.mockup-expand-dialog.is-open .mockup-expand-stage,.mockup-expand-dialog.is-entering .mockup-expand-stage,.mockup-expand-dialog.is-closing .mockup-expand-stage{opacity:1;transform:translateZ(0) scale(1)}.mockup-expand-dialog.is-image-swapping .mockup-expand-image{transform:translateZ(0) scale(var(--mockup-zoom))}}@media(min-width:768px){.mockup-expand-shell{padding:1rem}.mockup-expand-stage-wrap{column-gap:.75rem;row-gap:.75rem}.mockup-expand-stage{padding:.75rem}.mockup-expand-image{max-height:min(calc(100dvh - 12.5rem),1200px);max-width:min(calc(100vw - 8.5rem),1800px)}.final-mockup-grid{gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-height:760px){.mockup-expand-shell{gap:.625rem;padding:.625rem}.mockup-expand-stage-wrap{column-gap:.5rem;row-gap:.5rem}.mockup-expand-image{max-height:min(calc(100dvh - 10rem),1200px)}.mockup-expand-nav,.mockup-expand-zoom,.mockup-expand-close{min-height:44px;min-width:44px;padding:.5rem .875rem}.mockup-expand-close{padding:0}.mockup-expand-caption{font-size:.8125rem;line-height:1.4}}@media(min-width:1024px){.final-mockup-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1280px){.final-mockup-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.final-mockup-grid--two-col{grid-template-columns:repeat(2,minmax(0,1fr))}}footer{position:relative;isolation:isolate;background-color:transparent;color:var(--color-text-strong);display:flex;flex-direction:column;gap:2rem;padding:3rem var(--grid-margin);--footer-hero-fade-progress: 1}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-name-row{width:100%;display:flex;flex-direction:column;gap:1rem}footer .logo{color:var(--color-text-strong);text-decoration:none;font-family:var(--font-display);font-weight:600;font-size:clamp(2rem,7vw,3.5rem);line-height:.9;letter-spacing:-.02em}.footer-subtitle{margin:0;color:var(--color-text-strong);font-family:var(--font-body);font-size:.9375rem;font-weight:300;letter-spacing:.01em;text-transform:none;line-height:1.5;max-width:38ch}.footer-contact{display:flex;flex-direction:column;align-items:flex-start}.footer-contact-text{display:flex;flex-direction:column;min-width:0}.footer-contact-label{font-family:var(--font-heading);font-size:.875rem;font-weight:700;line-height:1.2}.footer-contact-value{font-family:var(--font-body);font-size:.875rem;font-weight:400;line-height:1.3;overflow-wrap:anywhere}.footer-link{display:inline-flex;align-items:center;color:var(--color-text-strong);text-decoration:none;border-radius:999px;background-color:transparent;padding:0 .75rem;margin-left:-.75rem;transition:var(--transition-2)}.footer-link:hover,.footer-link:focus-visible{color:var(--color-text-on-dark);background-color:var(--color-dark-bg)}.footer-link:hover{transform:translate(1px)}.footer-contact-link{display:inline-flex;align-items:center;min-height:44px;gap:.625rem;text-decoration:none}.footer-contact-icon{display:inline-flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;flex:0 0 auto}.footer-contact-icon svg{width:100%;height:100%}.footer-links{display:flex;flex-direction:column;gap:2rem}.footer-column{min-width:0}.footer-subsection{margin-top:1.5rem}.footer-links ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}.footer-links li{padding-top:0}.footer-link-item{display:inline-flex;align-items:center;min-height:32px;font-weight:400;font-size:.9375rem}.footer-section-title{color:var(--color-text-strong);font-family:var(--font-heading);font-size:1rem;font-weight:700;letter-spacing:0;line-height:1.2;margin-top:0;margin-bottom:.75rem}.footer-contact-title{margin-bottom:.75rem}.footer-section-title-link{display:inline-flex;text-decoration:none;color:var(--color-text-strong);border-radius:999px;padding:.125rem .75rem;margin-left:-.75rem;transition:var(--transition-2)}.footer-section-title-link:hover,.footer-section-title-link:focus-visible{color:var(--color-text-on-dark);background-color:var(--color-dark-bg)}@media(min-width:540px){footer{display:grid;grid-template-columns:repeat(4,1fr);column-gap:0;row-gap:1.5rem;align-items:flex-start;max-width:var(--max-width);margin:0 auto}.footer-name-row{grid-column:1 / 5}.footer-links{display:grid;grid-column:1 / 5;grid-template-columns:repeat(4,1fr);column-gap:0;row-gap:1.5rem}.footer-column-case-studies{grid-column:1 / 3}.footer-column-projects{grid-column:3 / 5}.footer-column-contact{grid-column:1 / 5}}@media(min-width:768px){footer{display:grid;grid-template-columns:repeat(6,1fr);column-gap:0;row-gap:1.5rem;align-items:flex-start;max-width:var(--max-width);margin:0 auto;padding:3rem var(--grid-margin);opacity:var(--footer-hero-fade-progress);transition:opacity var(--transition-2)}.footer-name-row{grid-column:1 / 7;grid-row:1;gap:1.25rem}.footer-subtitle{font-size:1.125rem;width:100%;max-width:calc((100% / 6) * 4)}.footer-links{display:grid;grid-row:2;grid-column:1 / 7;grid-template-columns:repeat(6,1fr);column-gap:0;row-gap:0}.footer-column-case-studies{grid-column:1 / 3}.footer-column-projects{grid-column:3 / 5}.footer-column-contact{grid-column:5 / 7}.footer-section-title{font-size:1.25rem}}@media screen and (min-width:768px){.logo{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}header nav .logo:hover,header nav .logo:focus-visible{background-color:#ffffff14;box-shadow:none}.logo p:nth-child(2){font-weight:300;font-family:var(--font-body)}.logo p{line-height:14px}header nav,.nav-links{--nav-surface: rgba(52, 50, 48, .4);--nav-radius: var(--nav-radius-mob)}header nav{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:1000;width:calc(100% - (var(--grid-margin) * 2));max-width:calc(var(--max-width) - (var(--grid-margin) * 2));background-color:var(--nav-surface);border-radius:var(--nav-radius);padding:.375rem .75rem;display:flex;align-items:center;justify-content:space-between;overflow:visible;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);will-change:transform,opacity;transition:background-color .3s ease,transform .4s cubic-bezier(.32,0,.15,1),box-shadow .3s ease}header nav.nav-transparent{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}header nav:not(.nav-transparent),header nav.nav-open,header nav.nav-open .nav-links{--nav-surface: rgba(52, 50, 48, .92)}header nav.nav-hidden{transform:translate(-50%) translateY(calc(-100% - 2rem));opacity:.94;transition:background-color .3s ease,transform .3s cubic-bezier(.4,0,1,1)}header nav.nav-scroll-down{transition:background-color .28s ease,transform .24s cubic-bezier(.4,0,1,1),box-shadow .2s ease}header nav.nav-scroll-up:not(.nav-hidden){animation:nav-slide-down .34s cubic-bezier(.16,1,.3,1)}@keyframes nav-slide-down{0%{transform:translate(-50%) translateY(calc(-100% - 1.5rem));opacity:.88}to{transform:translate(-50%) translateY(0);opacity:1}}header nav.nav-open{box-shadow:0 14px 34px #00000029}.nav-container{position:relative;width:100%;min-height:38px;display:flex;justify-content:space-between;align-items:center;gap:.5rem}header nav .logo{color:var(--color-text-on-dark);text-decoration:none;font-family:var(--font-display);font-weight:600;font-size:1rem;white-space:nowrap;line-height:1;display:inline-flex;align-items:center;min-height:36px;padding:.375rem .875rem;border-radius:calc(var(--nav-radius) - .375rem);flex:0 1 auto;transition:background-color var(--transition-1-fast)}.hamburger{display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;flex:0 0 36px;cursor:pointer;color:var(--color-text-on-dark);border-radius:calc(var(--nav-radius) - .375rem);transition:background-color var(--transition-1-fast);-webkit-tap-highlight-color:transparent;background:none;border:none}.hamburger:hover,.hamburger:focus-visible{background-color:#ffffff1f}.hamburger:focus-visible{outline:2px solid var(--color-accent-border);outline-offset:2px}.menu-hamburger{display:block}.menu-x{display:none}.nav-links{position:absolute;top:calc(100% + 1rem);left:-.75rem;right:-.75rem;display:flex;flex-direction:column;gap:0;width:auto;max-width:none;background-color:var(--nav-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:var(--nav-radius);box-shadow:0 14px 34px #00000029;padding:.5rem .375rem .375rem;z-index:999;opacity:0;visibility:hidden;pointer-events:none;max-height:0;overflow:hidden;clip-path:inset(0 0 88% 0 round var(--nav-radius));transform:translateY(-.55rem) scaleY(.84);transform-origin:top center;will-change:transform,opacity,max-height,clip-path;transition:max-height .24s ease,opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1),clip-path .22s cubic-bezier(.22,1,.36,1),visibility 0s linear .18s}.nav-links.expanded{opacity:1;visibility:visible;pointer-events:auto;max-height:16rem;clip-path:inset(0 0 0 0 round var(--nav-radius));transform:translateY(0) scaleY(1);transition:max-height .28s ease,opacity .2s ease,transform .24s cubic-bezier(.22,1,.36,1),clip-path .24s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s}.nav-links a{display:block;padding:.625rem 1.25rem;color:var(--color-text-on-dark);text-decoration:none;font-size:1rem;font-weight:400;min-height:36px;border-radius:calc(var(--nav-radius) - .375rem);transition:background-color var(--transition-1-fast),border-radius var(--transition-1-fast)}.nav-links a:hover,.nav-links a:focus-visible{background-color:#ffffff14}.nav-links a:focus-visible{outline:2px solid var(--color-accent-border);outline-offset:2px}@media(min-width:768px){header nav{--nav-radius: var(--nav-radius-desktop);padding:.375rem}.hamburger{display:none}.nav-links{position:static;display:flex;flex-direction:row;align-items:center;opacity:1;visibility:visible;pointer-events:auto;max-height:none;overflow:visible;transform:none;width:auto;max-width:none;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:0;box-shadow:none;border-radius:0;padding:0;gap:.25rem;clip-path:none}.nav-links a{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:999px;font-size:.9375rem;min-height:36px;white-space:nowrap;color:var(--color-text-on-dark)}.nav-links a:hover,.nav-links a:focus{background-color:#ffffff1f}header nav .logo:hover,header nav .logo:focus-visible{background-color:#ffffff1f}}@media(prefers-reduced-motion:reduce){header nav,header nav.nav-hidden,header nav.nav-scroll-down{transition:none}header nav.nav-scroll-up:not(.nav-hidden){animation:none}}.hero{margin:0}.hero-home{position:relative;height:100vh;height:100svh;background-color:transparent}.hero-home #threejs-hero{display:block;position:fixed;top:0;left:0;right:0;width:100vw;min-width:100vw;height:100vh;height:100svh;z-index:0;pointer-events:none}.hero-content-home{position:relative;z-index:1;color:var(--color-text-on-dark);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:end;padding-top:calc(var(--nav-height-mob) + 1.5rem);padding-bottom:clamp(3.5rem,14vh,8.5rem);height:100vh;height:100svh}.hero-display-title{grid-column:1 / -1;font-family:var(--font-display);font-weight:600;font-size:clamp(3.5rem,11vw,10rem);line-height:1.05;letter-spacing:-.02em;margin:0;color:var(--color-text-strong)}.hero-subtext{grid-column:2 / -1;font-family:var(--font-body);font-weight:400;font-size:.9375rem;letter-spacing:.01em;text-transform:none;color:var(--color-text-strong);margin:1rem 0 0;width:auto;max-width:none;text-align:left}.hero-casestudy{position:relative;background-color:var(--color-bg);--cs-text: var(--grey-90);--cs-accent: var(--color-accent);overflow:hidden}.hero-project{--cs-text: var(--color-text-strong);--cs-accent: var(--color-border-strong)}.hero-project .hero-bg-layer{background-color:var(--color-surface)}.hero-bg-layer{position:absolute;inset:0;z-index:0;pointer-events:none;background-color:var(--color-dark-bg);transition:opacity .1s linear}.hero-casestudy.kepla .hero-bg-layer{background-image:-webkit-gradient(linear,left top,left bottom,from(#a2e0d3),to(#649ee0));background-image:-o-linear-gradient(#a2e0d3,#649ee0);background-image:linear-gradient(#a2e0d3,#649ee0)}.hero-casestudy.pelorus .hero-bg-layer{background-image:-webkit-gradient(linear,left top,left bottom,from(#407beb),to(#6fc6fc));background-image:-o-linear-gradient(#407beb,#6fc6fc);background-image:linear-gradient(#407beb,#6fc6fc)}.hero-casestudy.aurora .hero-bg-layer{background-image:-webkit-gradient(linear,left top,left bottom,from(#fdd893),to(#faa949));background-image:-o-linear-gradient(#fdd893,#faa949);background-image:linear-gradient(#fdd893,#faa949)}.hero-casestudy.npdc .hero-bg-layer{background-image:-webkit-gradient(linear,left top,left bottom,from(#f6dba9),to(#e09c74));background-image:-o-linear-gradient(#f6dba9,#e09c74);background-image:linear-gradient(#f6dba9,#e09c74)}.hero-casestudy.sitesmart .hero-bg-layer{background-image:-webkit-gradient(linear,left top,left bottom,from(#b7ddef),to(#4cadde));background-image:-o-linear-gradient(#b7ddef,#4cadde);background-image:linear-gradient(#b7ddef,#4cadde)}.hero-casestudy.slate{--cs-text: #ffffff;--cs-accent: var(--color-accent)}.hero-casestudy.slate .hero-bg-layer{background-color:#7b93a8}.hero-casestudy.sage{--cs-text: #ffffff;--cs-accent: var(--color-accent)}.hero-casestudy.sage .hero-bg-layer{background-color:#8fa68b}.hero-casestudy.rust{--cs-text: #ffffff;--cs-accent: var(--grey-5)}.hero-casestudy.rust .hero-bg-layer{background-color:#c17a5a}.hero-casestudy.sand{--cs-text: var(--grey-100);--cs-accent: var(--grey-100)}.hero-casestudy.sand .hero-bg-layer{background-color:#d4bc94}.hero-casestudy.indigo{--cs-text: #ffffff;--cs-accent: var(--color-accent)}.hero-casestudy.indigo .hero-bg-layer{background-color:#4a5580}.hero-casestudy.midnight{--cs-text: #ffffff;--cs-accent: var(--color-accent)}.hero-casestudy.midnight .hero-bg-layer{background-color:#1a1a2e}.hero-casestudy.accent{--cs-text: var(--grey-100);--cs-accent: var(--grey-100)}.hero-casestudy.accent .hero-bg-layer{background-color:var(--color-accent)}.hero-content{padding-top:7rem;padding-bottom:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hero-content-casestudy,.hero-content-project{position:relative;z-index:1;color:var(--cs-text);padding-bottom:2rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));row-gap:.5rem;align-items:start}.hero-content-casestudy>*,.hero-content-project>*{grid-column:1 / -1}.hero-content-casestudy .tag-badge,.hero-content-project .tag-badge{color:var(--cs-text);border-color:var(--cs-text);opacity:.7;justify-self:start;width:-moz-fit-content;width:fit-content;margin-top:0}.hero-content-project .tag-badge{color:var(--color-text-muted);border-color:var(--color-border-strong);opacity:1}.hero-content-casestudy .banner-text,.hero-content-project .banner-text{margin-top:.25rem;margin-bottom:.125rem}.hero-content-casestudy .overview-text-small,.hero-content-project .overview-text-small{margin-top:0}.hero-content-casestudy img,.hero-content-project img{width:100%;height:auto;margin-top:1rem;margin-bottom:0}.hero-content-casestudy .btn,.hero-content-project .btn{margin-top:.5rem;color:var(--cs-text);border-color:var(--cs-text);justify-self:start;width:-moz-fit-content;width:fit-content}.hero-content-project .btn{color:var(--color-text-strong);border-color:var(--color-border-strong)}.hero-content-project .btn:hover,.hero-content-project .btn:focus{background-color:var(--color-accent-subtle)}.hero-content-casestudy .btn:hover,.hero-content-casestudy .btn:focus{background-color:#ffffff1a}@media screen and (min-width:768px){.hero-content-home{grid-template-columns:repeat(6,minmax(0,1fr));padding-top:calc(var(--nav-height-desktop) + 1.5rem);padding-bottom:clamp(3.5rem,10vh,6rem)}.hero-content-home p{max-width:var(--max-width-content-narrow)}.hero-display-title{grid-column:1 / 5}.hero-subtext{grid-column:3 / 7;font-size:1.375rem;margin-top:1.5rem}.hero-content-casestudy,.hero-content-project{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:1.5rem}}.content{padding:2rem 0}.content-home{padding-top:0}@media(min-width:768px){.content{padding-left:0;padding-right:0}.content-home{padding-top:2rem}}.content-case-study{padding-top:0;padding-bottom:4rem}.content-case-study a:not(.btn):not([class*=button]){text-decoration:underline;text-decoration-color:var(--color-accent-border);text-decoration-thickness:1px;text-underline-offset:3px}.content-case-study a:not(.btn):not([class*=button]):hover,.content-case-study a:not(.btn):not([class*=button]):focus-visible{text-decoration-color:var(--color-accent);outline:2px solid var(--color-accent-border);outline-offset:2px;border-radius:2px}a{color:var(--color-text-strong)}.link-large{font-size:1.2rem;font-weight:700;font-family:var(--font-heading);padding:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-decoration:none;text-underline-offset:4px;color:var(--color-text-strong);box-shadow:0 1px 0 0 var(--grey-100);-webkit-transition:var(--transition-1-fast);-o-transition:var(--transition-1-fast);transition:var(--transition-1-fast)}.link-large:hover,.link-large:focus{color:var(--color-text-strong);box-shadow:0 3px 0 0 var(--grey-100);-webkit-transition:var(--transition-1-fast);-o-transition:var(--transition-1-fast);transition:var(--transition-1-fast)}.btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;font-family:var(--font-heading);font-weight:700;text-decoration:none;cursor:pointer;border:1.5px solid transparent;transition:var(--transition-1-fast);transform:translateY(0);white-space:nowrap;min-height:44px}.btn:hover,.btn:focus-visible{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--sm{padding:.375rem 1rem;font-size:.875rem;min-height:36px}.btn--md{padding:.625rem 1.5rem;font-size:1rem}.btn--lg{padding:.875rem 2rem;font-size:1.125rem}.btn--primary{background-color:var(--color-text-strong);color:var(--grey-0);border-color:var(--color-text-strong)}.btn--primary:hover,.btn--primary:focus-visible{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--grey-100)}.btn--primary:focus-visible,.btn--outline:focus-visible,.btn--ghost:focus-visible{outline:2px solid var(--color-accent-border);outline-offset:2px}.btn--outline{background-color:transparent;color:var(--color-text-strong);border-color:var(--color-text-strong)}.btn--outline:hover,.btn--outline:focus-visible{background-color:var(--color-accent-subtle)}.btn--ghost{background-color:transparent;color:var(--color-text-strong);border-color:transparent}.btn--ghost:hover,.btn--ghost:focus-visible{background-color:var(--color-accent-subtle)}.dark-bg .btn--primary{background-color:var(--grey-0);color:var(--color-text-strong);border-color:var(--grey-0)}.dark-bg .btn--primary:hover,.dark-bg .btn--primary:focus{background-color:var(--accent-10)}.dark-bg .btn--outline,.dark-bg .btn--ghost{color:var(--grey-0);border-color:var(--grey-0)}.tag-badge{display:inline-block;align-self:flex-start;font-family:var(--font-body);font-weight:500;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .625rem;border-radius:3px;border:2px solid currentColor}.tag-badge--default{color:var(--color-text-strong)}.tag-badge--accent{color:var(--color-accent);border-color:var(--color-accent)}.tag-badge--grey{color:var(--color-text-muted);border-color:var(--color-text-muted)}.case-number{font-family:var(--font-display);font-weight:600;font-size:2rem;color:var(--color-text-strong);line-height:1;margin-bottom:1rem}@media(min-width:768px){.case-number{font-size:3rem}}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0;width:100%;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:var(--grid-margin);padding-right:var(--grid-margin)}.page-grid-anchor{height:0;overflow:hidden;pointer-events:none;visibility:hidden}.grid-lines{display:grid;grid-template-columns:repeat(6,1fr);gap:0;position:fixed;top:0;left:50%;transform:translate(-50%);width:calc(100% - (var(--grid-margin) * 2));max-width:calc(var(--max-width) - (var(--grid-margin) * 2));height:100vh;pointer-events:none;z-index:1}.grid-lines span{border-left:1px solid var(--color-grid-line);transition:border-color var(--transition-2)}.grid-lines span:last-child{border-right:1px solid var(--color-grid-line);transition:border-color var(--transition-2)}.grid-lines.over-dark span{border-left-color:var(--color-grid-line-dark)}.grid-lines.over-dark span:last-child{border-right-color:var(--color-grid-line-dark)}.grid-lines.over-dark,.grid-lines.over-hero,.site-body.article-grid-visible .grid-lines{z-index:1}.site-body.article-grid-visible .hero-content-casestudy,.site-body.article-grid-visible .hero-content-project,.site-body.article-grid-visible .content-case-study,.site-body.article-grid-visible footer{position:relative;z-index:2}.site-body.article-grid-visible .grid-lines span{border-left-color:#34323024}.site-body.article-grid-visible .grid-lines span:last-child{border-right-color:#34323024}.site-body.article-grid-visible .grid-lines.over-dark span{border-left-color:var(--color-grid-line-dark)}.site-body.article-grid-visible .grid-lines.over-dark span:last-child{border-right-color:var(--color-grid-line-dark)}@media(max-width:767px){.grid,.grid-lines{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.grid-lines span:nth-child(n+5){display:none}.grid-lines span:nth-child(4){border-right:1px solid var(--color-grid-line)}.grid-lines.over-dark span:nth-child(4){border-right-color:var(--color-grid-line-dark)}}@media(min-width:768px){.col-full{grid-column:1 / -1}.col-content,.col-narrow{grid-column:1 / 5}.col-centered{grid-column:2 / 6}.col-left{grid-column:1 / 4}.col-right{grid-column:4 / 7}.col-left-wide{grid-column:1 / 5}.col-right-wide{grid-column:3 / 7}.hero-content-casestudy.col-content,.hero-content-project.col-content{grid-column:1 / -1}}@media(max-width:767px){.col-full{grid-column:1 / -1}.col-content{grid-column:1 / 5}.col-narrow{grid-column:1 / 4}.col-centered{grid-column:2 / 4}.col-left{grid-column:1 / 3}.col-right{grid-column:3 / 5}.col-left-wide{grid-column:1 / 4}.col-right-wide{grid-column:2 / 5}}.grid-bracket{position:absolute;width:12px;height:12px;border-color:var(--color-grid-line);border-style:solid}.grid-bracket--tl{border-width:1px 0 0 1px;top:0;left:0}.grid-bracket--tr{border-width:1px 1px 0 0;top:0;right:0}.grid-bracket--bl{border-width:0 0 1px 1px;bottom:0;left:0}.grid-bracket--br{border-width:0 1px 1px 0;bottom:0;right:0}.home-link{display:flex;align-items:center}.home-link a,.home-link p{margin-top:0}.list-workitems{list-style:none;padding:0;margin:0;grid-column:1 / -1}.list-workitems-grid{list-style:none;padding:0;margin:0;grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:0;row-gap:2rem}.list-workitems-grid .workitem-container--project{grid-column:span 2;margin-bottom:0}@media(min-width:768px){.list-workitems,.list-workitems-grid{display:contents}}.workitem-container{grid-column:1 / -1;padding-top:0;margin-bottom:3rem}.workitem-container:last-child{margin-bottom:0}@media(min-width:768px){.list-workitems .workitem-container{grid-column:1 / -1;margin-bottom:2rem}.list-workitems-grid .workitem-container--project{grid-column:span 2;margin-bottom:2rem}}.workitem{display:flex;flex-direction:column;text-decoration:none;color:var(--color-text-strong);padding:1rem 0 1.5rem;margin-left:0;margin-right:0;cursor:pointer;transition:opacity var(--transition-1-fast);border-radius:4px}.workitem:visited{color:var(--color-text-strong)}.workitem:hover{opacity:.85}.workitem:focus-visible{opacity:.85;outline:2px solid var(--color-accent-border);outline-offset:4px}.workitem-inner{width:100%;flex:1}.workitem:not(.workitem--project) .workitem-inner{display:flex;flex-direction:column;gap:0}@media(min-width:768px){.workitem{padding:1.5rem 0}.workitem:not(.workitem--project) .workitem-inner{flex-direction:row;align-items:center;gap:0}}.workitem-text{display:flex;flex-direction:column;gap:.625rem}.workitem-text .overview-text-small{margin-top:0}.workitem-left{display:contents}.workitem-left .overview-text-small{order:4;margin-top:1rem}.workitem-left .workitem-cta{order:5;margin-top:.75rem}.workitem-left .case-number{margin-bottom:.25rem}.workitem-right{order:3;display:flex;justify-content:center;align-items:center;margin-top:1rem}@media(min-width:768px){.workitem-left,.workitem-right{width:50%}.workitem-left{display:flex;flex-direction:column;gap:.375rem;padding-right:1.25rem}.workitem-right{margin-top:0}.workitem--project .workitem-text{padding-right:0}}.workitem-title{font-size:1.75rem;line-height:1.1;margin:0;position:relative;display:inline-block;width:fit-content}@media(min-width:768px){.workitem-title{font-size:2.25rem}}.workitem-title--project{font-size:1.25rem}@media(min-width:768px){.workitem-title--project{font-size:1.5rem}}.workitem[data-bg=kepla]{--cta-gradient: linear-gradient(135deg, #a2e0d3, #649ee0)}.workitem[data-bg=pelorus]{--cta-gradient: linear-gradient(135deg, #407beb, #6fc6fc)}.workitem[data-bg=aurora]{--cta-gradient: linear-gradient(135deg, #fdd893, #faa949)}.workitem[data-bg=sitesmart]{--cta-gradient: linear-gradient(135deg, #b7ddef, #4cadde)}.workitem-cta{display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-text-strong);color:var(--grey-0);border-radius:999px;padding:.625rem 1.5rem;min-height:44px;font-family:var(--font-heading);font-weight:700;font-size:1rem;width:fit-content;position:relative;overflow:hidden;transition:background-color var(--transition-1-fast),color .3s ease}.workitem-cta:before{content:"";position:absolute;inset:0;background-image:var(--cta-gradient, none);border-radius:inherit;opacity:0;transition:opacity .35s ease;z-index:0}.workitem-cta-label,.workitem-cta-arrow{position:relative;z-index:1}.workitem-cta-arrow{display:inline-block;overflow:hidden;max-width:0;opacity:0;margin-left:0;white-space:nowrap;transition:max-width .35s ease,opacity .25s ease,margin-left .35s ease}.workitem:hover .workitem-cta,.workitem:focus-within .workitem-cta{background-color:var(--grey-80)}.workitem[data-bg]:hover .workitem-cta,.workitem[data-bg]:focus-within .workitem-cta{color:var(--color-text-strong)}.workitem:hover .workitem-cta:before,.workitem:focus-within .workitem-cta:before{opacity:1}.workitem:hover .workitem-cta-arrow,.workitem:focus-within .workitem-cta-arrow{max-width:1.5rem;opacity:1;margin-left:.5rem}.workitem-image-wrap{position:relative;overflow:visible;perspective:1200px}.workitem:not(.workitem--project) .workitem-image-wrap{width:100%;margin-top:0;display:flex;justify-content:center}.workitem-img{position:relative;z-index:1;width:100%;height:auto;display:block;margin:0;transition:transform var(--transition-4);transform-style:preserve-3d}.workitem:not(.workitem--project) .workitem-img{width:92%;max-width:92%}.workitem:hover .workitem-img,.workitem:focus .workitem-img{transform:rotateY(-5deg) rotateX(-2deg) scale(1.02)}.workitem--project{padding:12px;height:100%}.workitem--project .workitem-inner{display:block;height:100%}.workitem--project .workitem-image-wrap{margin-top:0;border-radius:8px;overflow:hidden;width:65%;max-width:65%}.workitem--project .workitem-text{display:flex;flex-direction:column;gap:.5rem;height:100%;padding-right:0}.workitem--project .overview-text-small{font-size:1rem}.workitem--project .workitem-cta{margin-top:.25rem}.workitem--project .workitem-img{margin:0 0 .5rem;width:100%;height:auto}.workitem-cta--view-sm{background-color:transparent;color:var(--color-text-strong);border:1.5px solid var(--color-text-strong);padding:.25rem .875rem;min-height:32px;font-size:.875rem}.workitem--project:hover .workitem-cta--view-sm,.workitem--project:focus-within .workitem-cta--view-sm{background-color:var(--color-accent-subtle);color:var(--color-text-strong)}#projects,#tools{margin-top:64px;margin-bottom:48px}.list-workitems-tools{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:540px){.list-workitems-tools{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.list-workitems-tools{grid-template-columns:repeat(3,1fr)}}.workitem--tool{display:flex;flex-direction:column;height:100%;padding:1.25rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-strong);text-decoration:none;transition:background-color var(--transition-1-fast),border-color var(--transition-1-fast)}.workitem--tool:hover,.workitem--tool:focus-within{background-color:var(--color-accent-subtle);border-color:var(--color-accent-border)}.workitem--tool .workitem-inner{display:flex;flex-direction:column;gap:.5rem;height:100%}.workitem-title--tool{font-size:1.125rem;line-height:1.2;margin:0}@media(min-width:768px){.workitem-title--tool{font-size:1.25rem}}.workitem--tool .overview-text-small{flex:1;font-size:.9375rem;color:var(--color-text)}.workitem-cta--tool{display:inline-flex;align-items:center;gap:.375rem;margin-top:.75rem;padding:.375rem 0;font-family:var(--font-heading);font-weight:700;font-size:.875rem;color:var(--color-text-strong);border-bottom:1.5px solid var(--color-accent-border);width:fit-content;transition:border-color var(--transition-1-fast)}.workitem--tool:hover .workitem-cta--tool,.workitem--tool:focus-within .workitem-cta--tool{border-color:var(--color-text-strong)}.info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.75rem;margin-bottom:.5rem}.info-item dt{margin:0 0 .2rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;opacity:.6}.info-item dd{margin:0;font-size:.9375rem}@media(min-width:768px){.hero-content-casestudy .info,.hero-content-project .info{grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem}.hero-content-casestudy .info-item,.hero-content-project .info-item{grid-column:span 2}}.important-info{padding:1rem;background-color:var(--color-surface)}