@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=Bricolage+Grotesque:wght@500;600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap");:root{--paper:#f7f3ea;--paper-strong:#efe8db;--paper-soft:#fffaf1;--ink:#14110f;--ink-soft:#3f3a35;--ink-muted:#6c665d;--line:rgba(20,17,15,.16);--line-strong:rgba(20,17,15,.3);--accent:#ff5b2e;--accent-alt:#0e9f9a;--accent-soft:rgba(255,91,46,.14);--shadow:0 28px 56px rgba(34,25,16,.12);--shadow-soft:0 12px 28px rgba(34,25,16,.08);--radius:20px;--radius-sm:12px;--font-display:"Bricolage Grotesque","Arial Narrow",sans-serif;--font-body:"Archivo","Helvetica Neue",sans-serif;--font-mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;--page-pad:clamp(1rem,3.5vw,2.8rem);--content-width:min(1120px,calc(100vw - 2 * var(--page-pad)))}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(1000px 700px at 100% 0,rgba(14,159,154,.14) 0,transparent 60%),radial-gradient(900px 680px at 0 8%,rgba(255,91,46,.16) 0,transparent 62%),var(--paper);line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page,body{min-height:100vh}.page{position:relative;overflow:hidden}.page:after,.page:before{content:"";position:fixed;pointer-events:none;z-index:-2}.page:before{inset:0;opacity:.42;background-image:linear-gradient(rgba(20,17,15,.05) 1px,transparent 0),linear-gradient(90deg,rgba(20,17,15,.05) 1px,transparent 0);background-size:46px 46px}.page:after{width:520px;height:520px;right:-130px;top:35%;border-radius:999px;background:radial-gradient(circle at 35% 35%,rgba(255,91,46,.22),transparent 62%);filter:blur(4px);animation:float-orb 14s ease-in-out infinite}.main{padding-bottom:120px}.container{max-width:var(--content-width);margin:0 auto;padding-inline:var(--page-pad)}.section{padding-block:clamp(3.8rem,8vw,6.4rem);scroll-margin-top:60px}.section+.section{border-top:1px dashed var(--line)}.section-head{margin-bottom:1.45rem;display:grid;grid-gap:.45rem;gap:.45rem}.eyebrow{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:var(--accent-alt)}.section-title{font-family:var(--font-display);font-size:clamp(1.9rem,4.2vw,3rem);line-height:1.07;letter-spacing:-.03em}.section-note{max-width:65ch;color:var(--ink-muted)}.card,.contact-shell,.featured,.panel,.project-card,.timeline-item{border-radius:var(--radius);border:1px solid var(--line);background:rgba(255,252,245,.92);box-shadow:var(--shadow-soft)}.btn,.card,.contact-shell,.dock-item,.featured,.panel,.project-card,.timeline-item{transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease}.card:hover,.contact-shell:hover,.featured:hover,.panel:hover,.project-card:hover,.timeline-item:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:var(--shadow)}.chip{display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;border:1px solid var(--line);padding:.34rem .68rem;font-size:.77rem;color:var(--ink-muted);background:hsla(0,0%,100%,.55)}.chip:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px var(--accent-soft)}.button-row{margin-top:1.4rem;display:flex;flex-wrap:wrap;gap:.75rem}.btn{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;padding:.78rem 1.05rem;border-radius:var(--radius-sm);border:1px solid var(--line-strong);font-weight:600;font-size:.92rem;color:var(--ink);background:hsla(0,0%,100%,.64)}.btn:hover{transform:translateY(-1px);border-color:var(--ink)}.btn-primary{border-color:transparent;color:#fff9f4;background:linear-gradient(130deg,var(--accent) 0,#f87139 100%)}.btn-primary:hover{filter:brightness(1.06)}.hero-wrap{padding-top:clamp(.8rem,3.8vw,2.3rem);animation:rise-in .65s cubic-bezier(.19,1,.22,1) both}.hero-shell{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);grid-gap:1rem;gap:1rem}.hero-board,.hero-main{padding:clamp(1.15rem,2.2vw,2rem)}.hero-main{background:linear-gradient(120deg,hsla(0,0%,100%,.9),rgba(255,251,240,.84)),linear-gradient(0deg,rgba(255,91,46,.08),rgba(255,91,46,.08))}.hero-intro{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem}.hero-headshot-wrap{width:84px;height:84px;border-radius:999px;padding:3px;flex-shrink:0;background:linear-gradient(130deg,var(--accent) 0,var(--accent-alt) 100%);box-shadow:0 10px 24px rgba(20,17,15,.12)}.hero-headshot{width:100%;height:100%;object-fit:cover;border-radius:999px;border:1px solid rgba(20,17,15,.14);background:var(--paper-strong)}.hero-title{margin-top:.9rem;font-family:var(--font-display);font-size:clamp(2.2rem,5.2vw,4.2rem);line-height:.96;letter-spacing:-.045em;max-width:17ch}.hero-title .accent{color:var(--accent)}.hero-sub{margin-top:.9rem;max-width:66ch;color:var(--ink-soft);font-size:1.02rem}.hero-snapshot{margin-top:1.25rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:hsla(0,0%,100%,.62);padding:.8rem}.snapshot-kicker{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-alt)}.snapshot-grid{margin-top:.65rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.52rem;gap:.52rem}.snapshot-item{border:1px solid var(--line);border-radius:10px;background:hsla(0,0%,100%,.7);padding:.6rem .64rem}.snapshot-label{display:block;font-family:var(--font-mono);font-size:.67rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted)}.snapshot-value{margin-top:.24rem;display:block;font-family:var(--font-display);font-size:.93rem;line-height:1.18}.hero-board{display:flex;flex-direction:column;gap:.9rem;animation:rise-in .68s cubic-bezier(.19,1,.22,1) .11s both}.status-strip{display:flex;justify-content:space-between;gap:.6rem;align-items:center}.chip-live{color:var(--ink-soft)}.board-date{font-family:var(--font-mono);font-size:.74rem;color:var(--ink-muted)}.board-title{font-family:var(--font-display);font-size:clamp(1.15rem,2.7vw,1.6rem);letter-spacing:-.02em}.board-sub{color:var(--ink-soft);font-size:.94rem;line-height:1.5}.education-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:hsla(0,0%,100%,.64);padding:.8rem}.education-school{font-family:var(--font-display);font-size:1.08rem;letter-spacing:-.01em}.education-degree{margin-top:.32rem;font-weight:600;color:var(--ink-soft)}.education-meta{margin-top:.2rem;font-family:var(--font-mono);font-size:.75rem;color:var(--ink-muted)}.education-secondary{margin-top:.28rem;font-family:var(--font-mono);font-size:.76rem;color:var(--accent-alt)}.education-copy{margin-top:.48rem;color:var(--ink-soft);font-size:.85rem;max-width:52ch}.profile-lines{display:grid;grid-gap:.5rem;gap:.5rem;list-style:none}.profile-line{display:flex;justify-content:space-between;gap:.8rem;border-bottom:1px dashed var(--line);padding-bottom:.4rem;font-family:var(--font-mono);font-size:.79rem}.profile-line:last-child{border-bottom:0;padding-bottom:0}.profile-key{color:var(--ink-muted)}.profile-value{color:var(--accent-alt);text-align:right}.tags{margin-top:.95rem;display:flex;flex-wrap:wrap;gap:.5rem}.tag{border-radius:999px;border:1px solid var(--line);background:hsla(0,0%,100%,.64);color:var(--ink-muted);font-size:.73rem;font-family:var(--font-mono);padding:.26rem .56rem}.featured{padding:1rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);grid-gap:.95rem;gap:.95rem;animation:rise-in .64s ease both}.featured-copy{padding:.8rem}.featured-title{margin-top:.8rem;font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.1;letter-spacing:-.02em}.featured-desc{margin-top:.65rem;color:var(--ink-soft);max-width:56ch}.project-meta{margin-top:.9rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem;font-family:var(--font-mono);font-size:.73rem;color:var(--ink-muted)}.featured-media{border-radius:16px;border:1px solid var(--line);background:radial-gradient(circle at 18% 20%,rgba(255,91,46,.22),transparent 46%),radial-gradient(circle at 82% 78%,rgba(14,159,154,.2),transparent 50%),linear-gradient(135deg,#fff5e9,#f6efdf);padding:.85rem;display:flex;align-items:center}.mock-window{width:100%;border-radius:14px;overflow:hidden;border:1px solid rgba(20,17,15,.17);background:hsla(0,0%,100%,.82)}.mock-top{height:34px;border-bottom:1px solid rgba(20,17,15,.14);background:hsla(0,0%,100%,.88);display:flex;align-items:center;gap:.35rem;padding-inline:.65rem}.mock-dot{width:9px;height:9px;border-radius:50%;background:rgba(20,17,15,.22)}.mock-chart{padding:1rem;display:grid;grid-gap:.55rem;gap:.55rem}.mock-line{height:10px;border-radius:999px;background:linear-gradient(90deg,rgba(14,159,154,.3),rgba(14,159,154,.7))}.mock-line.short{width:62%}.mock-line.medium{width:74%}.mock-line.long{width:92%}.about-grid,.projects-grid,.skills-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.85rem;gap:.85rem}.about-panel,.project-card,.skill-card{padding:1rem}.project-card,.skill-card{animation:rise-in .58s ease both}.about-grid>:first-child,.projects-grid>:first-child,.skills-grid>:first-child{animation-delay:.08s}.about-grid>:nth-child(2),.projects-grid>:nth-child(2),.skills-grid>:nth-child(2){animation-delay:.15s}.projects-grid>:nth-child(3),.skills-grid>:nth-child(3){animation-delay:.22s}.projects-grid>:nth-child(4),.skills-grid>:nth-child(4){animation-delay:.29s}.card-title{font-family:var(--font-display);font-size:1.25rem;letter-spacing:-.02em;line-height:1.15}.card-desc{margin-top:.52rem;color:var(--ink-soft)}.timeline{display:grid;grid-gap:.85rem;gap:.85rem}.timeline-item{padding:1rem;animation:rise-in .62s ease both}.timeline-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.85rem}.timeline-role{font-family:var(--font-display);font-size:1.25rem;line-height:1.1}.timeline-when{font-family:var(--font-mono);color:var(--ink-muted);font-size:.76rem;white-space:nowrap}.bullet-list{margin-top:.86rem;display:grid;grid-gap:.62rem;gap:.62rem;color:var(--ink-soft);padding-left:1.15rem}.bullet-list li::marker{color:var(--accent)}.principles,.skill-list{margin-top:.7rem;display:grid;grid-gap:.55rem;gap:.55rem;color:var(--ink-soft);padding-left:1rem}.principles li::marker,.skill-list li::marker{color:var(--accent-alt)}.contact-shell{padding:clamp(1rem,2.2vw,1.55rem);background:radial-gradient(circle at 100% 0,rgba(14,159,154,.12),transparent 52%),rgba(255,251,243,.88)}.contact-copy{max-width:68ch;color:var(--ink-soft)}.contact-tip{margin-top:.95rem;font-family:var(--font-mono);font-size:.78rem;color:var(--ink-muted)}.footer{border-top:1px dashed var(--line);padding-block:2rem 2.2rem}.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}.footer-copy{display:grid;grid-gap:.25rem;gap:.25rem}.footer-meta{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-muted)}.footer-note{color:var(--ink-soft);font-size:.92rem}.footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:.9rem}.footer a{color:var(--ink-muted);text-decoration:none;border-bottom:1px solid transparent}.footer a:hover{color:var(--ink);border-bottom-color:var(--ink)}.bottom-dock{position:fixed;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:60;pointer-events:none;max-width:calc(100vw - 16px)}.bottom-dock-inner{pointer-events:auto;display:flex;gap:.32rem;padding:.32rem;border-radius:999px;border:1px solid var(--line-strong);background:rgba(255,248,236,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 12px 28px rgba(20,17,15,.16);max-width:100%}.dock-item{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding:.48rem .66rem;color:var(--ink-muted);text-decoration:none;border:1px solid transparent;font-size:.84rem;font-weight:600}.dock-icon{color:currentColor}.dock-item:hover{color:var(--ink);border-color:var(--line);background:hsla(0,0%,100%,.72)}.dock-item[data-active=true]{color:#fff9f4;border-color:transparent;background:linear-gradient(130deg,var(--accent) 0,#f87139 100%)}.dock-item[data-active=true] .dock-icon{color:#fff9f4}@media (max-width:980px){.about-grid,.featured,.hero-shell,.project-meta,.projects-grid,.skills-grid,.snapshot-grid{grid-template-columns:1fr}.dock-label{display:none}.dock-item{padding:.52rem}}@media (max-width:640px){.main{padding-bottom:106px}.section{padding-block:3.1rem}.hero-title{max-width:12ch}.hero-headshot-wrap{width:72px;height:72px}.profile-line{flex-direction:column;gap:.18rem}.profile-value{text-align:left}.timeline-top{flex-direction:column}.dock-item{padding:.56rem}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes float-orb{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}