:root{color:#ece6dc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#12161b;font-family:Avenir Next,Helvetica Neue,Segoe UI,sans-serif;font-weight:400;line-height:1.7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#ece6dc;background:linear-gradient(#12161b 0%,#161b22 55%,#12161b 100%);min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}#root{min-height:100vh}.page-shell{min-height:100vh;padding:28px 20px 56px}.topbar{border-bottom:1px solid #ece6dc1f;justify-content:space-between;align-items:center;gap:20px;max-width:960px;margin:0 auto 48px;padding-bottom:18px;display:flex}.brand{letter-spacing:.14em;text-transform:uppercase;font-size:.96rem;font-weight:700}.nav{flex-wrap:wrap;gap:18px;display:flex}.nav-link{color:#ece6dcb8;transition:color .16s;position:relative}.nav-link:after{content:"";transform-origin:0;background:#e6a367cc;width:100%;height:1px;transition:transform .16s;position:absolute;bottom:-8px;left:0;transform:scaleX(0)}.nav-link:hover,.nav-link.active{color:#fff7ef}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.content-column{max-width:760px;margin:0 auto}.intro-block,.flow-section{border-bottom:1px solid #ece6dc1a;padding-bottom:34px}.intro-block{margin-bottom:26px}.intro-block-project{margin-bottom:18px}.flow-section{margin-bottom:30px}.flow-section-compact{padding-bottom:28px}.flow-section-last{border-bottom:0;margin-bottom:0;padding-bottom:0}.kicker{color:#d59a66;letter-spacing:.18em;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:700}.intro-block h1,.flow-section h2{color:#fffaf2;letter-spacing:-.02em;margin:0;font-weight:600;line-height:1.14}.intro-block h1{max-width:11ch;font-size:clamp(2.5rem,7vw,4.5rem)}.flow-section h2{margin-bottom:16px;font-size:clamp(1.6rem,4vw,2.3rem)}.lead,.flow-section p{color:#ece6dcd1;margin:0 0 16px;font-size:1.04rem}.lead{max-width:36rem;margin-top:20px;font-size:1.12rem}.action-row{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:600;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}.button-primary{color:#171311;background:#e6a367}.button-primary:hover{background:#f0af74}.button-secondary{color:#f6efe6;background:0 0;border-color:#ece6dc2e}.button-secondary:hover{background:#ffffff08;border-color:#ece6dc5c}.skill-list{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.skill-item{color:#ece6dce6;font-size:.95rem}.skill-item:after{content:" /";color:#ece6dc47;margin-left:10px}.skill-item:last-child:after{content:"";margin:0}.inline-link-row{margin-top:18px}.inline-link{color:#f0b27e;font-weight:600}.inline-link:hover{color:#ffd0a4}.device-line{color:#ece6dcb3}@media (max-width:720px){.page-shell{padding:20px 16px 40px}.topbar{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:34px}.nav{gap:14px}.intro-block,.flow-section{margin-bottom:24px;padding-bottom:26px}.intro-block h1{max-width:none;font-size:clamp(2.1rem,12vw,3.2rem)}.action-row{flex-direction:column;align-items:stretch}.button{width:100%}}