.page{scrollbar-width:none;-ms-overflow-style:none}.page::-webkit-scrollbar{display:none}.main{padding:var(--page-pad)}.main__inner{max-width:var(--max-container);margin-inline:auto;padding-bottom:48px}.hero{grid-template-columns:1fr;gap:64px;padding-top:32px;padding-bottom:64px;display:grid}.hero__title{max-width:843px;font-family:var(--font-serif);font-weight:400;font-size:var(--text-h1);letter-spacing:var(--tracking-tight);line-height:50px}.hero__title-break{display:none}@media (width>=1200px){.hero__title-break{display:block}}.hero__title-italic{font-family:"Playfair Display", var(--font-serif);font-size:52px;font-style:italic;font-weight:400;line-height:60px}.timeline{flex-direction:column;align-items:flex-start;gap:16px;list-style:none;display:flex}.timeline__row{align-items:flex-start;gap:8px;width:100%;display:flex}.timeline__year{min-width:104px;height:24px;font-family:var(--font-mono);font-weight:400;font-size:var(--text-body);line-height:var(--leading-body);text-transform:uppercase;color:var(--foreground-light);flex:0 0 104px}.timeline__entry{flex-direction:column;gap:2px;min-width:0;display:flex}.timeline__company{height:24px;font-family:var(--font-sans);font-weight:400;font-size:var(--text-body);line-height:var(--leading-body);color:var(--foreground);text-decoration:none;transition:all}.timeline__role{font-family:var(--font-sans);font-weight:400;font-size:var(--text-body);line-height:var(--leading-body);color:var(--foreground-light)}.grid{flex-direction:column;gap:24px;display:flex}.grid__col{flex-direction:column;gap:24px;min-width:0;display:flex}.card{transition:all .3s var(--ease-in-out);flex-direction:column;gap:8px;text-decoration:none;display:flex}.card__frame{border:1px solid var(--border);background-color:#32404f0a;position:relative;overflow:hidden}.card__media{width:100%;height:auto;display:block;position:relative;transform:scale(1.02)}.card__media.is-pending{opacity:0}.card__media.is-visible{opacity:1;transition:opacity .25s var(--ease-in-out)}.card__tint{background-color:var(--card-tint);opacity:0;transition:opacity .5s ease-in-out;position:absolute;inset:0}.card__overlay{transition:background-color .3s var(--ease-in-out);background-color:#0000;position:absolute;inset:0}.card__meta{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:4px 24px;display:flex}.card__title{font-family:var(--font-serif);font-weight:400;font-size:var(--text-card-title);line-height:var(--leading-body);letter-spacing:var(--tracking-tight);color:var(--foreground)}@media (width<=767px){.card__title{letter-spacing:-.34px;font-size:18px;line-height:25.5px}}.card__subtitle{font-family:var(--font-mono);font-weight:400;font-size:var(--text-body);line-height:var(--leading-body);text-transform:uppercase;color:var(--foreground-light)}@media (width>=1024px){.hero{grid-template-columns:1fr 1fr;gap:24px;padding-top:26vh;padding-bottom:32px}.timeline{justify-content:flex-end}.timeline__entry{flex-direction:row;gap:2px}.timeline__company{white-space:nowrap;flex:0 0 224px;min-width:224px}.grid{flex-direction:row;align-items:flex-start}.grid__col{flex:1 1 0}}@media (width>=1200px){.hero__title{font-size:var(--text-h1-desktop);width:max-content;line-height:61.6px}.hero__title-italic{font-size:64px;line-height:70.4px}}@media (width<=767px){.grid{gap:40px}.grid__col{display:contents}a.card[href="/work/pmdo"]{order:1}a.card[href="/work/magic-bus"]{order:2}a.card[href="/work/enterprise-admin-onboarding"]{order:3}a.card[href="/work/warm-vein-studio"]{order:4}a.card[href="/work/vms-events"]{order:5}a.card[href="/work/analytics-dashboard"]{order:6}}@media (hover:hover){a.timeline__company:hover{color:var(--accent)}.card:hover .card__overlay{background-color:var(--card-overlay)}.card:hover .card__tint{opacity:1}}.splash{display:none}.has-splash .splash{z-index:9998;place-items:center;animation:6s linear both splash-clear;display:grid;position:fixed;inset:0;overflow:hidden}.has-splash .page{overflow:hidden}.splash__base{will-change:translate;background-color:#fff;animation:6s linear both splash-base;position:absolute;inset:0}.splash picture{position:absolute;inset:0}.splash__grid{object-fit:cover;transform-origin:50%;will-change:scale, translate;width:100%;height:100%;animation:6s linear both splash-grid-scale,6s linear both splash-grid-exit;position:absolute;inset:0}.splash__glow{pointer-events:none;transform-origin:50%;will-change:scale, translate;background:radial-gradient(closest-side,#fff 46.831%,#fff0 100%);width:963.524px;max-width:110%;height:614.158px;margin-top:-307.079px;margin-left:-481.762px;animation:6s linear both splash-glow-scale,6s linear both splash-glow-exit;position:absolute;top:50%;left:50%}.splash__text{z-index:1;max-width:min(1100px,92vw);font-family:"Tiempos Text", var(--font-serif);letter-spacing:-.02em;text-align:center;color:#32404f;text-shadow:1.367px 1.367px 4.101px #0003,6.835px 5.468px 8.202px #0000002b,15.037px 12.303px 10.936px #0000001a,25.973px 21.872px 13.67px #00000008;transform-origin:50%;will-change:filter, scale, translate;margin:0;font-size:clamp(28px,3.987vw,76.551px);font-style:normal;font-weight:400;line-height:1.1;animation:6s linear both splash-text-blur,6s linear both splash-text-scale,6s linear both splash-text-exit;position:relative}.splash__accent{font-family:"Playfair Display", var(--font-serif);font-style:italic;font-weight:400}.splash__vignette{pointer-events:none;animation:6s linear both splash-vignette;position:absolute;inset:0;box-shadow:inset 0 0 140px #cdcdcd40}@keyframes splash-clear{0%{visibility:visible}75%{visibility:hidden}to{visibility:hidden}}@keyframes splash-base{0%{translate:0}52.302%{animation-timing-function:cubic-bezier(.825,.433,.233,.592);translate:0}75%{translate:0 -138.754vh}to{translate:0 -138.754vh}}@keyframes splash-grid-scale{0%{animation-timing-function:cubic-bezier(.858,.392,.258,.792);scale:1}25%{scale:1.08475}83.233%{scale:1.18328}to{scale:1.18328}}@keyframes splash-grid-exit{0%{translate:0}50%{animation-timing-function:cubic-bezier(.825,.433,.233,.592);translate:0}75%{translate:0 -144.865vh}to{translate:0 -144.865vh}}@keyframes splash-glow-scale{0%{scale:1}55%{scale:1.03231}to{scale:1.03231}}@keyframes splash-glow-exit{0%{translate:0}53.333%{animation-timing-function:cubic-bezier(.825,.433,.233,.592);translate:0}75%{translate:0 -120.471vh}to{translate:0 -120.471vh}}@keyframes splash-text-blur{0%{filter:blur(26.5px);animation-timing-function:cubic-bezier(.858,.392,.258,.792)}25%{filter:blur()}to{filter:blur()}}@keyframes splash-text-scale{0%{animation-timing-function:cubic-bezier(.858,.392,.258,.792);scale:1}25%{scale:.83}to{scale:.83}}@keyframes splash-text-exit{0%{translate:0}53.333%{animation-timing-function:cubic-bezier(.825,.433,.233,.592);translate:0}75%{translate:0 -95.8783vh}to{translate:0 -95.8783vh}}@keyframes splash-vignette{0%{opacity:1}66.667%{opacity:1;animation-timing-function:cubic-bezier(.5,0,.5,1)}75%{opacity:0}to{opacity:0}}.has-splash .header{will-change:transform;animation:8s linear both splash-header-in}.has-splash .hero{will-change:filter, transform;animation:6s linear both splash-hero-blur,8s linear both splash-hero-in}.has-splash .work{will-change:filter, transform;animation:6s linear both splash-work-blur,8s linear both splash-work-in}@keyframes splash-header-in{0%{transform:translateY(-70px)}57.5%{animation-timing-function:cubic-bezier(.8,.283,.333,.775);transform:translateY(-70px)}65%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes splash-hero-in{0%{transform:translateY(609px)}50%{animation-timing-function:cubic-bezier(.725,.3,.342,.733);transform:translateY(609px)}58.929%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes splash-work-in{0%{transform:translateY(609.25px)}50%{animation-timing-function:cubic-bezier(.725,.3,.342,.733);transform:translateY(609.25px)}62.425%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes splash-hero-blur{0%{filter:none}40%{filter:none}40.001%{filter:blur(12.5px)}69.882%{filter:blur(12.5px)}78.571%{filter:none}to{filter:none}}@keyframes splash-work-blur{0%{filter:none}40%{filter:none}40.001%{filter:blur(12.5px)}69.882%{filter:blur(12.5px)}83.333%{filter:none}to{filter:none}}@media (width<=767px){.has-splash .splash{grid-template-columns:100%}.splash__text{white-space:nowrap;width:100%;min-width:0;max-width:none;font-size:clamp(36px,13.319vw,76.551px)}.splash__glow{max-width:none}.has-splash .hero{animation:6s linear both splash-hero-blur,8s linear both splash-hero-in-mobile}@keyframes splash-hero-in-mobile{0%{transform:translateY(100vh)}50%{animation-timing-function:cubic-bezier(.725,.3,.342,.733);transform:translateY(100vh)}58.929%{transform:translateY(0)}to{transform:translateY(0)}}}@media (prefers-reduced-motion:reduce){.has-splash .splash{animation:.9s linear both splash-reduced-clear}.splash__base,.splash__vignette,.splash__glow{animation:none}.splash__grid{animation:none;scale:1.08475}.splash__text{filter:none;animation:none;scale:.83}.has-splash .header,.has-splash .hero,.has-splash .work{filter:none;animation:none}.has-splash .page{overflow:hidden}@keyframes splash-reduced-clear{0%{opacity:1;visibility:visible}66%{opacity:1}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}}@media (width>=768px){.has-splash .splash--mobile{display:none}}@media (width<=767px){.has-splash .splash--desktop{display:none}html.has-splash .hero,html.has-splash .work{filter:none;will-change:auto;animation:none;transform:none}.has-splash .splash--mobile{animation:6s linear both splash-m-clear;display:block}.splash-m__stage{grid-template-columns:100%;place-items:center;animation:6s linear both splash-m-stage-exit;display:grid;position:absolute;inset:0;overflow:hidden;container-type:size}@keyframes splash-m-stage-exit{0%{transform:translateY(0)}55.352%{animation-timing-function:cubic-bezier(.883,.133,.083,.817);transform:translateY(0)}71.667%{transform:translateY(-100.107%)}to{transform:translateY(-100.107%)}}.splash-m__base{background-color:var(--background);position:absolute;inset:0}.splash-m__grid{transform-origin:50%;width:100%;height:auto;animation:6s linear both splash-m-grid-scale;position:absolute;inset:0 0 -.54%}@keyframes splash-m-grid-scale{0%{animation-timing-function:cubic-bezier(.492,.633,.15,.917);transform:scale(1)}33.333%{transform:scale(1.31)}83.333%{transform:scale(1.73)}to{transform:scale(1.73)}}.splash-m__line{--line-x2:0px;--line-y2:0px;background-color:#a1a1a1;animation:6s linear both splash-m-line;position:absolute}.splash-m__line--top,.splash-m__line--bottom{width:100%;height:1px;left:0}.splash-m__line--left,.splash-m__line--right{width:1px;height:100%;top:0}.splash-m__line--top{--line-x:0px;--line-y:calc(50cqh - 90px);--line-y2:-1px;top:0}.splash-m__line--bottom{--line-x:0px;--line-y:calc(96px - 50cqh);--line-y2:2px;bottom:0}.splash-m__line--left{--line-x:calc(50cqw - 157px);--line-y:0px;left:0}.splash-m__line--right{--line-x:calc(156px - 50cqw);--line-y:0px;--line-x2:1px;right:0}@keyframes splash-m-line{0%{animation-timing-function:cubic-bezier(.492,.633,.15,.917);transform:translate(0)}33.333%{transform:translate(var(--line-x), var(--line-y))}46.667%{transform:translate(var(--line-x), var(--line-y));animation-timing-function:cubic-bezier(.808,.367,.3,.792)}71.667%{transform:translate(var(--line-x2), var(--line-y2))}to{transform:translate(var(--line-x2), var(--line-y2))}}.splash-m__mark{width:31px;height:31px;animation:6s linear both splash-m-mark;position:absolute}.splash-m__mark:before,.splash-m__mark:after{content:"";background-color:#4c4c4c;position:absolute}.splash-m__mark:before{width:31px;height:3px;top:14px;left:0}.splash-m__mark:after{width:3px;height:31px;top:0;left:14px}.splash-m__mark--tr{--mark-x1:calc(156.5px - 50cqw);--mark-y1:calc(50cqh - 90.5px);--mark-x2:.5px;--mark-y2:-.5px;top:-15px;right:-15px}.splash-m__mark--tl{--mark-x1:calc(50cqw - 157px);--mark-y1:calc(50cqh - 90px);--mark-x2:0px;--mark-y2:0px;top:-15.47px;left:-15.48px}.splash-m__mark--br{--mark-x1:calc(156.5px - 50cqw);--mark-y1:calc(55.5px - 50cqh);--mark-x2:.5px;--mark-y2:-39.5px;top:calc(100% + 24.05px);right:-15px}.splash-m__mark--bl{--mark-x1:calc(50cqw - 157.5px);--mark-y1:calc(55.5px - 50cqh);--mark-x2:-.5px;--mark-y2:-39.5px;top:calc(100% + 24.05px);left:-15.01px}@keyframes splash-m-mark{0%{animation-timing-function:cubic-bezier(.492,.633,.15,.917);transform:translate(0)}33.333%{transform:translate(var(--mark-x1), var(--mark-y1))}46.667%{transform:translate(var(--mark-x1), var(--mark-y1));animation-timing-function:cubic-bezier(.808,.367,.3,.792)}71.667%{transform:translate(var(--mark-x2), var(--mark-y2))}to{transform:translate(var(--mark-x2), var(--mark-y2))}}.splash-m__text{z-index:1;font-family:"Tiempos Text", var(--font-serif);letter-spacing:-.02004em;text-align:center;color:#32404f;text-shadow:.859px .859px 2.576px #0003,4.293px 3.435px 5.152px #0000002b,9.445px 7.728px 6.869px #0000001a,16.314px 13.738px 8.586px #00000008;transform-origin:50%;white-space:nowrap;width:100%;min-width:0;margin:0;font-size:clamp(30px,12vw,48px);font-style:normal;font-weight:400;line-height:1.1019;animation:6s linear both splash-m-text-blur,6s linear both splash-m-text-scale;position:relative}.splash-m__accent{font-family:"Playfair Display", var(--font-serif);font-style:italic;font-weight:400}@keyframes splash-m-text-blur{0%{filter:blur(16.5px);animation-timing-function:cubic-bezier(.808,.408,.15,.65)}33.333%{filter:blur()}to{filter:blur()}}@keyframes splash-m-text-scale{0%{animation-timing-function:cubic-bezier(.842,.367,.233,.708);scale:1}33.333%{scale:.72}to{scale:.72}}html.has-splash .header{animation:6s linear both splash-m-header-in}@keyframes splash-m-header-in{0%{transform:translateY(-92.5px)}75%{animation-timing-function:cubic-bezier(.858,.333,.217,.742);transform:translateY(-92.5px)}83.333%{transform:translateY(0)}to{transform:translateY(0)}}.has-splash .main__inner{will-change:filter, transform;animation:6s linear both splash-m-content-in}@keyframes splash-m-content-in{0%{filter:blur(24.1px);transform:translateY(calc(100vh - 110px))}66.667%{filter:blur(24.1px);animation-timing-function:cubic-bezier(.858,.333,.217,.742);transform:translateY(calc(100vh - 110px))}83.333%{filter:blur();transform:translateY(0)}to{filter:blur();transform:translateY(0)}}@keyframes splash-m-clear{0%{visibility:visible}71.667%{visibility:visible}71.677%{visibility:hidden}to{visibility:hidden}}@media (prefers-reduced-motion:reduce){.has-splash .splash--mobile{animation:.9s linear both splash-m-reduced-clear}.splash-m__stage,.splash-m__grid,.splash-m__line,.splash-m__mark{animation:none}.splash-m__grid{transform:scale(1.31)}.splash-m__text{filter:none;animation:none;scale:.72}html.has-splash .header,html.has-splash .main__inner{filter:none;animation:none;transform:none}@keyframes splash-m-reduced-clear{0%{opacity:1;visibility:visible}66%{opacity:1}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}}}
