:root{--clr-bg:oklch(97% .01 80);--clr-bg-inset:oklch(93% .015 80);--clr-bg-dark:oklch(14% .02 80);--clr-ink:oklch(16% .025 75);--clr-ink-muted:oklch(42% .02 75);--clr-ink-faint:oklch(60% .015 75);--clr-amber:oklch(62% .18 75);--clr-amber-light:oklch(91% .05 80);--clr-amber-dark:oklch(52% .18 75);--clr-border:oklch(86% .02 75);--clr-border-strong:oklch(75% .03 75);--font-display:"Fraunces", Georgia, serif;--font-body:"Epilogue", system-ui, sans-serif;--text-xs:clamp(.7rem, .65rem + .2vw, .78rem);--text-sm:clamp(.85rem, .8rem + .2vw, .92rem);--text-base:clamp(1rem, .95rem + .25vw, 1.05rem);--text-lg:clamp(1.1rem, 1rem + .4vw, 1.25rem);--text-xl:clamp(1.25rem, 1.1rem + .6vw, 1.5rem);--text-2xl:clamp(1.5rem, 1.2rem + 1.2vw, 2rem);--text-3xl:clamp(2rem, 1.6rem + 1.8vw, 2.75rem);--text-4xl:clamp(2.75rem, 2rem + 3vw, 4rem);--text-hero:clamp(3.5rem, 2.5rem + 5vw, 7rem);--sp-1:clamp(.25rem, .2rem + .2vw, .35rem);--sp-2:clamp(.5rem, .4rem + .3vw, .65rem);--sp-3:clamp(.75rem, .6rem + .5vw, 1rem);--sp-4:clamp(1rem, .8rem + .7vw, 1.25rem);--sp-6:clamp(1.5rem, 1.2rem + 1vw, 2rem);--sp-8:clamp(2rem, 1.6rem + 1.5vw, 2.75rem);--sp-12:clamp(3rem, 2.4rem + 2vw, 4rem);--sp-16:clamp(4rem, 3rem + 3vw, 6rem);--sp-24:clamp(6rem, 4.5rem + 4vw, 9rem);--container-max:1100px;--container-pad:clamp(1.25rem, 5vw, 5rem);--section-gap:clamp(5rem, 4rem + 4vw, 9rem);--ease-out-expo:cubic-bezier(.19, 1, .22, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--duration-fast:.16s;--duration-base:.28s;--duration-slow:.5s;--radius-sm:3px;--radius-md:6px;--radius-lg:12px;--radius-pill:999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--clr-ink);background-color:var(--clr-bg);line-height:1.65;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}.container{max-width:var(--container-max);padding-inline:var(--container-pad);margin-inline:auto}.section{padding-block:var(--section-gap)}.reveal{opacity:0;transition:opacity var(--duration-slow) var(--ease-out-expo), transform var(--duration-slow) var(--ease-out-expo);transform:translateY(28px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal[data-delay="1"]{transition-delay:80ms}.reveal[data-delay="2"]{transition-delay:.16s}.reveal[data-delay="3"]{transition-delay:.24s}.reveal[data-delay="4"]{transition-delay:.32s}.reveal[data-delay="5"]{transition-delay:.4s}.label-caps{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--clr-amber);font-weight:600}.section-heading{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--clr-ink);font-weight:700;line-height:1.15}:focus-visible{outline:2px solid var(--clr-amber);outline-offset:3px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}html{scroll-behavior:auto}}.navbar{z-index:100;transition:background-color var(--duration-base) var(--ease-out-quart), backdrop-filter var(--duration-base) var(--ease-out-quart), border-color var(--duration-base) var(--ease-out-quart), box-shadow var(--duration-base) var(--ease-out-quart);border-bottom:1px solid #0000;position:fixed;inset-block-start:0;inset-inline:0}.navbar--scrolled{background-color:color-mix(in oklch, var(--clr-bg) 88%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.4);border-bottom-color:var(--clr-border);box-shadow:0 1px 0 0 var(--clr-border)}.navbar__inner{justify-content:space-between;align-items:center;gap:var(--sp-4);height:64px;display:flex}.navbar__wordmark{align-items:center;gap:var(--sp-2);flex-shrink:0;text-decoration:none;display:flex}.navbar__initials{background-color:var(--clr-amber);width:34px;height:34px;color:var(--clr-bg);font-family:var(--font-display);font-size:var(--text-sm);border-radius:var(--radius-sm);flex-shrink:0;place-items:center;font-weight:700;display:grid}.navbar__name{font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:-.01em;color:var(--clr-ink);font-weight:500}.navbar__links{align-items:center;gap:var(--sp-6);list-style:none;display:flex}.navbar__link{font-size:var(--text-sm);color:var(--clr-ink-muted);transition:color var(--duration-fast) ease;font-weight:500;text-decoration:none;position:relative}.navbar__link:after{content:"";background:var(--clr-amber);width:0;height:1.5px;transition:width var(--duration-base) var(--ease-out-expo);position:absolute;inset-block-end:-3px;inset-inline-start:0}.navbar__link:hover{color:var(--clr-ink)}.navbar__link:hover:after{width:100%}.navbar__cta{background-color:var(--clr-ink);color:var(--clr-bg);font-size:var(--text-sm);border-radius:var(--radius-sm);transition:background-color var(--duration-fast) ease, transform var(--duration-fast) ease;align-items:center;padding:.45em 1.1em;font-weight:600;text-decoration:none;display:inline-flex}.navbar__cta:hover{background-color:var(--clr-amber);transform:translateY(-1px)}.navbar__hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:flex-end;gap:5px;width:32px;height:32px;padding:2px;display:none}.navbar__hamburger span{background-color:var(--clr-ink);height:1.5px;transition:transform var(--duration-base) var(--ease-out-expo), opacity var(--duration-fast) ease, width var(--duration-base) var(--ease-out-expo);transform-origin:50%;border-radius:2px;display:block}.navbar__hamburger span:first-child{width:22px}.navbar__hamburger span:nth-child(2){width:16px}.navbar__hamburger span:nth-child(3){width:22px}.navbar__hamburger--open span:first-child{width:22px;transform:translateY(6.5px)rotate(45deg)}.navbar__hamburger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar__hamburger--open span:nth-child(3){width:22px;transform:translateY(-6.5px)rotate(-45deg)}@media (width<=700px){.navbar__hamburger{display:flex}.navbar__name{display:none}.navbar__links{background-color:var(--clr-bg);border-bottom:1px solid var(--clr-border);padding:var(--sp-4) var(--container-pad);opacity:0;pointer-events:none;transition:transform var(--duration-base) var(--ease-out-expo), opacity var(--duration-base) ease;flex-direction:column;align-items:flex-start;gap:0;position:fixed;inset-block-start:64px;inset-inline:0;transform:translateY(-100%)}.navbar__links--open{opacity:1;pointer-events:auto;transform:translateY(0)}.navbar__links li{border-bottom:1px solid var(--clr-border);width:100%}.navbar__links li:last-child{padding-block:var(--sp-4);border-bottom:none}.navbar__link{padding-block:var(--sp-4);font-size:var(--text-base);color:var(--clr-ink);display:block}.navbar__link:after{display:none}.navbar__cta{font-size:var(--text-base)}}.hero{min-height:100svh;align-items:center;padding-block-start:calc(64px + var(--sp-12));padding-block-end:var(--sp-12);display:flex;position:relative;overflow:hidden}.hero__container{z-index:1;width:100%;max-width:var(--container-max);padding-inline:var(--container-pad);grid-template-columns:1fr auto;align-items:center;gap:clamp(2rem,6vw,6rem);margin-inline:auto;display:grid;position:relative}.hero__copy{flex-direction:column;align-items:flex-start;display:flex}.hero__label{margin-block-end:var(--sp-6)}.hero__headline{font-family:var(--font-display);font-size:var(--text-hero);letter-spacing:-.03em;color:var(--clr-ink);margin-block-end:var(--sp-6);font-weight:900;line-height:.95}.hero__headline em{color:var(--clr-amber);font-style:italic}.hero__body{font-size:var(--text-lg);color:var(--clr-ink-muted);max-width:52ch;margin-block-end:var(--sp-8);line-height:1.7}.hero__body strong{color:var(--clr-ink);font-weight:600}.hero__actions{align-items:center;gap:var(--sp-4);flex-wrap:wrap;margin-block-end:var(--sp-8);display:flex}.hero__btn-primary{align-items:center;gap:var(--sp-2);background-color:var(--clr-amber);color:var(--clr-bg);font-family:var(--font-body);font-size:var(--text-base);letter-spacing:.01em;border-radius:var(--radius-sm);transition:background-color var(--duration-fast) ease, transform var(--duration-fast) ease, box-shadow var(--duration-fast) ease;padding:.75em 1.75em;font-weight:700;text-decoration:none;display:inline-flex}.hero__btn-primary:hover{background-color:var(--clr-amber-dark);transform:translateY(-2px);box-shadow:0 6px 20px oklch(62% .18 75/.25)}.hero__btn-ghost{align-items:center;gap:var(--sp-2);color:var(--clr-ink-muted);font-size:var(--text-base);border:1.5px solid var(--clr-border-strong);border-radius:var(--radius-sm);transition:color var(--duration-fast) ease, border-color var(--duration-fast) ease, transform var(--duration-fast) ease;padding:.75em 1.25em;font-weight:500;text-decoration:none;display:inline-flex}.hero__btn-ghost:hover{color:var(--clr-ink);border-color:var(--clr-ink);transform:translateY(-2px)}.hero__social{align-items:center;gap:var(--sp-4);margin-block-end:var(--sp-12);display:flex}.hero__social-link{align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--clr-ink-faint);transition:color var(--duration-fast) ease;font-weight:500;text-decoration:none;display:inline-flex}.hero__social-link:hover{color:var(--clr-ink)}.hero__social-sep{background-color:var(--clr-border-strong);width:1px;height:1em;display:block}.hero__rule{background:linear-gradient(to right, var(--clr-amber), transparent);width:clamp(60px,15vw,120px);height:2px}.hero__photo-wrap{isolation:isolate;flex-shrink:0;align-self:flex-end;width:clamp(280px,35vw,460px);position:relative}.hero__photo-bg{z-index:0;background:oklch(88% .025 75);border-radius:48% 52% 0 0/60% 60% 0 0;width:110%;height:85%;position:absolute;inset-block-end:0;inset-inline-start:-5%}.hero__photo{z-index:2;filter:drop-shadow(0 8px 24px #0000000f);width:100%;height:auto;display:block;position:relative}.hero__bg-numeral{font-family:var(--font-display);color:oklch(62% .18 75/.04);-webkit-user-select:none;user-select:none;pointer-events:none;letter-spacing:-.05em;z-index:0;font-size:clamp(12rem,20vw,22rem);font-weight:900;line-height:1;position:absolute;inset-block-end:-5%;inset-inline-end:-2%}@media (width<=820px){.hero__container{grid-template-rows:auto auto;grid-template-columns:1fr}.hero__photo-wrap,.hero__photo-bg{display:none}.hero__bg-numeral{font-size:clamp(8rem,35vw,12rem);inset-inline-end:-5%}}.experience__header{margin-block-end:var(--sp-12)}.experience__title{font-size:var(--text-3xl);margin-block-start:var(--sp-3)}.experience__title em{color:var(--clr-amber);font-style:italic}.experience__timeline{flex-direction:column;gap:0;list-style:none;display:flex;position:relative}.experience__timeline:before{content:"";background:linear-gradient(to bottom, var(--clr-amber) 0%, var(--clr-border) 100%);width:1px;position:absolute;inset-block:12px 60px;inset-inline-start:8px}.exp-item{gap:var(--sp-6);grid-template-columns:24px 1fr;padding-block-end:var(--sp-12);display:grid}.exp-item:last-child{padding-block-end:0}.exp-item__node{justify-content:center;padding-block-start:4px;display:flex}.exp-item__dot{border:2px solid var(--clr-amber);background-color:var(--clr-bg);z-index:1;width:18px;height:18px;transition:background-color var(--duration-base) ease;border-radius:50%;flex-shrink:0;position:relative}.exp-item:first-child .exp-item__dot{background-color:var(--clr-amber)}.exp-item__content{padding-block-start:0}.exp-item__meta{align-items:center;gap:var(--sp-3);margin-block-end:var(--sp-2);display:flex}.exp-item__period,.exp-item__location{font-size:var(--text-xs);letter-spacing:.05em;color:var(--clr-ink-faint);text-transform:uppercase;font-weight:500}.exp-item__period:after{content:"·";color:var(--clr-border-strong);margin-inline-start:var(--sp-3)}.exp-item__company{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--clr-ink);margin-block-end:var(--sp-1);font-weight:700;line-height:1.1}.exp-item__role{font-size:var(--text-sm);color:var(--clr-amber);letter-spacing:.02em;margin-block-end:var(--sp-4);font-weight:600}.exp-item__badge{align-items:center;gap:var(--sp-2);background-color:var(--clr-amber-light);color:var(--clr-amber-dark);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-sm);border:1px solid oklch(62% .18 75/.2);width:fit-content;margin-block-end:var(--sp-4);padding:.35em .85em;font-weight:700;display:inline-flex}.exp-item__highlight{font-size:var(--text-base);color:var(--clr-ink);max-width:68ch;margin-block-end:var(--sp-4);font-weight:500;line-height:1.6}.exp-item__impacts{gap:var(--sp-2);flex-direction:column;list-style:none;display:flex}.exp-item__impact{font-size:var(--text-sm);color:var(--clr-ink-muted);max-width:68ch;padding-inline-start:var(--sp-4);line-height:1.65;position:relative}.exp-item__impact:before{content:"—";color:var(--clr-border-strong);position:absolute;inset-inline-start:0}@media (width<=600px){.experience__timeline:before{inset-inline-start:6px}.exp-item{gap:var(--sp-4);grid-template-columns:18px 1fr}.exp-item__dot{width:14px;height:14px}}.projects__header{margin-block-end:var(--sp-12)}.projects__header-row{justify-content:space-between;align-items:flex-end;gap:var(--sp-6);flex-wrap:wrap;display:flex}.projects__title{margin-block-start:var(--sp-3)}.projects__title em{color:var(--clr-amber);font-style:italic}.projects__view-all{align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--clr-ink-muted);border:1.5px solid var(--clr-border-strong);border-radius:var(--radius-sm);white-space:nowrap;transition:color var(--duration-fast) ease, border-color var(--duration-fast) ease, background-color var(--duration-fast) ease, gap var(--duration-base) var(--ease-out-expo), transform var(--duration-fast) ease;margin-block-end:4px;padding:.55em 1.1em;font-weight:600;text-decoration:none;display:inline-flex}.projects__view-all:hover{color:var(--clr-amber-dark);border-color:var(--clr-amber);gap:calc(var(--sp-2) + 4px);background-color:oklch(62% .18 75/.05);transform:translateY(-1px)}.projects__grid{gap:var(--sp-4);grid-template-rows:auto auto;grid-template-columns:2fr 1fr;display:grid}.proj-card--large{grid-column:span 1}.projects__grid .proj-card:first-child{grid-area:1/1}.projects__grid .proj-card:nth-child(2){grid-area:1/2}.projects__grid .proj-card:nth-child(3){grid-area:2/1}.projects__grid .proj-card:nth-child(4){grid-area:2/2}.proj-card{border:1px solid var(--clr-border);border-radius:var(--radius-md);transition:transform var(--duration-base) var(--ease-out-quart), border-color var(--duration-base) ease, box-shadow var(--duration-base) ease;cursor:default;overflow:hidden}.proj-card:hover{border-color:var(--clr-border-strong);transform:translateY(-4px);box-shadow:0 4px 6px oklch(16% .025 75/.04),0 10px 30px oklch(16% .025 75/.08)}.proj-card:first-child{background-color:oklch(62% .18 75/.02);border-color:oklch(62% .18 75/.3)}.proj-card:first-child:hover{border-color:var(--clr-amber)}.proj-card__inner{padding:var(--sp-8) var(--sp-6);flex-direction:column;height:100%;display:flex}.proj-card__top{justify-content:space-between;align-items:baseline;margin-block-end:var(--sp-6);display:flex}.proj-card__index{font-family:var(--font-display);font-size:var(--text-3xl);color:oklch(16% .025 75/.08);letter-spacing:-.03em;transition:color var(--duration-base) ease;font-weight:900;line-height:1}.proj-card:hover .proj-card__index{color:oklch(62% .18 75/.18)}.proj-card__ext-link{color:var(--clr-ink-faint);transition:color var(--duration-fast) ease, transform var(--duration-fast) ease;align-items:center;text-decoration:none;display:flex}.proj-card__ext-link:hover{color:var(--clr-amber);transform:translate(2px,-2px)}.proj-card__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--clr-ink);margin-block-end:var(--sp-3);font-weight:700;line-height:1.2}.proj-card__desc{font-size:var(--text-sm);color:var(--clr-ink-muted);flex:1;margin-block-end:var(--sp-6);line-height:1.7}.proj-card__tags{gap:var(--sp-2);flex-wrap:wrap;margin-block-start:auto;list-style:none;display:flex}.proj-card__tag{background-color:var(--clr-bg-inset);border:1px solid var(--clr-border);border-radius:var(--radius-pill);font-size:var(--text-xs);color:var(--clr-ink-muted);letter-spacing:.02em;padding:.2em .7em;font-weight:500}@media (width<=700px){.projects__grid{grid-template-columns:1fr}.projects__grid .proj-card{grid-area:auto/1!important}}.media{background-color:var(--clr-bg-inset);border-block:1px solid var(--clr-border)}.media__inner{gap:var(--sp-16);grid-template-columns:1fr 1fr;align-items:start;display:grid}.media__left{top:calc(64px + var(--sp-8));position:sticky}.media__headline{font-family:var(--font-display);letter-spacing:-.035em;color:var(--clr-ink);margin-block-start:var(--sp-4);font-size:clamp(3rem,2rem + 4vw,5.5rem);font-weight:900;line-height:.95}.media__headline em{color:var(--clr-amber);font-style:italic}.media__body{font-size:var(--text-lg);color:var(--clr-ink-muted);margin-block:var(--sp-6);max-width:52ch;line-height:1.75}.media__cta{align-items:center;gap:var(--sp-3);background-color:var(--clr-ink);color:var(--clr-bg);font-size:var(--text-base);border-radius:var(--radius-sm);transition:background-color var(--duration-fast) ease, transform var(--duration-fast) ease;margin-block-end:var(--sp-12);padding:.7em 1.5em;font-weight:700;text-decoration:none;display:inline-flex}.media__cta:hover{background-color:var(--clr-amber);transform:translateY(-2px)}.media__play-icon{background-color:oklch(100% 0 0/.12);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.media__stats{gap:var(--sp-8);border-block-start:1px solid var(--clr-border);padding-block-start:var(--sp-6);display:flex}.media__stat{gap:var(--sp-1);flex-direction:column;display:flex}.media__stat-value{font-family:var(--font-display);font-size:var(--text-base);color:var(--clr-ink);font-weight:700}.media__stat-label{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--clr-ink-faint);font-weight:500}@media (width<=700px){.media__inner{gap:var(--sp-8);grid-template-columns:1fr}.media__left{position:static}.media__stats{gap:var(--sp-6);flex-wrap:wrap}}.skills__header{margin-block-end:var(--sp-12)}.skills__title{margin-block-start:var(--sp-3)}.skills__title em{color:var(--clr-amber);font-style:italic}.skills__body{gap:var(--sp-16);grid-template-columns:1fr 380px;align-items:start;display:grid}.skills__categories{gap:var(--sp-8);flex-direction:column;display:flex}.skill-cat__label{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--clr-ink-faint);margin-block-end:var(--sp-3);font-weight:700}.skill-cat__tags{gap:var(--sp-2);flex-wrap:wrap;list-style:none;display:flex}.skill-tag{border-radius:var(--radius-pill);font-size:var(--text-sm);transition:transform var(--duration-fast) ease;padding:.3em .85em;font-weight:500;line-height:1.4;display:inline-block}.skill-tag:hover{transform:translateY(-1px)}.skill-tag--amber{color:var(--clr-amber-dark);background-color:oklch(62% .18 75/.1);border:1px solid oklch(62% .18 75/.2)}.skill-tag--slate{color:oklch(30% .025 250);background-color:oklch(40% .02 250/.07);border:1px solid oklch(40% .02 250/.15)}.skill-tag--sage{color:oklch(35% .07 150);background-color:oklch(45% .06 150/.08);border:1px solid oklch(45% .06 150/.2)}.certs{top:calc(64px + var(--sp-8));position:sticky}.certs__heading{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--clr-ink-faint);margin-block-end:var(--sp-4);font-weight:700}.certs__list{gap:var(--sp-3);flex-direction:column;list-style:none;display:flex}.cert-stamp{align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-4);border:1.5px solid var(--clr-border);border-radius:var(--radius-md);background-color:var(--clr-bg);transition:border-color var(--duration-fast) ease, transform var(--duration-fast) ease;display:flex}.cert-stamp:first-child{background-color:oklch(62% .18 75/.03);border-color:oklch(62% .18 75/.4)}.cert-stamp:hover{border-color:var(--clr-amber);transform:translate(3px)}.cert-stamp__abbr{background-color:var(--clr-bg-inset);border:1px solid var(--clr-border);border-radius:var(--radius-sm);min-width:64px;height:40px;font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.04em;color:var(--clr-ink-muted);text-align:center;padding-inline:var(--sp-2);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.cert-stamp:first-child .cert-stamp__abbr{background-color:var(--clr-amber-light);color:var(--clr-amber-dark);border-color:oklch(62% .18 75/.2)}.cert-stamp__detail{flex-direction:column;gap:2px;display:flex}.cert-stamp__name{font-size:var(--text-sm);color:var(--clr-ink);font-weight:600;line-height:1.3}.cert-stamp__issuer{font-size:var(--text-xs);color:var(--clr-ink-faint)}@media (width<=820px){.skills__body{gap:var(--sp-12);grid-template-columns:1fr}.certs{position:static}}.footer{border-block-start:1px solid var(--clr-border);padding-block:var(--sp-8)}.footer__inner{justify-content:space-between;align-items:center;gap:var(--sp-6);flex-wrap:wrap;display:flex}.footer__left{gap:var(--sp-1);flex-direction:column;display:flex}.footer__name{font-family:var(--font-display);font-size:var(--text-base);color:var(--clr-ink);font-weight:700}.footer__tagline{font-size:var(--text-xs);color:var(--clr-ink-faint)}.footer__social{align-items:center;gap:var(--sp-4);display:flex}.footer__social-link{color:var(--clr-ink-faint);transition:color var(--duration-fast) ease, transform var(--duration-fast) ease;align-items:center;text-decoration:none;display:flex}.footer__social-link:hover{color:var(--clr-amber);transform:translateY(-2px)}.footer__copy{font-size:var(--text-xs);color:var(--clr-ink-faint)}@media (width<=600px){.footer__inner{align-items:flex-start;gap:var(--sp-6);flex-direction:column}.footer__copy{order:3}}.ppage{background-color:var(--clr-bg);min-height:100svh}.ppage__topbar{z-index:100;background-color:color-mix(in oklch, var(--clr-bg) 90%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--clr-border);position:sticky;top:0}.ppage__topbar-inner{justify-content:space-between;align-items:center;height:60px;display:flex}.ppage__back{align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--clr-ink-muted);transition:color var(--duration-fast) ease, gap var(--duration-fast) ease;font-weight:500;text-decoration:none;display:inline-flex}.ppage__back:hover{color:var(--clr-ink);gap:calc(var(--sp-2) + 3px)}.ppage__topbar-name{font-family:var(--font-display);font-size:var(--text-sm);color:var(--clr-ink-faint);font-weight:700}.ppage__main{padding-block:var(--sp-16)}.ppage__header{max-width:640px;margin-block-end:var(--sp-16)}.ppage__title{font-family:var(--font-display);font-size:var(--text-4xl);letter-spacing:-.035em;color:var(--clr-ink);margin-block:var(--sp-4);font-weight:900;line-height:.95}.ppage__title em{color:var(--clr-amber);font-style:italic}.ppage__subtitle{font-size:var(--text-lg);color:var(--clr-ink-muted);max-width:56ch;line-height:1.7}.ppage__list{border-block-start:1px solid var(--clr-border);flex-direction:column;list-style:none;display:flex}.pcard{gap:var(--sp-6);padding-block:var(--sp-8);border-block-end:1px solid var(--clr-border);cursor:default;transition:background-color var(--duration-fast) ease;grid-template-columns:48px 1fr auto;align-items:start;display:grid;position:relative}.pcard:hover{background-color:oklch(16% .025 75/.015)}.pcard__index{font-family:var(--font-display);font-size:var(--text-xl);color:oklch(16% .025 75/.1);letter-spacing:-.03em;transition:color var(--duration-base) ease;padding-block-start:4px;font-weight:900;line-height:1}.pcard:hover .pcard__index{color:oklch(62% .18 75/.35)}.pcard__body{gap:var(--sp-4);flex-direction:column;display:flex}.pcard__titlerow{align-items:flex-start;gap:var(--sp-4);flex-wrap:wrap;display:flex}.pcard__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--clr-ink);font-weight:700;line-height:1.2}.pcard__links{align-items:center;gap:var(--sp-2);flex-wrap:wrap;padding-block-start:2px;list-style:none;display:flex}.pcard__link{border-radius:var(--radius-pill);font-size:var(--text-xs);letter-spacing:.03em;transition:background-color var(--duration-fast) ease, border-color var(--duration-fast) ease, color var(--duration-fast) ease, transform var(--duration-fast) ease;border:1.5px solid #0000;align-items:center;gap:5px;padding:.25em .75em;font-weight:600;text-decoration:none;display:inline-flex}.pcard__link:hover{transform:translateY(-1px)}.pcard__link--github{color:var(--clr-ink);border-color:var(--clr-border-strong);background-color:oklch(16% .025 75/.06)}.pcard__link--github:hover{background-color:var(--clr-ink);color:var(--clr-bg);border-color:var(--clr-ink)}.pcard__link--web{color:var(--clr-amber-dark);background-color:oklch(62% .18 75/.08);border-color:oklch(62% .18 75/.25)}.pcard__link--web:hover{background-color:var(--clr-amber);color:var(--clr-bg);border-color:var(--clr-amber)}.pcard__link--play{color:oklch(35% .15 145);background-color:oklch(45% .15 145/.08);border-color:oklch(45% .15 145/.25)}.pcard__link--play:hover{color:oklch(98% 0 0);background-color:oklch(45% .15 145);border-color:oklch(45% .15 145)}.pcard__link--apple{color:oklch(35% .1 250);background-color:oklch(45% .1 250/.07);border-color:oklch(45% .1 250/.2)}.pcard__link--apple:hover{color:oklch(97% 0 0);background-color:oklch(45% .1 250);border-color:oklch(45% .1 250)}.pcard__desc{font-size:var(--text-base);color:var(--clr-ink-muted);max-width:65ch;line-height:1.7}.pcard__tags{gap:var(--sp-2);flex-wrap:wrap;list-style:none;display:flex}.pcard__tag{background-color:var(--clr-bg-inset);border:1px solid var(--clr-border);border-radius:var(--radius-pill);font-size:var(--text-xs);color:var(--clr-ink-muted);letter-spacing:.02em;padding:.2em .65em;font-weight:500}.pcard__arrow{color:var(--clr-border-strong);transition:color var(--duration-fast) ease, transform var(--duration-fast) ease;opacity:0;flex-shrink:0;padding-block-start:6px;transform:translate(-4px,4px)}.pcard:hover .pcard__arrow{opacity:1;color:var(--clr-amber);transform:translate(0)}@media (width<=640px){.pcard{grid-template-columns:36px 1fr}.pcard__arrow{display:none}.pcard__index,.pcard__title{font-size:var(--text-lg)}}