a,button{all:unset;cursor:pointer}*,a,button{box-sizing:border-box}body{margin:0}:root{--nav-bar-width: max(15rem, 20%);--content-width: calc(100vw - var(--nav-bar-width));--section-padding: 2rem}body{padding-left:var(--nav-bar-width)}body>nav{position:fixed;inset:0 auto 0 0;width:var(--nav-bar-width)}@media (max-width: 900px){:root{--content-width: 100vw}body{padding-left:unset}body>nav{width:100%}}main{padding-top:2rem;max-width:80rem}main>:is(header,section,footer){position:relative;padding-block:calc(var(--section-padding) / 1);padding-inline:var(--section-padding)}main>header{max-width:70ch}main>section{max-width:100ch}main>footer{max-width:100%}:root{--hue-cta: 8;--hue-base: 190;--hue-accent: 36;--c-base-100: hsl(var(--hue-base), 60%, 5%);--c-base-200: hsl(var(--hue-base), 50%, 10%);--c-base-300: hsl(var(--hue-base), 40%, 16%);--c-base-400: hsl(var(--hue-base), 35%, 25%);--c-base-500: hsl(var(--hue-base), 30%, 35%);--c-base-600: hsl(var(--hue-base), 25%, 45%);--c-base-700: hsl(var(--hue-base), 20%, 60%);--c-base-800: hsl(var(--hue-base), 15%, 70%);--c-base-900: hsl(var(--hue-base), 10%, 80%);--c-base: hsl(var(--hue-base), 50%, 25%);--c-base-dark: hsl(var(--hue-base), 60%, 10%);--c-base-light: hsl(var(--hue-base), 50%, 70%);--c-cta-100: hsl(var(--hue-cta), 90%, 10%);--c-cta-200: hsl(var(--hue-cta), 80%, 20%);--c-cta-300: hsl(var(--hue-cta), 70%, 30%);--c-cta-400: hsl(var(--hue-cta), 60%, 40%);--c-cta-500: hsl(var(--hue-cta), 50%, 50%);--c-cta-600: hsl(var(--hue-cta), 60%, 60%);--c-cta-700: hsl(var(--hue-cta), 70%, 70%);--c-cta-800: hsl(var(--hue-cta), 80%, 80%);--c-cta-900: hsl(var(--hue-cta), 90%, 90%);--c-cta: hsl(var(--hue-cta), 60%, 60%);--c-cta-dark: hsl(var(--hue-cta), 15%, 15%);--c-cta-light: hsl(var(--hue-cta), 80%, 80%);--c-cta-shine: hsl(var(--hue-cta), 95%, 95%);--c-accent: hsl(var(--hue-accent), 75%, 65%);--c-accent-dark: hsl(var(--hue-accent), 40%, 15%);--c-accent-light: hsl(var(--hue-accent), 90%, 85%);--c-accent-shine: hsl(var(--hue-accent), 100%, 95%);--c-background: var(--c-base-300);--c-foreground: var(--c-base-900);--c-secondary: var(--c-base-700)}h1{font-size:min(2.5rem,7.5vw);color:var(--c-base-600);margin-block:1em .5em;font-weight:900;letter-spacing:0}h2,h3,h4,h5,h6{margin-block:3em 1em;color:var(--c-accent);font-weight:700}h2{font-size:1.85rem}h3{font-size:1.45rem}h4{font-size:1.25rem}h5{font-size:1.15rem}h6{font-size:1rem}h2 em{display:block;text-transform:lowercase;transform:translate(-1rem) translateY(.5rem) rotate(-10deg);font-size:.9em}em{font-style:italic}p{line-height:var(--line-height);margin-block:var(--line-height)}strong{font-weight:700;color:var(--c-accent)}li p{margin:0}.signature{font-size:2.5em;font-family:var(--font-script);transform:translate(1rem) rotate(-3deg)}blockquote{all:unset;box-sizing:border-box;float:right;width:60%;padding-left:1em;padding-bottom:.5em;margin-right:max(-25%,calc(-1*(var(--content-width) - 110%)));font-size:clamp(1.25rem,4cqi,2.5rem)}blockquote>p{margin:0;font-weight:900;color:transparent;background-clip:text;background-image:linear-gradient(-120deg,var(--c-accent-light),var(--c-accent))}blockquote:has(p>em){float:unset;width:unset;text-align:center;font-size:1.25rem}blockquote:has(p>strong){float:unset;width:unset;text-align:center;font-size:1.5rem}.note{color:var(--c-secondary);font-size:.85em;font-weight:700;line-height:1.5em}@media (max-width: 40rem){blockquote{float:unset;width:unset;text-align:center;display:block;margin:2em 0;padding:0}}main>header{font-size:1.25rem;font-weight:200;color:var(--c-base-700)}main>header p:first-of-type{font-size:1.25em;margin-top:0}@media (max-width: 768px){main>header{font-size:1.1rem}}footer{color:var(--c-base-500)}@media (hover: hover){footer{font-size:14px}}footer :is(h1,h2,h3,h4,h5,h6){font-size:1em;line-height:1;color:currentColor;margin-block:1.5em .5em}footer nav{display:flex;flex-direction:column;align-items:flex-start;row-gap:.25em;text-transform:lowercase}footer a:hover{color:var(--c-base-800)}footer .copyright{margin-block:3em}.buttons{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.5rem;z-index:9}@media (max-width: 768px){.buttons{display:grid;grid-template-columns:1fr 1fr}}.button{display:inline-block;cursor:pointer;color:var(--c-accent-dark);background:var(--c-accent);padding:.85em 2em .75em;border-radius:.25rem;transition:.25s ease;transition-property:color,background;font-size:.8;font-weight:500;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.button.active,.button:hover{background:var(--c-accent-light)}.button.cta{color:var(--c-cta-dark);background:var(--c-cta)}.button.cta:hover{background:var(--c-cta-light)}.button.next:before{content:"Next: "}.backlink{display:inline-block;width:2.5rem;height:1.667rem}.backlink:hover{color:var(--c-base-800)}.backlink~h1{margin-top:1rem}:root{--font-sans: source-sans-3, sans-serif;--font-serif: source-serif-4-display, serif;--font-script: lindsey-signature, serif;--font-size-min: 15px;--font-size-max: 20px;--font-size-calc: calc(.65vh + .65vw + 0px) ;--font-size-clamp: clamp(var(--font-size-min), var(--font-size-calc), var(--font-size-max));--line-height: calc(.75rem + .75em) ;--cta-overflow: 15rem;--z-nav-toggle: 6;--z-cta: 7;--z-nav: 8;--z-project: 10}[nav-active]{--z-cta: 7;--z-nav: 11;--z-nav-toggle: 12}@media (max-width: 768px){:root{--section-padding: 1.5rem}}::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-track{background:none}::-webkit-scrollbar-thumb{border:0px;border-radius:0;background:var(--c-base-dark)}::-webkit-scrollbar-thumb:hover{background:var(--c-base)}@supports (scrollbar-color: black white){*{scrollbar-width:thin;scrollbar-color:transparent var(--c-base-dark);scrollbar-color:var(--c-base) var(--c-base-dark)}}html{font-weight:300;font-family:var(--font-sans);font-size:var(--font-size-min);font-size:var(--font-size-calc);font-size:var(--font-size-clamp);text-size-adjust:none;-webkit-text-size-adjust:none;letter-spacing:.055em;color:var(--c-foreground);background:var(--c-background);overflow-x:hidden;overflow-y:scroll;transition:background .5s linear}html:has([nav-active],[data-type=projects],[data-type=solutions],[data-anim=fill]){background:var(--c-base-200);transition:background .25s linear}body:is([nav-active],[data-type=projects],[data-type=solutions]){background:var(--c-base-200)}.t-gra{background-image:linear-gradient(90deg,var(--c-base),var(--c-foreground),var(--c-accent),var(--c-accent));background-clip:text;color:transparent}.accent{color:var(--c-accent)}.meta{margin:0;font-size:.8em}.meta strong{width:4rem;text-transform:uppercase;color:currentColor;display:inline-block;font-weight:900;font-size:.85em;opacity:.5}article img{width:50%}.inline-bleed{margin-inline:calc(-.5 * var(--section-padding))}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(30rem,100%),1fr));gap:1rem;margin-bottom:2rem}@media (max-width: 768px){body{grid-template-columns:1fr}}main{z-index:0;position:relative}button:disabled{opacity:.25;pointer-events:none}main{opacity:0;transition-property:opacity;transition-timing-function:ease}[loaded] main{opacity:1;transition-duration:.75s}[loading] main{opacity:0;transition-duration:.25s}nav.site{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;padding-top:4rem;padding-right:var(--section-padding);flex:none;z-index:9;border-right:1px solid var(--c-base-300);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}nav.site a{letter-spacing:.2em;color:var(--c-base-900);font-weight:500;font-size:.9rem;cursor:pointer;transition:.25s ease;transition-property:color,opacity,scale,font-weight;transform-origin:calc(100% - 2em);text-transform:lowercase;opacity:.5}nav.site a:hover{opacity:1}nav.site a{margin-right:-1.45em}nav.site a:before,nav.site a:after{transition:.25s ease;transition-property:opacity,translate;color:var(--c-accent);display:inline-block;letter-spacing:.1em;font-weight:700}nav.site a:before{content:"<";margin-right:.1em;opacity:0;translate:.5em -.075em}nav.site a:after{content:"/>";margin-left:.1em;opacity:0;translate:-.5em -.075em}nav.site a:is(.active,.focus){opacity:1;scale:1.15;font-weight:700;color:var(--c-accent-light)}nav.site a.active{pointer-events:none}nav.site a:is(.active,.focus):before,nav.site a:is(.active,.focus):after{opacity:1;translate:0 .075em}nav.site a.home>span:first-child{font-weight:200}nav.site a.home>span:last-child{font-weight:700}nav.footer{display:none}@media (max-width: 900px){nav.site{padding-top:8rem;padding-right:5rem;gap:1rem}nav.site a{font-size:2rem}nav.site{--a-duration: .5s;--a-timing: ease;--a-delay: .15s;z-index:var(--z-nav);position:fixed;inset:0;transition:transform var(--a-duration) var(--a-timing) var(--a-delay);transform:translate(-100%);background:var(--c-base-200)}[nav-active] nav.site{--a-duration: 1.25s;--a-timing: cubic-bezier(.19, 1, .22, 1);--a-delay: 0s;transform:translate(0)}nav.footer{display:flex;min-height:100vh}}.nav-toggle{display:unset;z-index:var(--z-nav-toggle);position:absolute;inset:.75rem .75rem auto auto;width:50px;height:50px;padding:10px;border-radius:5px;stroke:var(--c-secondary);stroke-width:3px;transform-origin:center;background-color:#00000040;transform:translate(100vw) rotate(0);transition-property:background-color,transform;transition-timing-function:var(--a-timing),var(--a-timing);transition-duration:var(--a-duration),var(--a-duration);transition-delay:var(--a-delay),var(--a-delay);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);-webkit-tap-highlight-color:transparent}html:has([nav-active]){overflow:hidden}[nav-active] .nav-toggle{backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);background-color:transparent;transform:translate(20%) rotate(360deg)}@media (min-width: 901px){.nav-toggle{display:none}}.nav-toggle line{transition:all var(--a-duration) var(--a-timing) var(--a-delay);transform-origin:center}[nav-active] .nav-toggle line:nth-child(2){opacity:0}[nav-active] .nav-toggle line:nth-child(1){transform:translateY(25%) rotate(-45deg)}[nav-active] .nav-toggle line:nth-child(3){transform:translateY(-25%) rotate(45deg)}[loading]:after{content:"";position:fixed;z-index:99;inset:50%;width:1em;height:1em;font-size:8px;border-radius:50%;text-indent:-9999em;transform:translateZ(0);opacity:0;animation:loadingEnterAnim .5s ease forwards .5s,mulShdSpin .85s infinite ease}@keyframes mulShdSpin{0%,to{box-shadow:0 -2.6em #fff,1.8em -1.8em #fff3,2.5em 0 #fff3,1.75em 1.75em #fff3,0 2.5em #fff3,-1.8em 1.8em #fff3,-2.6em 0 #ffffff80,-1.8em -1.8em #ffffffb3}12.5%{box-shadow:0 -2.6em #ffffffb3,1.8em -1.8em #fff,2.5em 0 #fff3,1.75em 1.75em #fff3,0 2.5em #fff3,-1.8em 1.8em #fff3,-2.6em 0 #fff3,-1.8em -1.8em #ffffff80}25%{box-shadow:0 -2.6em #ffffff80,1.8em -1.8em #ffffffb3,2.5em 0 #fff,1.75em 1.75em #fff3,0 2.5em #fff3,-1.8em 1.8em #fff3,-2.6em 0 #fff3,-1.8em -1.8em #fff3}37.5%{box-shadow:0 -2.6em #fff3,1.8em -1.8em #ffffff80,2.5em 0 #ffffffb3,1.75em 1.75em #fff,0 2.5em #fff3,-1.8em 1.8em #fff3,-2.6em 0 #fff3,-1.8em -1.8em #fff3}50%{box-shadow:0 -2.6em #fff3,1.8em -1.8em #fff3,2.5em 0 #ffffff80,1.75em 1.75em #ffffffb3,0 2.5em #fff,-1.8em 1.8em #fff3,-2.6em 0 #fff3,-1.8em -1.8em #fff3}62.5%{box-shadow:0 -2.6em #fff3,1.8em -1.8em #fff3,2.5em 0 #fff3,1.75em 1.75em #ffffff80,0 2.5em #ffffffb3,-1.8em 1.8em #fff,-2.6em 0 #fff3,-1.8em -1.8em #fff3}75%{box-shadow:0 -2.6em #fff3,1.8em -1.8em #fff3,2.5em 0 #fff3,1.75em 1.75em #fff3,0 2.5em #ffffff80,-1.8em 1.8em #ffffffb3,-2.6em 0 #fff,-1.8em -1.8em #fff3}87.5%{box-shadow:0 -2.6em #fff3,1.8em -1.8em #fff3,2.5em 0 #fff3,1.75em 1.75em #fff3,0 2.5em #fff3,-1.8em 1.8em #ffffff80,-2.6em 0 #ffffffb3,-1.8em -1.8em #fff}}@keyframes loadingEnterAnim{0%{opacity:0}to{opacity:.5}}.cards{display:grid;gap:.5rem;max-width:unset;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}.card{--line-height: calc(.65rem + .65em) ;display:block;position:relative;padding:max(1.5rem,1.75vw);border-radius:.25rem;background:#00000026;transition:background-color .5s cubic-bezier(.19,1,.22,1);overflow:hidden;font-size:.8rem;margin:0}.card>img:first-child{z-index:-1;position:absolute;top:1rem;left:1rem;width:100%;height:100%;object-fit:cover;rotate:-5deg;mask-image:linear-gradient(120deg,transparent,transparent,black);opacity:.5}a.card:hover>img:first-child{opacity:.7}.card :is(h2,h3){margin-top:0;color:var(--c-accent)}.card h2{font-size:1.2rem}.card h3{font-size:1rem}a.card:hover{background:#0000004d;cursor:pointer}.card.compact>*{margin-block:calc(var(--line-height) / 2)}.card>*:first-child{margin-top:0}.card>*:last-child{margin-bottom:0}@media (max-width: 768px){section.cards{padding:0;gap:2px}.card{border-radius:0}}.tiles{max-width:unset}@media (max-width: 768px){.tiles{padding-inline:0;column-gap:2px}.tile{padding-block:1px}}@media (min-width: 769px){.tiles{column-gap:.5rem}.tile{padding-block:.25rem}}@media (min-width: 76ch){.tiles{display:block;columns:2}.tile{break-inside:avoid-column;page-break-inside:avoid;white-space-collapse:collapse}}@media (min-width: 120ch){.tiles{columns:3}}.slides nav{z-index:1;position:relative;display:flex;align-items:center;color:var(--c-base-600);gap:2rem}.slides nav>div{display:flex;align-items:center}.slides nav button{width:3rem;height:3rem;padding:.5rem;border-radius:50%;transition:var(--transition-base);touch-action:manipulation}.slides nav button:enabled:hover{background:#00000026;color:var(--c-accent)}.slides nav button:enabled.active{color:var(--c-accent)}.slides nav svg{display:block;fill:none;stroke:currentColor;stroke-width:8px;margin:2px}.dots{gap:.75rem}.dots *{width:.55rem;height:.55rem;border-radius:50%;background:currentColor;opacity:.5;transition:var(--transition-base)}.dots .current{color:var(--c-accent);opacity:1}.slides{padding-block:0}.slide>div{z-index:1;position:absolute;color:var(--c-secondary);max-width:25rem;transition-timing-function:ease;transition-property:opacity;transition-duration:.5s;opacity:0}.slide.current>div{opacity:1;translate:0;transition-duration:2s}.slide img{position:fixed;object-fit:contain;top:40%;right:5%;width:50%;height:50%;z-index:-1;opacity:0;scale:.5;rotate:-22deg;translate:-20% -20%;transition-timing-function:cubic-bezier(.19,1,.22,1);transition-property:opacity,scale,translate,rotate;transition-duration:1.5s}.slide.next img{z-index:0;opacity:0;scale:.5;rotate:12deg;translate:40% 35%}.slide.current img{z-index:0;opacity:1;scale:1;rotate:0deg;translate:0 0;transition-duration:1s}.slide.previous img{z-index:-1;opacity:.15;scale:2;rotate:-11deg;translate:-50% -25%}@media (max-width: 768px){.slides>nav{position:fixed;z-index:9;left:0;bottom:0;width:100%;padding:.5rem 1rem .5rem 1.5rem;justify-content:space-between;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.slides>nav:before{content:"";inset:0;z-index:-1;position:absolute;background:var(--c-base-200);border-top:1px solid rgba(255,255,255,.05);opacity:.65}.slides .btns{gap:.5rem}.slide img{top:auto;left:0;right:0;bottom:2rem;width:100%;object-position:bottom}.slide.next img{scale:.75;rotate:45deg;translate:100% -5%}.slide.previous img{opacity:.15;scale:2;rotate:-15deg;translate:-50% -35%}}#pages-home h1{display:inline-block;font-size:min(4rem,12vw);font-weight:900;line-height:.85;margin-top:1em;margin-bottom:1rem;text-transform:uppercase;background-image:linear-gradient(90deg,var(--c-base),var(--c-foreground),var(--c-accent),var(--c-accent));background-clip:text;color:transparent}#pages-home h1 em{font-family:var(--font-script);color:var(--c-accent);text-transform:none;font-weight:100}#pages-home main>header{max-width:80ch}#pages-home header>p{background-image:linear-gradient(90deg,var(--c-foreground),var(--c-accent-light));background-clip:text;color:transparent}#pages-home main>:is(header,section:first-of-type){padding-block:0}main>img:first-child{position:fixed;z-index:-1;height:100%;top:0;right:0;width:75vh;height:100vh;object-fit:cover;object-position:0;mask-image:linear-gradient(-65deg,black 0%,transparent 65%)}@media (max-width: 1000px){main:before{content:"";inset:0;z-index:0;opacity:.85;position:absolute;background:linear-gradient(transparent,var(--c-background) 50%)}main>img:first-child{mask-image:linear-gradient(-65deg,#00000059 40%,#0000 65%)}}@media (max-width: 768px){main>img:first-child{mask-image:linear-gradient(-65deg,#00000040,#0000 75%)}}:root{--transition-duration: .25s;--transition-function: ease;--transition-base: opacity var(--transition-duration) var(--transition-function), background var(--transition-duration) var(--transition-function), color var(--transition-duration) var(--transition-function)}.project dl{font-size:.9em;display:grid;grid-template-columns:3em 1fr;margin:0;gap:.25em;font-weight:700;align-items:baseline;color:var(--c-secondary)}.project dt{margin:0;opacity:.5;text-align:right;text-transform:uppercase;font-size:.75em;font-weight:900}.project dd{margin:0}body[data-type=projects] main{display:grid;height:100vh;padding-block:2rem 1rem;overflow-y:hidden;overflow-x:show;grid-template-areas:"header" "slides" "action";grid-template-rows:auto 1fr auto}body[data-type=projects] header{grid-area:header;z-index:1;padding-bottom:0}body[data-type=projects] section.slides{grid-area:slides;padding-top:0}body[data-type=projects] section.buttons{grid-area:action}body[data-type=projects] footer{display:none}@media (max-width: 768px){body[data-type=projects] main{inset:0;position:fixed;padding-block:0;grid-template-areas:"header" "slides";grid-template-rows:auto 1fr}body[data-type=projects] section.buttons{display:none}}[data-anim]{--anim-scale-init: 1;--anim-scale-show: 1;--anim-scale-hide: 1;--anim-rotate-init: 0deg;--anim-rotate-show: 0deg;--anim-rotate-hide: 0deg;--anim-opacity-init: 0;--anim-opacity-show: 1;--anim-opacity-hide: 0;--anim-translate-init: 0 2rem;--anim-translate-show: 0;--anim-translate-hide: 0 2rem;--anim-duration-show: .75s;--anim-duration-hide: .25s;--anim-duration-fill: .25s;--anim-function: cubic-bezier(.075, .82, .165, 1);scale:var(--anim-scale-show);rotate:var(--anim-rotate-show);opacity:var(--anim-opacity-show);translate:var(--anim-translate-show)}[data-anim=show]{--anim-duration: var(--anim-duration-show)}[data-anim=hide]{--anim-duration: var(--anim-duration-hide)}[data-anim=fill]{--anim-duration: var(--anim-duration-fill)}[data-anim=show],[data-anim=hide],[data-anim=fill]{transition:all var(--anim-duration) var(--anim-function)}[data-anim=init]{scale:var(--anim-scale-init);rotate:var(--anim-rotate-init);opacity:var(--anim-opacity-init);translate:var(--anim-translate-init)}[data-anim=show]{scale:var(--anim-scale-show);rotate:var(--anim-rotate-show);opacity:var(--anim-opacity-show);translate:var(--anim-translate-show)}[data-anim=hide]{scale:var(--anim-scale-hide);rotate:var(--anim-rotate-hide);opacity:var(--anim-opacity-hide);translate:var(--anim-translate-hide)}[data-anim=fill]{--anim-function: ease;position:fixed;z-index:1;scale:1;rotate:0deg;translate:0;opacity:1;top:0;left:0;width:100%;height:100%;background:var(--c-base-200)}main>header>[data-anim]{--anim-translate-init: 0 -2rem}:is(.card,.button)[data-anim]{--anim-duration-show: .5s;--anim-scale-init: .5;--anim-translate-init: 0;--anim-translate-hide: 0}.backlink[data-anim]{--anim-translate-init: 2rem 0;--anim-translate-hide: -2rem 0}