.footer{z-index:var(--z-base);border-top:1px solid var(--color-line);background:var(--color-bg);scroll-margin-top:var(--nav-height);position:relative;overflow:hidden}.footer:after{content:"";z-index:-1;background:linear-gradient(to bottom, var(--color-bg), transparent 70%);pointer-events:none;position:absolute;inset:0}.footer__backdrop{z-index:-2;object-fit:cover;opacity:.08;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.footer__inner{gap:var(--space-8);max-width:var(--content-max);padding:var(--space-9) var(--gutter) var(--space-8);margin-inline:auto;display:grid}@media (min-width:768px){.footer__inner{gap:var(--space-6);grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}}.footer__col{gap:var(--space-3);align-content:start;justify-items:start;display:grid}.footer__heading{font-size:var(--text-lg);font-weight:var(--weight-bold)}.footer__line{color:var(--color-text-muted)}.footer__email{min-height:var(--tap-min);max-width:100%;color:var(--color-accent);font-size:var(--text-lg);overflow-wrap:anywhere;text-underline-offset:.25em;align-items:center;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.footer__email:hover{text-decoration-thickness:2px}.footer__email:active{color:var(--color-text)}.footer__list{display:grid}.footer__link{align-items:center;gap:var(--space-3);min-height:var(--tap-min);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-out);text-decoration:none;display:inline-flex}.footer__link:hover,.footer__link:focus-visible{color:var(--color-text)}.footer__link:hover .footer__arrow,.footer__link:focus-visible .footer__arrow{transform:translate(2px,-2px)}.footer__link:active{color:var(--color-accent)}.footer__arrow{transition:transform var(--duration-base) var(--ease-out)}.footer__legal{color:var(--color-text-muted)}
.pill{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding:var(--space-2) var(--space-5);border:1px solid var(--color-primary);border-radius:var(--radius-pill);font-weight:var(--weight-medium);white-space:nowrap;transition:background-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),transform var(--duration-fast) var(--ease-out);text-decoration:none;display:inline-flex}.pill:active{transform:translateY(1px)}@media (min-width:480px){.pill{padding-inline:var(--space-6)}}.pill--primary{background:var(--color-primary);color:var(--color-on-primary)}.pill--secondary{color:var(--color-primary);background:0 0}.pill__icon{transition:transform var(--duration-base) var(--ease-out)}@media (hover:hover){.pill--primary:hover{background:var(--color-accent);border-color:var(--color-accent)}.pill--secondary:hover{background:var(--color-primary);color:var(--color-on-primary)}.pill:hover .pill__icon{transform:translate(2px,-2px)}}
.hero{z-index:var(--z-base);gap:var(--space-8);max-width:var(--content-max);padding:var(--space-8) var(--gutter) var(--space-9);scroll-margin-top:var(--nav-height);align-items:center;margin-inline:auto;display:grid;position:relative}.hero:before{content:"";z-index:-1;aspect-ratio:1;background:radial-gradient(circle, var(--color-glow), transparent 65%);filter:blur(48px);pointer-events:none;border-radius:50%;width:min(42rem,90vw);position:absolute;top:10%;left:-10%}@media (min-width:1024px){.hero{gap:var(--space-7);min-height:calc(100svh - var(--nav-height));padding-block:var(--space-8);grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}.hero__text{gap:var(--space-6);display:grid}.hero__intro-line{gap:var(--space-1);display:grid}@media (min-width:480px){.hero__intro-line{align-items:baseline;gap:var(--space-1) var(--space-3);flex-wrap:wrap;display:flex}}.hero__greeting{color:var(--color-text-muted);font-size:var(--text-lg);font-weight:var(--weight-regular)}.hero__name{font-weight:var(--weight-bold)}.hero__role{color:var(--color-accent);font-size:var(--text-lg);font-weight:var(--weight-medium)}@media (min-width:480px){.hero__role:before{content:"/";margin-right:var(--space-3);color:var(--color-text-subtle);font-weight:var(--weight-light)}}.hero__headline{max-width:20ch;font-size:var(--text-headline);font-weight:var(--weight-bold);letter-spacing:var(--tracking-snug);line-height:var(--leading-snug)}.hero__headline-aside{font-size:.6em;font-weight:var(--weight-medium)}.hero__footer{gap:var(--space-6);justify-items:start;display:grid}.hero__intro{max-width:52ch;color:var(--color-text-muted)}.hero__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.hero__portrait{aspect-ratio:2/3;border-radius:var(--radius-pill);background:var(--color-surface);justify-self:center;width:min(100%,18rem);overflow:hidden}.hero__portrait img{object-fit:cover;object-position:50% 30%;width:100%;height:100%}@media (min-width:1024px){.hero__portrait{justify-self:end;width:min(100%,26rem)}}
.nav{z-index:var(--z-nav);height:var(--nav-height);border-bottom:1px solid var(--color-line);background:var(--color-nav-bg);-webkit-backdrop-filter:blur(14px)saturate(140%);position:sticky;top:0}.nav__inner{justify-content:space-between;align-items:center;gap:var(--space-3);height:100%;max-width:var(--content-max);padding-inline:var(--gutter);margin-inline:auto;display:flex}.nav__brand{min-width:var(--tap-min);min-height:var(--tap-min);font-size:var(--text-lg);font-weight:var(--weight-heavy);letter-spacing:var(--tracking-tight);align-items:center;text-decoration:none;display:inline-flex}.nav__links{align-items:center;gap:var(--space-1);display:flex}@media (min-width:480px){.nav__links{gap:var(--space-3)}}@media (min-width:768px){.nav__links{gap:var(--space-6)}}.nav__link{min-width:var(--tap-min);min-height:var(--tap-min);padding-inline:var(--space-1);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--text-sm);white-space:nowrap;transition:color var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.nav__link:hover{color:var(--color-text)}.nav__link:active{color:var(--color-accent)}.nav__link:after{content:"";right:var(--space-1);bottom:var(--space-2);left:var(--space-1);border-radius:var(--radius-pill);background:var(--color-accent);height:2px;transition:transform var(--duration-base) var(--ease-out);position:absolute;transform:scaleX(0)}.nav__link[aria-current=true]{color:var(--color-text)}.nav__link[aria-current=true]:after{transform:scaleX(1)}@media (min-width:480px){.nav__link{padding-inline:var(--space-2)}.nav__link:after{right:var(--space-2);left:var(--space-2)}}
.off-clock__list{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));max-width:36rem;margin-inline:auto;display:grid}@media (min-width:1024px){.off-clock__list{gap:var(--space-5)}}.card__inner{aspect-ratio:3/5;border-radius:var(--radius-lg);background:var(--color-surface);position:relative;overflow:hidden}.card__image{object-fit:cover;width:100%;height:100%}.card__caption{justify-content:space-between;align-items:flex-end;gap:var(--space-2);padding:var(--space-8) var(--space-3) var(--space-3);background:linear-gradient(to top, var(--color-scrim) 45%, transparent);display:flex;position:absolute;inset:auto 0 0}@media (min-width:768px){.card__caption{padding:var(--space-9) var(--space-4) var(--space-4)}}.card__text{min-width:0;display:grid}.card__link{overflow-wrap:break-word;font-size:var(--text-sm);font-weight:var(--weight-bold);line-height:var(--leading-snug);text-decoration:none}.card__link:after{content:"";border-radius:var(--radius-lg);position:absolute;inset:0}.card__link:focus-visible{outline:none}.card__link:focus-visible:after{outline:var(--focus-ring);outline-offset:calc(var(--focus-offset)*-1)}@media (min-width:768px){.card__link{font-size:var(--text-base)}}.card__platform{align-items:center;gap:var(--space-1);color:var(--color-text);font-size:var(--text-sm);display:inline-flex}.card__note{margin-top:var(--space-1);color:var(--color-text);font-size:var(--text-sm);line-height:var(--leading-snug)}.card__arrow{top:var(--space-3);right:var(--space-3);border-radius:var(--radius-pill);background:var(--color-primary);width:2rem;height:2rem;color:var(--color-on-primary);transition:transform var(--duration-base) var(--ease-out);flex-shrink:0;place-items:center;display:grid;position:absolute}@media (min-width:768px){.card__arrow{position:static}}.card__inner:active .card__arrow{background:var(--color-accent)}@media (hover:hover){.card__inner:hover .card__arrow{transform:translate(2px,-2px)}.card__inner:hover .card__link{text-decoration:underline;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:.2em}}
.work__list{gap:calc(var(--space-8) + var(--space-4));display:grid}.project{gap:var(--space-6);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:1024px){.project{align-items:center;gap:var(--space-6);grid-template-columns:repeat(12,minmax(0,1fr))}}.project__visual{width:100%;max-width:28rem}@media (min-width:1024px){.project__visual{grid-area:1/2/auto/span 5;justify-self:center}}.project__media{aspect-ratio:4/3;border-radius:var(--radius-lg);background:var(--color-surface);max-height:60vh;overflow:hidden}.project__media img{width:100%;height:100%}.layered{padding-bottom:10.5%;position:relative}.layered__base,.layered__overlay{background:var(--color-surface);height:auto;display:block}.layered__base{border-radius:var(--radius-md);width:92%}.layered__overlay{border-radius:var(--radius-md);width:80%;box-shadow:var(--shadow-raised);position:absolute;bottom:0;right:0}.screens{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--color-line-strong) #0000;padding-bottom:var(--space-3);border-radius:var(--radius-lg);overflow-x:auto}.screens:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.screens__track{gap:var(--space-3);width:max-content;display:flex}.screens__item{scroll-snap-align:start;flex:none;width:min(9.5rem,36vw)}.screens__item img{border-radius:var(--radius-lg);background:var(--color-surface);width:100%;height:auto}.project__media--cover img{object-fit:cover}.project__media--contain{padding:var(--space-6);background:radial-gradient(circle at 50% 40%, var(--color-surface-raised), transparent 70%),var(--color-surface);place-items:center;display:grid}.project__media--contain img{object-fit:contain}.project__body{gap:var(--space-5);justify-items:start;display:grid}@media (min-width:1024px){.project__body{grid-area:1/7/auto/span 5}.project:nth-child(2n) .project__visual{grid-column:7/span 5}.project:nth-child(2n) .project__body{grid-column:2/span 5}}.project__title{font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-snug)}.project__description{max-width:var(--prose-max);color:var(--color-text-muted)}.project__apps{border-top:1px solid var(--color-line);width:100%;display:grid}.app{gap:var(--space-2);padding-block:var(--space-3);border-bottom:1px solid var(--color-line);display:grid}@media (min-width:480px){.app{align-items:center;gap:var(--space-4);grid-template-columns:minmax(0,1fr) auto}}.app__text{display:grid}.app__name{font-weight:var(--weight-medium)}.app__blurb{color:var(--color-text-subtle);font-size:var(--text-sm)}.app__stores{gap:var(--space-1) var(--space-4);flex-wrap:wrap;display:flex}.app__store{align-items:center;gap:var(--space-2);min-height:var(--tap-min);color:var(--color-text-muted);font-size:var(--text-sm);transition:color var(--duration-fast) var(--ease-out);text-decoration:none;display:inline-flex}.app__store:hover{color:var(--color-text)}.app__store:active{color:var(--color-accent)}.project__actions{gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}