.hero{min-height:70vh;display:flex;align-items:center;padding:3rem 0 2rem;position:relative}.hero-inner{max-width:var(--max-width);margin:0 auto;padding:0 2rem;width:100%;display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center}@media(min-width:768px){.hero-inner{grid-template-columns:320px 1fr;gap:3.5rem}}@media(min-width:1024px){.hero-inner{grid-template-columns:360px 1fr;gap:4rem}}.hero-photo{position:relative}.photo-frame{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--color-border);box-shadow:0 4px 24px #00000014}.headshot{width:100%;height:auto;display:block;filter:grayscale(100%);transition:filter .4s ease}.photo-frame:hover .headshot{filter:grayscale(0%)}.hero-content h1{margin-bottom:1rem;max-width:14ch}.tagline{font-size:1.125rem;color:var(--color-text-light);font-weight:500;margin:0}.hero-ctas{display:flex;gap:1rem;margin-top:1.75rem;flex-wrap:wrap}.hero-cta{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;font-family:var(--font-sans);font-size:.9375rem;font-weight:600;border-radius:100px;letter-spacing:.01em;transition:background .2s ease,transform .2s ease,color .2s ease,border-color .2s ease}.hero-cta-primary{background:var(--color-accent);color:#fff}.hero-cta-primary:hover{background:var(--color-accent-hover);color:#fff;transform:translateY(-1px)}.hero-cta-secondary{background:transparent;color:var(--color-text);border:1.5px solid var(--color-border)}.hero-cta-secondary:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px)}.scroll-indicator{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);width:24px;height:24px}.scroll-indicator:after{content:"";position:absolute;width:10px;height:10px;border-right:2px solid var(--color-text-light);border-bottom:2px solid var(--color-text-light);transform:rotate(45deg);animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:rotate(45deg) translateY(0);opacity:.4}50%{transform:rotate(45deg) translateY(6px);opacity:.8}}.section{padding:3rem 2rem}.section-container{max-width:var(--content-width);margin:0 auto}.section-narrow{max-width:var(--narrow-width)}.section-header{margin-bottom:2.5rem}.label{display:inline-block;font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);font-weight:500;margin-bottom:.75rem}.section-header h2{margin:0}.manifesto-section{padding:3.5rem 2rem 3rem}.manifesto p{font-size:1.125rem;line-height:1.8;margin-bottom:1.5rem;max-width:100%}.manifesto p:last-child{margin-bottom:0}.manifesto strong{color:var(--color-text);font-weight:600}.manifesto-cta{color:var(--color-accent);font-weight:600;border-bottom:2px solid var(--color-accent);padding-bottom:1px}.manifesto-cta:hover{color:var(--color-accent-hover);border-bottom-color:var(--color-accent-hover)}.skills-section{padding-top:0;padding-bottom:2.5rem}.skills-grid{display:flex;flex-wrap:wrap;gap:.75rem}.skill-tag{font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;font-weight:500;color:var(--color-text-medium);border:1px solid var(--color-border);border-radius:100px;padding:.5rem 1.25rem;transition:border-color .2s ease,color .2s ease;white-space:nowrap}.skill-tag:hover{border-color:var(--color-accent);color:var(--color-accent)}.showcase{padding:0;overflow:clip;position:relative;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.showcase:before,.showcase:after{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}.showcase:before{left:0;background:linear-gradient(to right,var(--color-background) 0%,transparent 100%)}.showcase:after{right:0;background:linear-gradient(to left,var(--color-background) 0%,transparent 100%)}.showcase-track{display:flex;gap:1.5rem;padding:2.5rem 0;width:max-content}@supports (animation-timeline: view()){.showcase{view-timeline:--showcase-section block}.showcase-track{animation:showcase-scroll linear both;animation-timeline:--showcase-section;animation-range:cover 0% cover 100%}}@keyframes showcase-scroll{0%{transform:translate(0)}to{transform:translate(calc(-100% + 100vw))}}.showcase-item{position:relative;flex-shrink:0;width:420px;aspect-ratio:16 / 10;border-radius:4px;overflow:hidden;cursor:default;border:1px solid var(--color-border)}.showcase-item img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(100%);opacity:.8;transition:filter .5s ease,opacity .5s ease,transform .5s ease}.showcase-item:hover img{filter:grayscale(0%);opacity:1;transform:scale(1.02)}.showcase-label{position:absolute;bottom:0;left:0;right:0;padding:1.5rem 1rem .75rem;background:linear-gradient(to top,rgba(255,255,255,.9) 0%,transparent 100%);font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-light);transform:translateY(4px);opacity:0;transition:opacity .4s ease,transform .4s ease}.showcase-item:hover .showcase-label{opacity:1;transform:translateY(0)}.timeline{display:flex;flex-direction:column;gap:2.5rem}.timeline-item{display:grid;grid-template-columns:1fr;gap:1rem;padding-bottom:2.5rem;border-bottom:1px solid var(--color-border)}@media(min-width:640px){.timeline-item{grid-template-columns:120px 1fr;gap:2rem}}.timeline-item:last-child{border-bottom:none;padding-bottom:0}.timeline-date time{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-text-light);display:block}.timeline-content h3{margin-bottom:.5rem}.timeline-content .role{font-weight:500;color:var(--color-text);margin-bottom:.75rem;font-size:.9375rem}.timeline-content .description{line-height:1.7;max-width:56ch;margin:0}.this-that-grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start}@media(min-width:640px){.this-that-grid{grid-template-columns:1fr 240px;gap:3rem;align-items:center}}@media(min-width:1024px){.this-that-grid{grid-template-columns:1fr 280px}}.this-that-photo{border-radius:12px;overflow:hidden;border:1px solid var(--color-border);aspect-ratio:1}.this-that-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(100%);transition:filter .5s ease}.this-that-photo:hover img{filter:grayscale(0%)}.this-that-list{list-style:none;padding:0}.this-that-list li{padding:.75rem 0;border-bottom:1px solid var(--color-border);line-height:1.6;transition:color .2s ease}.this-that-list li:last-child{border-bottom:none}.this-that-list li:hover{color:var(--color-accent)}.contact-section{padding-bottom:2.5rem}.contact-section h2{margin-bottom:1.5rem}.contact-cta{display:inline-block;font-size:1.5rem;font-weight:600;color:var(--color-text);border-bottom:2px solid var(--color-accent);padding-bottom:.25rem;transition:all .2s ease}.contact-cta:hover{color:var(--color-accent);border-bottom-width:3px}.contact-links{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:1.5rem}.contact-link{display:inline-flex;align-items:center;gap:.4rem;font-size:1rem;font-weight:500;color:var(--color-text);border-bottom:2px solid var(--color-accent);padding-bottom:.15rem;transition:all .2s ease}.contact-link:hover{color:var(--color-accent)}.contact-link svg{flex-shrink:0}@media(max-width:767px){.hero{min-height:auto;padding:2.5rem 0 1.5rem}.hero-inner{padding:0 1.5rem}.hero-photo{display:flex;justify-content:center}.photo-frame{max-width:240px;width:100%}.hero-content{text-align:center}.hero-ctas{justify-content:center}.hero-content h1{max-width:100%}.scroll-indicator{display:none}.section{padding:2.5rem 1.5rem}.manifesto-section{padding:2.5rem 1.5rem 2rem}.manifesto p{font-size:1rem}.showcase-item{width:300px}.showcase-track{gap:1rem;padding:1.5rem 0}.showcase:before,.showcase:after{width:40px}.skills-grid{gap:.5rem}.skill-tag{font-size:.625rem;padding:.375rem 1rem}.contact-section{padding-bottom:2rem}.contact-cta{font-size:1.25rem}}