:root{color-scheme:dark;--black-2:#f4f3ef;--black:#f4f3ef;--dark-slate-grey:#c6ccd5;--dark-grey:#aeb6c7;--alice-blue:#111214;--ghost-white:#1d1e21;--seashell:#1b1c1f;--azure:#1b1c1f;--cornflower-blue-2:#8696e0}
body.body.gradient,body.body.gradient.topleft{background-color:#111214;background-image:url('/assets/accent-gradient.svg');background-position:50% 0;background-size:100% auto;background-repeat:no-repeat;color:#dedee4;border-bottom-color:#3a3b40}
h1,h2,h3,h4,h5,h6,p,.nav-link,.nav-link.w--current,.w-nav-link,.menu-button,a{color:inherit}
a:hover{color:#c7d1ff}
.navbar{background:rgba(17,20,24,.85);backdrop-filter:blur(18px)}
.w-nav-menu{background-color:transparent}
.menu-button.w--open,.w-nav-overlay{background-color:#191a1d}
.navbar img{filter:invert(1)}
.project-number{opacity:.45;color:#aebbd6}
.heading-9{color:#ff9690!important}
.project-hero-header.gradient{background-image:none;background-color:#1d1e21;box-shadow:0 32px 64px #090b1055}
.project-hero-header.gradient.next{background:transparent;box-shadow:none}
.project-header-right{color:#aeb6c7}
.skip-link{background:#f4f3ef;color:#111214}
:focus-visible{outline-color:#bdcaff}
@media(max-width:991px){.w-nav-menu{background-color:#191a1d}}
.navbar{background-color:rgba(17,20,24,.9)!important}
main h1,main h2,main h3,main h4,main h5,main h6,main .hero-display{color:#f4f3ef}
main p,main .paragraph-display,main .paragraph-med,main .paragraph-small{color:#d4d8e3}
main .heading-9{color:#ff9690!important}
body main h1,body main h2,body main h3,body main h4,body main h5,body main h6{color:#f4f3ef!important}
body main p,body main .paragraph-display,body main .paragraph-med{color:#d4d8e3!important}
body main .heading-9{color:#ffb0aa!important}
body main .heading-6{color:#c3ccff!important}

/* Transparent at the top; a reading surface appears after scrolling. */
.navbar{background:transparent!important;backdrop-filter:none;transition:background-color .25s ease,backdrop-filter .25s ease}
.navbar.is-scrolled{background:rgba(17,20,24,.92)!important;backdrop-filter:blur(18px)}
[data-project]{--project-number-color:#8581ff;--project-company-color:#aaa7ff;--project-title-color:#d4d2ff}
body main .project-wrap[data-project] .project-number,body[data-project] main .project-number{color:var(--project-number-color)!important;opacity:1}
body main .project-wrap[data-project] .heading-6,body[data-project] main .large-title{color:var(--project-company-color)!important}
body main .project-wrap[data-project] .heading-9,body[data-project] main .hero-display-projects{color:var(--project-title-color)!important}
/* Shared action palette from Healthy Together's blue. */
:root{--action-color:#aaa7ff;--action-hover:#d4d2ff;--content-surface:#1d1e21}
body .nav-link,body .nav-link.w--current,body main a:not(.project-wrap),body .social-link{color:var(--action-color)!important}
body .nav-link:hover,body main a:not(.project-wrap):hover,body .social-link:hover{color:var(--action-hover)!important}
body main .project-wrap .text-link{display:inline-block;width:auto;justify-self:start;color:var(--action-color)!important;border:1px solid var(--action-color);border-radius:8px;padding:12px 18px;text-decoration:none;box-shadow:none;transition:background-color .2s,color .2s,border-color .2s}
body main .project-wrap:hover .text-link,body main .project-wrap:focus-visible .text-link{color:var(--action-hover)!important;border-color:var(--action-hover);background:rgba(170,167,255,.1)}
body main .prevnext-link{display:inline-block;background:var(--content-surface)!important;background-image:none!important;border:1px solid #3a3b40;border-radius:8px;padding:20px 32px;box-shadow:none!important;color:var(--action-color)!important;text-decoration:none;transition:border-color .2s,color .2s}
body main .prevnext-link:hover,body main .prevnext-link:focus-visible{border-color:var(--action-color);color:var(--action-hover)!important;box-shadow:none!important}
body .footer-brand{color:#f4f3ef!important}
body .footer-brand:hover,body .footer-brand:focus-visible{color:var(--action-color)!important}
/* An open-content example for the first case study. */
body[data-project="ht-scheduling"] .content-section:not(.next)>.project-hero-header.gradient{background:transparent!important;border-radius:0;box-shadow:none!important}

/* One blue accent family, with neutral surfaces. */
:root{--action-color:#aaa7ff;--action-hover:#d4d2ff;--content-surface:#1d1e21}
.navbar,.navbar.is-scrolled{background:transparent!important;backdrop-filter:none;-webkit-backdrop-filter:none;isolation:isolate}
.nav-blur{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .25s ease;overflow:hidden}
.navbar.is-scrolled .nav-blur{opacity:1}
.nav-blur::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(17,18,20,.88),rgba(17,18,20,.35))}
.nav-blur span{position:absolute;inset:0;pointer-events:none}
.nav-blur span:nth-child(1){backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.nav-blur span:nth-child(2){backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);mask-image:linear-gradient(to top,transparent 0%,#000 30%);-webkit-mask-image:linear-gradient(to top,transparent 0%,#000 30%)}
.nav-blur span:nth-child(3){backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);mask-image:linear-gradient(to top,transparent 20%,#000 55%);-webkit-mask-image:linear-gradient(to top,transparent 20%,#000 55%)}
.nav-blur span:nth-child(4){backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);mask-image:linear-gradient(to top,transparent 45%,#000 80%);-webkit-mask-image:linear-gradient(to top,transparent 45%,#000 80%)}
.nav-blur span:nth-child(5){backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);mask-image:linear-gradient(to top,transparent 65%,#000 100%);-webkit-mask-image:linear-gradient(to top,transparent 65%,#000 100%)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.navbar.is-scrolled .nav-blur{background:rgba(17,18,20,.94)}}
@media(prefers-reduced-motion:reduce){.nav-blur{transition:none}}
/* Compact pill actions and more breathing room for project summaries. */
body main .project-wrap .text-link{font-size:18px;line-height:1.4;border-width:.5px;border-radius:999px;padding:11px 22px;margin-top:24px;margin-bottom:0}
body main .project-wrap .heading-9{margin-bottom:16px}
body main .project-wrap .paragraph-med{margin-bottom:0}
/* Open body content on every case study. */
body[data-project] .content-section:not(.next)>.project-hero-header.gradient{background:transparent!important;border-radius:0;box-shadow:none!important}
/* A single dark pill, with no white outer wrapper or nested label box. */
body main .next-container,body main .next-container.next{background:transparent!important;border:0;border-radius:999px;padding:0;box-shadow:none!important}
body main .prevnext-title{margin:0;padding:0;background:transparent;border:0;box-shadow:none}
body main .prevnext-link{display:block;width:100%;box-sizing:border-box;background:var(--content-surface)!important;border:0;border-radius:999px;padding:24px 40px;box-shadow:0 12px 32px rgba(0,0,0,.24)!important}
body main .prevnext-link:hover,body main .prevnext-link:focus-visible{background:#252629!important;box-shadow:0 12px 32px rgba(0,0,0,.24)!important}
@media(max-width:479px){body main .prevnext-link{padding:20px 24px;font-size:28px}}
body .footer-brand{color:var(--action-color)!important}
body .footer-brand:hover,body .footer-brand:focus-visible{color:var(--action-hover)!important}
.footer-name{color:inherit;display:grid}
.footer-name>span{grid-area:1/1;transition:opacity .15s ease}
.footer-hover-label{opacity:0}
.footer-brand:hover .footer-default-label,.footer-brand:focus-visible .footer-default-label{opacity:0}
.footer-brand:hover .footer-hover-label,.footer-brand:focus-visible .footer-hover-label{opacity:1}
/* Consistent interaction states and relaxed project spacing. */
body main .section-work .project:not(:last-child){margin-bottom:160px}
body main .project-number{opacity:.5!important}
body main .project-wrap .text-link{opacity:.75;transition:opacity .2s,background-color .2s,color .2s,border-color .2s}
body main .project-wrap:hover .text-link,body main .project-wrap:focus-visible .text-link{opacity:1}
body main .section-about a{text-decoration:none}
body main .section-about a:hover,body main .section-about a:focus-visible{text-decoration:underline;text-underline-offset:.18em}
body main a[href^="mailto:"],body main a[href^="mailto:"] *{color:var(--action-color)!important}
body main a[href^="mailto:"]:hover,body main a[href^="mailto:"]:hover *,body main a[href^="mailto:"]:focus-visible,body main a[href^="mailto:"]:focus-visible *{color:var(--action-hover)!important}
body .nav-link:focus-visible,body .social-link:focus-visible,body main a:not(.project-wrap):focus-visible{color:var(--action-hover)!important}
@media(max-width:767px){body main .section-work .project:not(:last-child){margin-bottom:144px}}
/* Keep the contact section within even narrow phone screens. */
body .section-email .div-block-2{background-image:none}
@media(max-width:479px){body .section-email .div-block-2.mobile{padding-left:.5em;padding-right:.5em;min-width:0;max-width:100%;width:100%;box-sizing:border-box}body .section-email .link.email{overflow-wrap:anywhere}}

/* Phone-format media follows the rounded device silhouette. */
.phone-video-frame{border-radius:12% / 5.5%;overflow:hidden;background:#111214}
.phone-video-frame .portfolio-video{border-radius:12% / 5.5%}
/* Navigation stays white on the scrolled reading surface. */
body .navbar .nav-link{text-decoration:none}
body .navbar .nav-link:hover,body .navbar .nav-link:focus-visible{text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}
body .navbar.is-scrolled .nav-link,body .navbar.is-scrolled .nav-link:hover,body .navbar.is-scrolled .nav-link:focus-visible{color:#f4f3ef!important}

/* A little more space between the career introduction and Work. */
body main>.header+.section-work{margin-top:32px}
@media(max-width:767px){body main>.header+.section-work{margin-top:24px}}

/* Mobile project previews and full-width About copy. */
@media(max-width:767px){
 body main .section-work .project-wrap{row-gap:40px}
 body main .section-work .project-square{width:100%;height:auto;aspect-ratio:1 / 1}
 body main .section-work .project-square .project-image{display:block;width:100%;height:100%;object-fit:cover}
 body main .section-work .project-number{font-size:clamp(80px,24vw,112px);line-height:1;padding-top:16px;padding-bottom:24px}
 body main .section-about .title-left{width:100%;max-width:100%;grid-template-columns:minmax(0,1fr)}
 body main .section-about .title-left>div,body main .section-about .paragraph-3,body main .section-about .paragraph-med.mobile{width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding-left:0;padding-right:0}
}

/* Keep section labels visible while their lists continue down the page. */
@media(min-width:768px){
 body main .section-experience .title-left,body main .section-skills .title-left{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;overflow:visible}
 body main .section-experience .heading-5,body main .section-skills .heading-5{position:sticky;top:112px;align-self:start;grid-column:1;grid-row:1;margin-top:0}
 body main .section-experience .experience-wraper,body main .section-skills .experience-wraper{grid-column:2;grid-row:1;min-width:0}
}
body .footer-hover-label{font-size:.55em;font-weight:400;align-self:center;line-height:1.3}

/* A soft secondary accent over homepage project previews. */
body main .section-work .project-square{position:relative;isolation:isolate;overflow:hidden}
body main .section-work .project-square::after{content:"";position:absolute;inset:0;border-radius:inherit;background:#8581ff;opacity:0;pointer-events:none;transition:opacity .2s ease}
@media(hover:hover){body main .section-work .project-square:hover::after{opacity:.30}}
body main .section-work .project-wrap:focus-visible .project-square::after{opacity:.30}
@media(prefers-reduced-motion:reduce){body main .section-work .project-square::after{transition:none}}

body main .project-wrap:hover .text-link{border-color:transparent}

body main .section-experience .item-wrap.experience,body main .section-skills .item-wrap.experience{border-bottom-color:rgba(208,234,236,.20)}

body main .section-experience .resume-title,body main .section-experience .resume-heading{opacity:1}
body main .section-experience .resume-type{opacity:.7}
body main .section-experience .year{opacity:.5}

/* Swap the case-study link's resting and hover treatments. */
body main .project-wrap .text-link{border:0;color:var(--action-hover)!important;background:rgba(170,167,255,.1);opacity:1}
body main .project-wrap:hover .text-link,body main .project-wrap:focus-visible .text-link{border:0;color:var(--action-color)!important;background:transparent;opacity:.75}

body main .project-wrap .text-link,body main .project-wrap:hover .text-link,body main .project-wrap:focus-visible .text-link{color:var(--project-company-color)!important;border:.5px solid currentColor;background:rgba(170,167,255,.1);opacity:1}

body main .project-wrap .text-link{border-color:transparent}
body main .project-wrap:hover .text-link,body main .project-wrap:focus-visible .text-link{border-color:currentColor}

body main .project-wrap .text-link{background:rgba(170,167,255,.05)}
body main .project-wrap:hover .text-link,body main .project-wrap:focus-visible .text-link{background:rgba(170,167,255,.1)}

body main .project-wrap .text-link{font-size:16px;padding:9px 18px}


/* Tablet experience entries fit their two-column section. */
@media(min-width:768px) and (max-width:991px){body main .section-experience .item-wrap.experience,body main .section-skills .item-wrap.experience{padding-right:0;min-width:0}body main .section-experience .resume-heading{overflow-wrap:anywhere}}
body main .video-description{font-size:15px;line-height:1.5;color:#c6ccd5;margin:12px 0 32px;max-width:64ch}

/* Preserve the requested opacity while keeping muted text readable. */
body main .section-experience .year{color:#fff!important}
body main .section-work .project-number{color:#d4d2ff!important}