@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Roboto+Mono:wght@400;500&family=Space+Grotesk:wght@500;600;700&display=swap";.site-nav{z-index:50;border-bottom:1px solid #0000;transition:background-color .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;top:0;left:0;right:0}.site-nav--solid{background-color:rgba(var(--rgb-bg), .78);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--color-border)}.site-nav__inner{justify-content:space-between;align-items:center;width:min(84%,76rem);height:4.5rem;margin:0 auto;display:flex}.site-nav__logo{width:2.6rem;height:2.6rem;font-family:var(--font-display);color:var(--color-primary);border:1px solid var(--color-primary-variant);border-radius:.6rem;place-items:center;font-size:1.05rem;font-weight:700;display:grid}.site-nav__logo:hover{color:var(--color-bg);background-color:var(--color-primary)}.site-nav__links{align-items:center;gap:2rem;margin-left:auto;display:flex}.site-nav__links a:not(.btn){color:var(--color-light);padding:.4rem 0;font-size:.92rem;position:relative}.site-nav__links a:not(.btn):after{content:"";background-color:var(--color-primary);transform-origin:0;height:2px;transition:transform .3s var(--ease-out);border-radius:2px;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.site-nav__links a:not(.btn):hover,.site-nav__links a.is-active{color:var(--color-white)}.site-nav__links a:not(.btn):hover:after,.site-nav__links a.is-active:after{transform:scaleX(1)}.site-nav__cta .btn{padding:.55rem 1.1rem;font-size:.9rem}.site-nav__actions{align-items:center;gap:.4rem;margin-left:1.2rem;display:flex}.site-nav__theme{width:2.4rem;height:2.4rem;color:var(--color-light);cursor:pointer;border:1px solid var(--color-border);transition:color .2s ease, border-color .2s ease, rotate .4s var(--ease-out);background:0 0;border-radius:50%;place-items:center;font-size:1.2rem;display:grid}.site-nav__theme:hover{color:var(--color-primary);border-color:var(--color-primary-variant);rotate:20deg}.site-nav__toggle{color:var(--color-white);cursor:pointer;background:0 0;padding:.3rem;font-size:1.6rem;display:none}@media screen and (width<=1024px){.site-nav__inner{width:var(--container-width-md);height:4rem}.site-nav__toggle{display:flex}.site-nav__links{background-color:var(--color-bg);border-bottom:1px solid var(--color-border);visibility:hidden;opacity:0;flex-direction:column;align-items:stretch;gap:0;padding:.5rem 7% 1.5rem;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:100%;left:0;right:0;transform:translateY(-8px)}.site-nav--open .site-nav__links{visibility:visible;opacity:1;transform:none}.site-nav__links a:not(.btn){font-family:var(--font-display);border-bottom:1px solid var(--color-border);padding:.9rem 0;font-size:1.3rem;display:block}.site-nav__links a:not(.btn):after{display:none}.site-nav__links a.is-active{color:var(--color-primary)}.site-nav__cta{margin-top:1.2rem}}@media screen and (width<=600px){.site-nav__inner{width:var(--container-width-sm)}.site-nav__links{padding:.5rem 5% 1.5rem}}@media (prefers-reduced-motion:reduce){.site-nav__theme,.site-nav,.site-nav__links,.site-nav__links a:not(.btn):after{transition:none}}footer{border-top:1px solid var(--color-border);margin-top:8rem}.footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;width:min(84%,76rem);margin:0 auto;padding:2rem 0;display:flex}.footer__copyright{color:var(--color-light);font-size:.85rem}.footer__built{color:var(--color-muted);font-size:.75rem}.footer__meta{flex-direction:column;align-items:center;gap:.3rem;display:flex}.footer__visits{color:var(--color-light);align-items:center;gap:.45rem;font-size:.72rem;display:inline-flex}.footer__visits-via{color:var(--color-muted)}.footer__visits-dot{background-color:var(--color-success);width:.45rem;height:.45rem;box-shadow:0 0 0 0 rgba(var(--rgb-success), .5);border-radius:50%;animation:2.4s ease-out infinite visits-pulse}@keyframes visits-pulse{to{box-shadow:0 0 0 .45rem rgba(var(--rgb-success), 0)}}@media (prefers-reduced-motion:reduce){.footer__visits-dot{animation:none}}.footer__socials{gap:1.2rem;font-size:1.1rem;display:flex}.footer__socials a{color:var(--color-light);display:flex}.footer__socials a:hover{color:var(--color-primary)}@media screen and (width<=600px){.footer__meta{align-items:flex-start}.footer__visits{flex-wrap:wrap}footer{margin-top:6rem}.footer__inner{width:var(--container-width-sm);flex-direction:column;align-items:flex-start;gap:.8rem;padding-bottom:4.5rem}}header{align-items:center;min-height:100vh;padding:7rem 0 5rem;display:flex;position:relative;overflow:hidden}.container.header__container{width:min(84%,76rem)}.header__glow{background:radial-gradient(circle, rgba(var(--rgb-primary), .18), transparent 65%);filter:blur(40px);pointer-events:none;border-radius:50%;width:60vw;max-width:52rem;height:60vw;max-height:52rem;animation:18s ease-in-out infinite alternate glow-drift;position:absolute;top:-20%;right:-10%}@keyframes glow-drift{to{transform:translate(-12%,18%)scale(1.1)}}.header__container{grid-template-columns:1.6fr 1fr;align-items:center;gap:4rem;display:grid;position:relative}.header__intro>*,.header__portrait{animation:hero-in .9s var(--ease-out) both}.header__intro>:nth-child(2){animation-delay:80ms}.header__intro>:nth-child(3){animation-delay:.16s}.header__intro>:nth-child(4){animation-delay:.24s}.header__intro>:nth-child(5){animation-delay:.32s}.header__intro>:nth-child(6){animation-delay:.4s}.header__portrait{animation-delay:.2s}@keyframes hero-in{0%{opacity:0;transform:translateY(24px)}}.header__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);margin-bottom:1.2rem;font-size:.8rem}.header__headline{letter-spacing:-.02em}.header__headline span{color:var(--color-muted)}.header__lede{max-width:38rem;color:var(--color-light);margin-top:1.4rem;font-size:1.1rem}.cta{flex-wrap:wrap;gap:1rem;margin-top:2.2rem;display:flex}.header__metrics{border-top:1px solid var(--color-border);flex-wrap:wrap;gap:2.5rem;margin-top:3rem;padding-top:1.8rem;display:flex}.header__metrics li{flex-direction:column;max-width:11rem;display:flex}.header__metric-value{color:var(--color-primary);white-space:nowrap;font-size:1.6rem;font-weight:500}.header__metric-value small{font-size:.9rem}.header__metric-label{color:var(--color-muted);font-size:.8rem}.header__socials{align-items:center;gap:1.2rem;margin-top:2rem;font-size:1.2rem;display:flex}.header__socials:before{content:"";background-color:var(--color-primary);width:2.5rem;height:1px}.header__portrait{aspect-ratio:4/5;justify-self:end;width:100%;max-width:24rem;position:relative}.header__portrait:before{content:"";border:2px solid var(--color-primary);transition:transform .5s var(--ease-out);border-radius:1.5rem;position:absolute;inset:0;transform:translate(1rem,1rem)}.header__portrait:hover:before{transform:translate(.5rem,.5rem)}.header__portrait img{object-position:center 20%;border-radius:1.5rem;height:100%;position:relative}@media (prefers-reduced-motion:reduce){.header__glow,.header__intro>*,.header__portrait{animation:none}}@media screen and (width<=1024px){header{padding-top:6.5rem}.container.header__container{width:var(--container-width-md);grid-template-columns:1fr;gap:3rem}.header__portrait{grid-row:1;justify-self:start;max-width:14rem}}@media screen and (width<=600px){header{min-height:auto;padding:6rem 0 3rem}.container.header__container{width:var(--container-width-sm)}.header__portrait{max-width:11rem}.header__lede{font-size:1rem}.header__metrics{gap:1.5rem}.header__metrics li{max-width:9rem}.header__metric-value{font-size:1.3rem}}.scroll__button{z-index:40;width:3rem;height:3rem;color:var(--color-primary);background-color:rgba(var(--rgb-bg), .8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-primary-variant);cursor:pointer;transition:var(--transition);border-radius:50%;place-items:center;font-size:1.15rem;display:grid;position:fixed;bottom:1.5rem;right:1.5rem}.scroll__button:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg);translate:0 -3px}.scroll__button-icon{transition:transform .4s var(--ease-out)}.scroll__button-icon--up{transform:rotate(180deg)}@media screen and (width<=600px){.scroll__button{width:2.75rem;height:2.75rem;bottom:1rem;right:1rem}}.about__container{grid-template-columns:35% 50%;gap:15%;display:grid}.about__me{align-self:start;width:100%;position:sticky;top:3rem}.about__me-image{aspect-ratio:4/5;position:relative}.about__me-image:before{content:"";border:2px solid var(--color-primary);transition:transform .5s var(--ease-out);border-radius:1.5rem;position:absolute;inset:0;transform:translate(-1rem,1rem)}.about__me-image:hover:before{transform:translate(-.5rem,.5rem)}.about__me-image img{object-position:center 15%;border-radius:1.5rem;height:100%;position:relative}.about__now{border:1px solid var(--color-border);background-color:rgba(var(--rgb-bg-variant), .5);border-radius:1.2rem;padding:1.4rem 1.6rem}.about__now-title{letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);align-items:center;gap:.6rem;margin-bottom:.6rem;font-size:.75rem;display:flex}.about__now-title:before{content:"";background-color:var(--color-primary);width:.5rem;height:.5rem;box-shadow:0 0 0 0 rgba(var(--rgb-primary), .6);border-radius:50%;animation:2.4s ease-out infinite now-pulse}@keyframes now-pulse{to{box-shadow:0 0 0 .6rem rgba(var(--rgb-primary), 0)}}.about__now-row{border-top:1px solid var(--color-border);grid-template-columns:8.5rem 1fr;gap:1rem;padding:.6rem 0;display:grid}.about__now-row:first-child{border-top:0}.about__now-row dt{color:var(--color-muted);padding-top:.15rem;font-size:.78rem}.about__now-row dd{color:var(--color-white)}@media (prefers-reduced-motion:reduce){.about__now-title:before{animation:none}}.about__bio{margin:2rem 0 2.6rem}.about__bio p{color:var(--color-light)}.about__bio p+p{margin-top:1rem}.about__certs{margin:-1rem 0 2.6rem}.about__cert--pending{opacity:.85;border-style:dashed}@media screen and (width<=1024px){.about__container{grid-template-columns:1fr;gap:0}.about__me{width:50%;margin:2rem auto 4rem;position:static}.about__bio{margin:1rem 0 1.5rem}}@media screen and (width<=600px){.about__me{width:65%;margin:0 auto 3rem}.about__now{padding:1.1rem 1.2rem}.about__now-row{grid-template-columns:1fr;gap:.1rem}.about__certs{margin:0 0 1.5rem}.about__bio{margin:1.5rem 0}}.askmarc{border:1px solid var(--color-border);background-color:rgba(var(--rgb-bg-variant), .5);border-radius:1.2rem;margin-top:1.5rem;overflow:hidden}.askmarc__head{border-bottom:1px solid var(--color-border);align-items:center;gap:.8rem;padding:.9rem 1.2rem;display:flex}.askmarc__avatar{width:2.2rem;height:2.2rem;color:var(--color-bg);background-color:var(--color-primary);border-radius:50%;flex-shrink:0;place-items:center;font-size:.72rem;font-weight:500;display:grid}.askmarc__title{font-family:var(--font-display);color:var(--color-white);font-weight:600;line-height:1.2}.askmarc__subtitle{color:var(--color-muted);font-size:.7rem}.askmarc__reset{white-space:nowrap;border:1px solid var(--color-border);font:inherit;color:var(--color-light);cursor:pointer;background:0 0;border-radius:2rem;flex-shrink:0;align-items:center;gap:.4rem;margin-left:auto;padding:.35rem .7rem;font-size:.78rem;transition:color .2s,border-color .2s;display:inline-flex}.askmarc__reset:hover{color:var(--color-primary);border-color:var(--color-primary-variant)}.askmarc__transcript{scrollbar-width:thin;flex-direction:column;gap:.8rem;min-height:7rem;max-height:26rem;padding:1.2rem;display:flex;overflow-y:auto}.askmarc__empty{color:var(--color-muted);margin:auto;font-size:.9rem}.askmarc__bubble{max-width:88%;animation:askmarc-in .3s var(--ease-out);border-radius:1rem;padding:.7rem 1rem;font-size:.93rem;line-height:1.6}@keyframes askmarc-in{0%{opacity:0;transform:translateY(6px)}}.askmarc__bubble--user{color:var(--color-bg);background-color:var(--color-primary);border-bottom-right-radius:.3rem;align-self:flex-end;font-weight:500}.askmarc__bubble--marc{color:var(--color-light);background-color:var(--color-bg);border:1px solid var(--color-border);border-bottom-left-radius:.3rem;align-self:flex-start}.askmarc__followup{margin-top:.5rem;font-size:.85rem;font-weight:500;display:inline-block}.askmarc__caret{vertical-align:-.12em;background-color:var(--color-primary);width:.5em;height:1em;margin-left:.15em;animation:.9s step-end infinite askmarc-caret;display:inline-block}@keyframes askmarc-caret{50%{opacity:0}}.askmarc__thinking{gap:.3rem;padding:.35rem 0;display:inline-flex}.askmarc__thinking span{background-color:var(--color-muted);border-radius:50%;width:.45rem;height:.45rem;animation:1s ease-in-out infinite askmarc-dot}.askmarc__thinking span:nth-child(2){animation-delay:.15s}.askmarc__thinking span:nth-child(3){animation-delay:.3s}@keyframes askmarc-dot{0%,60%,to{opacity:.5;transform:none}30%{opacity:1;transform:translateY(-4px)}}.askmarc__composer{border-top:1px solid var(--color-border);flex-wrap:wrap;gap:.5rem;padding:1rem 1.2rem 1.2rem;display:flex}.askmarc__chip{border:1px solid var(--color-primary-variant);font:inherit;text-align:left;color:var(--color-white);cursor:pointer;background:0 0;border-radius:2rem;align-items:center;gap:.35rem;padding:.5rem .9rem;font-size:.85rem;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.askmarc__chip:hover:not(:disabled){border-color:var(--color-primary);background-color:rgba(var(--rgb-primary), .08)}.askmarc__chip:disabled{cursor:default}.askmarc__chip:disabled:not(.is-asked){opacity:.55}.askmarc__chip.is-asked{color:var(--color-muted);border-color:var(--color-border)}.askmarc__chip.is-asked svg{color:var(--color-success)}.about__fullbio{margin:1.2rem 0 2.6rem}.about__fullbio summary{cursor:pointer;color:var(--color-primary);align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;list-style:none;display:inline-flex}.about__fullbio summary::-webkit-details-marker{display:none}.about__fullbio summary:before{content:"+";border:1px solid var(--color-primary-variant);width:1.2rem;height:1.2rem;font-family:var(--font-mono);border-radius:50%;place-items:center;font-size:.8rem;line-height:1;display:grid}.about__fullbio[open] summary:before{content:"−"}.about__fullbio .about__bio{margin:1.2rem 0 0}@media screen and (width<=600px){.askmarc__transcript{max-height:22rem;padding:1rem}.askmarc__bubble{max-width:94%}.askmarc__composer{padding:.9rem 1rem 1rem}.askmarc__chip{font-size:.82rem}}@media (prefers-reduced-motion:reduce){.askmarc__bubble,.askmarc__caret,.askmarc__thinking span{animation:none}}.experience__timeline{border-left:2px solid var(--color-primary-variant);flex-direction:column;gap:1.5rem;padding-left:2rem;display:flex;position:relative}.experience__item{background-color:var(--color-bg-variant);box-shadow:var(--shadow-card);transition:var(--transition);border:1px solid #0000;border-radius:1.5rem;padding:1.8rem 2rem;position:relative}.experience__item:before{content:"";background-color:var(--color-primary);width:12px;height:12px;box-shadow:0 0 0 4px var(--color-bg);border-radius:50%;position:absolute;top:2.1rem;left:calc(-2rem - 7px)}.experience__item:hover{border-color:var(--color-primary-variant);background-color:#0000;translate:4px}.experience__timeline:before{content:"";background-color:var(--color-primary);transform-origin:top;width:2px;height:100%;position:absolute;top:0;left:-2px;transform:scaleY(0)}@supports (animation-timeline:view()){.experience__timeline:before{animation:linear both timeline-fill;animation-timeline:view();animation-range:entry 20% cover 75%}}@keyframes timeline-fill{to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.experience__timeline:before{animation:none;transform:scaleY(1)}}.experience__item-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.experience__company{color:var(--color-primary)}.experience__title{color:var(--color-white);margin-top:.2rem;font-weight:400}.experience__note{color:var(--color-light);opacity:.8;margin-top:.4rem;font-size:.75rem;display:block}.experience__meta{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.experience__highlights{flex-direction:column;gap:.6rem;margin-bottom:1.2rem;display:flex}.experience__highlights li{color:var(--color-light);padding-left:1.2rem;font-size:.9rem;position:relative}.experience__highlights li:before{content:"▸";color:var(--color-primary);position:absolute;left:0}.experience__earlier{color:var(--color-light);font-size:.85rem}.experience__earlier strong{color:var(--color-primary)}@media screen and (width<=1024px){.experience__item{padding:1.5rem}}@media screen and (width<=600px){.experience__timeline{padding-left:1.2rem}.experience__item{padding:1.2rem}.experience__item:before{top:1.5rem;left:calc(-1.2rem - 7px)}.experience__item-head{flex-direction:column;gap:.4rem}.experience__meta{text-align:left;align-items:flex-start}}.ai-engineering__intro{width:var(--container-width-lg);color:var(--color-light);margin:-1.5rem auto 3rem;font-size:1.1rem}.ai-engineering__intro>*{max-width:48rem}@media screen and (width<=1024px){.ai-engineering__intro{width:var(--container-width-md)}}@media screen and (width<=600px){.ai-engineering__intro{width:var(--container-width-sm);margin-top:-.5rem;font-size:1rem}}.ai-engineering__container{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.ai-engineering__card{background-color:var(--color-bg-variant);box-shadow:var(--shadow-card);transition:var(--transition);border:1px solid #0000;border-radius:1.5rem;flex-direction:column;padding:2rem;display:flex}.ai-engineering__card:hover{border-color:var(--color-primary-variant);cursor:default;box-shadow:0 18px 40px -20px rgba(var(--rgb-primary), .35);background:0 0;translate:0 -6px}.ai-engineering__card-icon{color:var(--color-primary);margin-bottom:1rem;font-size:2rem}.ai-engineering__card-title{color:var(--color-primary);margin-bottom:1rem;font-size:1.1rem}.ai-engineering__card-description{color:var(--color-light);flex-grow:1;margin-bottom:1.5rem;font-size:.9rem}.ai-engineering__card-tags{flex-wrap:wrap;gap:.5rem;display:flex}.ai-engineering__tag{border:1px solid var(--color-primary-variant);color:var(--color-light);transition:var(--transition);border-radius:1rem;padding:.3rem .7rem;font-size:.75rem}.ai-engineering__tag:hover{border-color:var(--color-primary);color:var(--color-primary)}@media screen and (width<=1024px){.ai-engineering__container{gap:1.5rem}.ai-engineering__card{padding:1.5rem}}@media screen and (width<=600px){.ai-engineering__container{grid-template-columns:1fr;gap:1rem}.ai-engineering__intro{margin-bottom:2rem}}.portfolio__container{grid-template-columns:repeat(3,1fr);gap:2.5rem;display:grid}.portfolio__item{background-color:var(--color-bg-variant);box-shadow:var(--shadow-card);transition:var(--transition);border:1px solid #0000;border-radius:2rem;flex-direction:column;padding:1.3rem;display:flex}.portfolio__item:hover{border-color:var(--color-primary-variant);box-shadow:0 18px 40px -20px rgba(var(--rgb-primary), .35);background:0 0;translate:0 -6px}.portfolio__item:hover .portfolio__item-image img.is-active{transform:scale(1.03)}.portfolio__item-image{aspect-ratio:16/10;border-radius:1.5rem;position:relative;overflow:hidden}.portfolio__item-image:after{content:"";z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(var(--rgb-light), .14);pointer-events:none;position:absolute;inset:0}.portfolio__item-image img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1s ease, transform .6s var(--ease-out);display:block;position:absolute;inset:0}.portfolio__item-image img.is-active{opacity:1}.portfolio__item-placeholder{width:100%;height:100%;color:var(--color-primary);background:linear-gradient(135deg, var(--color-bg), var(--color-primary-variant));place-items:center;font-size:3rem;display:grid}.portfolio__item-image--contain{background-color:#f8f8f6}.portfolio__item-image--contain img{object-fit:contain;padding:.5rem}.portfolio__item-caption{color:var(--color-light);background-color:rgba(var(--rgb-bg), .75);border-radius:1rem;padding:.25rem .6rem;font-size:.7rem;position:absolute;bottom:.7rem;left:.8rem}.portfolio__item-zoom{z-index:1;cursor:zoom-in;border-radius:inherit;background:0 0;position:absolute;inset:0}.portfolio__item-zoom:focus-visible{outline:2px solid var(--color-primary);outline-offset:-3px}.portfolio__item-zoom-badge{color:var(--color-white);background-color:rgba(var(--rgb-bg), .85);opacity:0;transition:opacity .2s ease, translate .3s var(--ease-out);pointer-events:none;border-radius:.4rem;align-items:center;gap:.4rem;padding:.3rem .6rem;font-size:.7rem;display:inline-flex;position:absolute;top:.7rem;right:.7rem;translate:0 -4px}.portfolio__item-image:hover .portfolio__item-zoom-badge,.portfolio__item-zoom:focus-visible .portfolio__item-zoom-badge{opacity:1;translate:0}@media (hover:none){.portfolio__item-zoom-badge{opacity:.9;translate:0}}.portfolio__item-image:hover{box-shadow:0 18px 40px -18px #00000073}.portfolio__item-image{transition:box-shadow .3s var(--ease-out)}.portfolio__item-caption{z-index:2;pointer-events:none}.portfolio__item-controls{z-index:2;background-color:rgba(var(--rgb-bg), .75);border-radius:1rem;align-items:center;gap:.5rem;padding:.2rem .5rem .2rem .25rem;display:flex;position:absolute;bottom:.7rem;right:.7rem}.portfolio__item-pause{cursor:pointer;width:1.5rem;height:1.5rem;color:var(--color-white);background:0 0;border-radius:50%;place-items:center;font-size:.8rem;display:grid}.portfolio__item-pause:hover{color:var(--color-primary)}.portfolio__item-dots{gap:.4rem;display:flex}.portfolio__item-dots button{cursor:pointer;background-color:rgba(var(--rgb-light), .6);width:8px;height:8px;transition:var(--transition);border-radius:50%}.portfolio__item-dots button.is-active{background-color:var(--color-primary);transform:scale(1.25)}@media (prefers-reduced-motion:reduce){.portfolio__item-image img,.portfolio__item-image,.portfolio__item-zoom-badge{transition:none}}.portfolio__item h3{margin:1.2rem 0 .8rem}.portfolio__item-desc{color:var(--color-light);margin-bottom:1rem;font-size:.85rem}.portfolio__item-stack{margin-bottom:1.8rem}.portfolio__item-cta{flex-wrap:wrap;gap:1rem;margin-top:auto;margin-bottom:1rem;display:flex}.gh__inactive{pointer-events:none;opacity:.6}.portfolio__guides{border:1px dashed var(--color-primary-variant);color:var(--color-white);border-radius:1.5rem;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;margin-top:2.5rem;padding:1.5rem 2rem;display:grid}.portfolio__guides:hover{color:var(--color-white);border-style:solid;border-color:var(--color-primary);background-color:var(--color-bg-variant)}.portfolio__guides-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary);font-size:.75rem}.portfolio__guides-title{font-family:var(--font-display);font-size:1.15rem}.portfolio__guides-cta{color:var(--color-primary);align-items:center;gap:.5rem;font-weight:500;display:inline-flex}.portfolio__guides-cta svg{transition:translate .3s var(--ease-out)}.portfolio__guides:hover .portfolio__guides-cta svg{translate:4px}@media screen and (width<=1024px){.portfolio__container{grid-template-columns:1fr 1fr;gap:1.2rem}}@media screen and (width<=600px){.portfolio__container{grid-template-columns:1fr;gap:1rem}.portfolio__guides{grid-template-columns:1fr;gap:.6rem;padding:1.3rem 1.5rem}}.image-zoom{max-width:none;max-height:none;color:var(--color-light);background:0 0;border:0;margin:auto;padding:0;overflow:visible}.image-zoom::backdrop{background-color:rgba(var(--rgb-bg), .8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}html:has(.image-zoom[open]){overflow:hidden}.image-zoom__figure{flex-direction:column;align-items:center;gap:.8rem;display:flex;position:relative}.image-zoom__img{background-color:var(--color-bg-variant);border-radius:.75rem;width:auto;max-width:min(92vw,1200px);height:auto;max-height:calc(88vh - 3rem);display:block;box-shadow:0 30px 80px -20px #0000008c}.image-zoom--contain .image-zoom__img{background-color:#f8f8f6;padding:.75rem}.image-zoom__caption{color:var(--color-light);font-size:.8rem}.image-zoom__close{z-index:1;cursor:pointer;width:2.4rem;height:2.4rem;color:var(--color-white);background-color:var(--color-bg-variant);border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:50%;place-items:center;font-size:1.5rem;transition:background-color .2s,color .2s;display:grid;position:absolute;top:-.9rem;right:-.9rem}.image-zoom__close:hover{color:var(--color-bg);background-color:var(--color-primary)}.image-zoom[open]:not(.is-morphing) .image-zoom__figure{animation:image-zoom-in .22s var(--ease-out)}.image-zoom[open]:not(.is-morphing)::backdrop{animation:.22s image-zoom-fade}@keyframes image-zoom-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes image-zoom-fade{0%{opacity:0}to{opacity:1}}::view-transition-group(image-zoom){animation-duration:.34s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(root){animation-duration:.22s}::view-transition-new(root){animation-duration:.22s}@media screen and (width<=600px){.image-zoom__close{top:-3rem;right:0}.image-zoom__img{border-radius:.5rem}}@media (prefers-reduced-motion:reduce){.image-zoom[open]:not(.is-morphing) .image-zoom__figure{animation-name:image-zoom-fade}}.testimonials__container{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.testimonial{background-color:var(--color-bg-variant);box-shadow:var(--shadow-card);transition:var(--transition);border:1px solid #0000;border-radius:1.5rem;flex-direction:column;justify-content:space-between;gap:1.5rem;padding:2.5rem 2rem 2rem;display:flex;position:relative}.testimonial:hover{border-color:var(--color-primary-variant);translate:0 -4px}.testimonial:before{content:"“";font-family:var(--font-display);color:var(--color-primary);opacity:.6;font-size:4rem;line-height:1;position:absolute;top:.2rem;left:1.6rem}.client__review{color:var(--color-light);font-size:.95rem}.client__meta{align-items:center;gap:.8rem;display:flex}.client__avatar{aspect-ratio:1;border:2px solid var(--color-primary-variant);border-radius:50%;flex-shrink:0;width:2.6rem;overflow:hidden}.client__name{font-family:var(--font-mono);color:var(--color-primary);font-size:.8rem}@media screen and (width<=600px){.testimonials__container{grid-template-columns:1fr;gap:1rem}.testimonial{padding:2.3rem 1.4rem 1.5rem}}.container.contact__container{grid-template-columns:1.1fr 1fr;align-items:start;gap:5rem;display:grid}.contact__status{color:var(--color-light);align-items:center;gap:.6rem;font-size:.78rem;display:flex}.contact__status-dot{background-color:var(--color-success);width:.55rem;height:.55rem;box-shadow:0 0 0 .25rem rgba(var(--rgb-success), .2);border-radius:50%;flex-shrink:0}.contact__email{font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-white);word-break:break-word;background-image:linear-gradient(var(--color-primary), var(--color-primary));transition:background-size .4s var(--ease-out), color .3s ease;background-position:0 100%;background-repeat:no-repeat;background-size:0% 2px;margin-top:1.4rem;font-size:clamp(1.5rem,3vw,2.4rem);font-weight:600;line-height:1.15;display:inline-block}.contact__email:hover{color:var(--color-primary);background-size:100% 2px}.contact__actions{margin-top:1.6rem}.btn.contact__copy{background:0 0;align-items:center;gap:.5rem;font-family:inherit;font-size:.9rem;display:inline-flex}.contact__sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.contact__hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.contact__links{border-top:1px solid var(--color-border);gap:1.8rem;margin-top:2.2rem;padding-top:1.4rem;display:flex}.contact__links a{color:var(--color-light);align-items:center;gap:.5rem;font-size:.95rem;display:inline-flex}.contact__links a:hover{color:var(--color-primary)}.contact__form{flex-direction:column;gap:1.2rem;display:flex}.contact__form input,.contact__form textarea{background-color:rgba(var(--rgb-bg-variant), .5);border:1px solid var(--color-border);resize:none;width:100%;color:var(--color-white);border-radius:.6rem;padding:1.1rem 1.2rem;font-family:inherit;font-size:.95rem;transition:border-color .25s,background-color .25s}.contact__form input:focus,.contact__form textarea:focus{border-color:var(--color-primary);background-color:#0000}.contact__form ::placeholder{color:rgba(var(--rgb-light), .5)}button[disabled]{opacity:.6;cursor:not-allowed}.contact__form input[disabled],.contact__form textarea[disabled]{opacity:.7;cursor:not-allowed}.contact__error{color:var(--color-danger);background-color:rgba(var(--rgb-danger), .08);border:1px solid rgba(var(--rgb-danger), .35);border-radius:.5rem;padding:.75rem 1rem;font-size:.85rem;line-height:1.4}.contact__modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0009;place-items:center;padding:1rem;animation:.2s ease-out contact-modal-fade;display:grid;position:fixed;inset:0}.contact__modal{background-color:var(--color-bg);border:1px solid var(--color-primary);text-align:center;border-radius:1.5rem;width:100%;max-width:28rem;padding:2.5rem 2rem;box-shadow:0 1rem 3rem #0006}.contact__modal h3{color:var(--color-primary);margin-bottom:1rem;font-size:1.4rem}.contact__modal p{color:var(--color-light);margin-bottom:1.5rem}@keyframes contact-modal-fade{0%{opacity:0}to{opacity:1}}@media screen and (width<=1024px){.container.contact__container{grid-template-columns:1fr;gap:2rem}}@media screen and (width<=600px){.container.contact__container{width:var(--container-width-sm)}}.page{--page-width:var(--container-width-lg);min-height:70vh;padding-top:4.5rem}.page>section:first-child{margin-top:4rem}.page-intro>h2{margin-bottom:1.2rem}.page-intro__lede,.page-intro__body{width:min(44rem, var(--page-width));margin-left:calc((100% - var(--page-width)) / 2)}.page-intro__lede{color:var(--color-light);font-size:1.05rem}.page-intro__body>p{margin-bottom:2rem}.page-intro__actions{flex-wrap:wrap;gap:1rem;display:flex}.container.guide-cards{grid-template-columns:repeat(2,1fr);gap:2.5rem;margin-top:3.5rem;display:grid}.guide-card{background-color:var(--color-bg-variant);box-shadow:var(--shadow-card);transition:var(--transition);border:1px solid #0000;border-radius:2rem;flex-direction:column;gap:.9rem;padding:2rem;display:flex;position:relative}.guide-card:hover,.guide-card:focus-within{border-color:var(--color-primary-variant);background:0 0;translate:0 -6px}.guide-card__meta{letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary);font-size:.75rem}.guide-card h3{font-size:1.4rem}.guide-card__link{color:var(--color-white)}.guide-card__link:after{content:"";border-radius:inherit;position:absolute;inset:0}.guide-card__link:focus-visible{outline:none}.guide-card:has(.guide-card__link:focus-visible){outline:2px solid var(--color-primary);outline-offset:3px}.guide-card__summary{color:var(--color-light);font-size:.95rem}.guide-card__cta{color:var(--color-primary);margin-top:auto;padding-top:.6rem;font-weight:500}.container.memo-list{margin-top:3rem}.memo-list__empty{color:var(--color-muted)}.memo-row{border-top:1px solid var(--color-border);grid-template-columns:9rem 1fr;gap:1.5rem;padding:1.6rem 0;display:grid}.memo-row:last-child{border-bottom:1px solid var(--color-border)}.memo-row__date{color:var(--color-muted);padding-top:.3rem;font-size:.8rem}.memo-row h3{font-size:1.25rem}.memo-row__link{color:var(--color-white)}.memo-row__link:hover{color:var(--color-primary)}.memo-row__summary{color:var(--color-light);margin-top:.4rem;font-size:.95rem}.memo-draft{vertical-align:middle;letter-spacing:.06em;text-transform:uppercase;color:var(--color-danger);border:1px solid rgba(var(--rgb-danger), .4);border-radius:1rem;margin-left:.7rem;padding:.15rem .5rem;font-size:.65rem;display:inline-block}.memo{width:min(var(--page-width), 44rem);margin:4rem auto 0}.memo__back{color:var(--color-light);align-items:center;gap:.5rem;font-size:.9rem;display:inline-flex}.memo__back:hover{color:var(--color-primary)}.memo__head{border-bottom:1px solid var(--color-border);margin:2.5rem 0;padding-bottom:2rem}.memo__head .memo-draft{margin-left:.8rem}.memo__date{letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary);font-size:.8rem}.memo__head h1{color:var(--color-white);margin-top:.6rem;font-size:clamp(2rem,4vw,2.8rem)}.memo__summary{color:var(--color-light);margin-top:.8rem;font-size:1.1rem}.memo__status{color:var(--color-muted)}.prose{color:var(--color-light);font-size:1.05rem;line-height:1.75}.prose>*+*{margin-top:1.2rem}.prose h2,.prose h3,.prose h4{color:var(--color-white);margin-top:2.4rem}.prose h2{font-size:1.6rem}.prose h3{font-size:1.25rem}.prose h4{font-size:1.05rem}.prose strong{color:var(--color-white);font-weight:600}.prose a{color:var(--color-primary);text-underline-offset:3px;text-decoration:underline}.prose a:hover{color:var(--color-white)}.prose ul,.prose ol{padding-left:1.4rem}.prose ul>li{list-style:outside}.prose ol>li{list-style:decimal}.prose li+li,.prose li>ul,.prose li>ol{margin-top:.4rem}.prose li::marker{color:var(--color-primary)}.prose li.task-list-item{margin-left:-1.4rem;list-style:none}.prose li.task-list-item input{vertical-align:middle;accent-color:var(--color-primary);margin-right:.5rem}.prose del{text-decoration:line-through}.prose blockquote{border-left:3px solid var(--color-primary);color:var(--color-muted);padding:.2rem 0 .2rem 1.2rem;font-style:italic}.prose :not(pre)>code{font-family:var(--font-mono);color:var(--color-primary);background-color:rgba(var(--rgb-primary), .1);border-radius:.3rem;padding:.1rem .35rem;font-size:.85em}.prose pre{border:1px solid var(--color-border);background-color:#0b1220;border-radius:.9rem;padding:1rem 1.2rem;overflow-x:auto}.prose pre code{font-family:var(--font-mono);color:#e2e8f0;font-size:.85rem;line-height:1.7}.prose table{border-collapse:collapse;width:100%;font-size:.92rem;display:block;overflow-x:auto}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--color-border);padding:.6rem .8rem}.prose th{color:var(--color-white);font-weight:600}.prose hr{background-color:var(--color-border);height:1px;margin:2.5rem 0}.prose img{border-radius:.9rem}@media screen and (width<=1024px){.page{--page-width:var(--container-width-md)}.guide-cards{gap:1.2rem}}@media screen and (width<=600px){.page{--page-width:var(--container-width-sm)}.page>section:first-child{margin-top:2.5rem}.memo-row{grid-template-columns:1fr;gap:.4rem}.memo{margin-top:2.5rem}.prose{font-size:1rem}.container.guide-cards{grid-template-columns:1fr;margin-top:2.5rem}.guide-card{border-radius:1.5rem;padding:1.5rem}}.guide{width:min(var(--container-width-lg), 76rem);margin:0 auto;padding-top:4.5rem}.guide__hero{border-bottom:1px solid var(--color-border);padding:4rem 0 3rem}.guide__back{color:var(--color-light);align-items:center;gap:.5rem;font-size:.9rem;display:inline-flex}.guide__back:hover{color:var(--color-primary)}.guide__back svg{transition:translate .3s var(--ease-out)}.guide__back:hover svg{translate:-3px}.guide__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);margin-top:2.5rem;font-size:.8rem}.guide__title{max-width:22ch;color:var(--color-white);margin-top:.6rem;font-size:clamp(2rem,4vw,3.2rem)}.guide__summary{max-width:44rem;color:var(--color-light);margin-top:1.2rem;font-size:1.1rem}.guide__facts{color:var(--color-muted);flex-wrap:wrap;gap:.4rem 1.4rem;margin-top:1.4rem;font-size:.8rem;display:flex}.guide__facts li{align-items:center;gap:.5rem;display:inline-flex}.guide__facts li:before{content:"";background-color:var(--color-primary);border-radius:50%;width:6px;height:6px}.guide__meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;display:flex}.btn.guide__repo{align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.9rem;display:inline-flex}.guide__body{grid-template-columns:14rem minmax(0,1fr);gap:4rem;padding-top:3rem;display:grid}.guide-toc{scrollbar-width:thin;align-self:start;max-height:calc(100vh - 7rem);position:sticky;top:6rem;overflow-y:auto}.guide-toc__title,.guide-toc-mobile summary{letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);margin-bottom:.8rem;font-size:.75rem}.guide-toc__list{border-left:1px solid var(--color-border)}.guide-toc__list a{color:var(--color-muted);border-left:2px solid #0000;margin-left:-1px;padding:.35rem 0 .35rem 1rem;font-size:.85rem;line-height:1.4;transition:color .2s,border-color .2s;display:block}.guide-toc__list a:hover{color:var(--color-white)}.guide-toc__sub a{padding-left:1.8rem;font-size:.8rem}.guide-toc__list a.is-current{color:var(--color-primary);border-left-color:var(--color-primary)}.guide-toc-mobile{display:none}.guide__content{min-width:0}.guide__content h2,.guide__content h3,.guide__content [id]{scroll-margin-top:6rem}.guide__footer{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:5rem;padding-top:2rem;display:flex}.guide__footnote{color:var(--color-light);flex-basis:100%;font-size:.9rem}.guide__version{color:var(--color-muted);margin-top:1rem;font-size:.8rem}.guide__changelog{color:var(--color-light);flex-basis:100%;font-size:.85rem}.guide__changelog summary{cursor:pointer;letter-spacing:.06em;text-transform:uppercase;width:fit-content;color:var(--color-muted);font-size:.8rem}.guide__changelog summary:hover{color:var(--color-white)}.guide__changelog ol{border-left:1px solid var(--color-border);gap:.6rem;margin-top:.8rem;padding-left:.9rem;display:grid}.guide__changelog li{gap:.1rem;display:grid}.guide__changelog-meta{color:var(--color-primary);font-size:.75rem}.guide__license{color:var(--color-muted);font-size:.85rem}.guide__loading{text-align:center;min-height:60vh;color:var(--color-muted);padding-top:10rem}@media screen and (width<=1024px){.guide{width:var(--container-width-md)}.guide__body{grid-template-columns:minmax(0,1fr);gap:0;padding-top:2rem}.guide-toc{display:none}.guide-toc-mobile{z-index:10;border:1px solid var(--color-border);background-color:rgba(var(--rgb-bg), .92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.8rem;margin-bottom:2rem;padding:.8rem 1.1rem;display:block;position:sticky;top:4rem}.guide-toc-mobile summary{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.guide-toc-mobile__current{font-family:var(--font-body);letter-spacing:0;text-transform:none;color:var(--color-primary);margin-left:.6rem}.guide-toc-mobile__current:before{content:"· ";color:var(--color-muted)}.guide-toc-mobile[open] .guide-toc__list{max-height:55vh;margin-top:.8rem;overflow-y:auto}}@media screen and (width<=600px){.guide{width:var(--container-width-sm)}.guide__hero{padding:2.5rem 0 2rem}.guide__eyebrow{margin-top:1.8rem}}*{box-sizing:border-box;border:0;margin:0;padding:0;text-decoration:none;list-style:none}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--rgb-bg:15, 23, 42;--rgb-bg-variant:30, 41, 59;--rgb-primary:245, 158, 11;--rgb-light:226, 232, 240;--color-bg:#0f172a;--color-bg-variant:#1e293b;--color-border:#334155;--color-primary:#f59e0b;--color-primary-variant:rgba(var(--rgb-primary), .35);--color-white:#fff;--color-light:#e2e8f0;--color-muted:#94a3b8;--color-success:#22c55e;--rgb-success:34, 197, 94;--color-danger:#ff8a8a;--rgb-danger:255, 138, 138;--shadow-card:none;--font-display:"Space Grotesk", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Roboto Mono", ui-monospace, monospace;--fs-hero:clamp(2.2rem, 4.2vw, 3.9rem);--fs-h2:clamp(1.9rem, 3.6vw, 3rem);--fs-body:1rem;--container-width-lg:75%;--container-width-md:86%;--container-width-sm:90%;--transition:all .4s ease;--ease-out:cubic-bezier(.22, 1, .36, 1)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--rgb-bg:242, 243, 245;--rgb-bg-variant:255, 255, 255;--rgb-primary:42, 60, 209;--rgb-light:39, 39, 42;--color-bg:#f2f3f5;--color-bg-variant:#fff;--color-border:#dfe1e6;--color-primary:#2a3cd1;--color-white:#0a0a0b;--color-light:#27272a;--color-muted:#52525b;--color-success:#15803d;--rgb-success:21, 128, 61;--color-danger:#b91c1c;--rgb-danger:185, 28, 28;--shadow-card:0 1px 2px #0a0a0b0a, 0 8px 24px -12px #0a0a0b1f}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--color-primary-variant) var(--color-bg)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-primary-variant);border-radius:4px}body{font-family:var(--font-body);font-size:var(--fs-body);background-color:var(--color-bg);color:var(--color-white);-webkit-font-smoothing:antialiased;line-height:1.6;transition:background-color .3s,color .3s}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:4px}input:focus,textarea:focus{outline:none}.container{width:var(--container-width-lg);margin:0 auto}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.2}h5{font-weight:500}h1{font-size:var(--fs-hero)}section{margin-top:9rem;scroll-margin-top:5rem}section>h5,section>h2{width:var(--container-width-lg);margin-left:auto;margin-right:auto}section>h5{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);font-size:.85rem}section>h2{font-size:var(--fs-h2);color:var(--color-white);margin-top:.4rem;margin-bottom:3rem}.text-light{color:var(--color-light)}.mono{font-family:var(--font-mono)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}a{color:var(--color-primary);transition:var(--transition)}a:hover{color:var(--color-white)}.btn{width:max-content;color:var(--color-primary);cursor:pointer;border:1px solid var(--color-primary);transition:var(--transition);border-radius:.5rem;padding:.75rem 1.3rem;font-weight:500;display:inline-block}.btn:hover{background:var(--color-white);color:var(--color-bg);border-color:#0000;transform:translateY(-2px)}.btn-primary{background-color:var(--color-primary);color:var(--color-bg)}img{object-fit:cover;width:100%;display:block}.tag-list{flex-wrap:wrap;gap:.5rem;display:flex}.tag{font-family:var(--font-mono);border:1px solid var(--color-primary-variant);color:var(--color-light);border-radius:1rem;padding:.3rem .7rem;font-size:.7rem}.reveal-ready .reveal:not(.is-visible){opacity:0}.reveal-ready .reveal.is-visible{animation:reveal-in .7s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 90ms)}@keyframes reveal-in{0%{opacity:0;transform:translateY(24px)}}@media (prefers-reduced-motion:reduce){.reveal-ready .reveal:not(.is-visible){opacity:1}.reveal-ready .reveal.is-visible{animation:none}}@media screen and (width<=1024px){.container,section>h5,section>h2{width:var(--container-width-md)}section{margin-top:7rem}}@media screen and (width<=600px){.container,section>h5,section>h2{width:var(--container-width-sm)}section>h2{margin-bottom:2rem}}