.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;position:relative;padding-top:6rem}.hero-eyebrow{display:flex;align-items:center;gap:.9rem;font-family:var(--font-mono);font-size:clamp(.7rem,1.4vw,.85rem);text-transform:uppercase;letter-spacing:.18em;color:var(--accent);margin-bottom:clamp(1rem,3vw,2rem);opacity:0}.eyebrow-line{display:inline-block;width:3rem;height:1px;background:var(--accent)}.hero-title{font-weight:600;font-size:clamp(3.4rem,14.5vw,13.5rem);line-height:.92;letter-spacing:-.03em;text-transform:uppercase}.hero-title .line{display:block;overflow:hidden}.line-indent{padding-left:clamp(2rem,10vw,12rem)}.word{display:inline-block}.word-accent{color:transparent;-webkit-text-stroke:2px var(--accent)}@media(max-width:600px){.word-accent{-webkit-text-stroke:1.2px var(--accent)}}.hero-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-top:clamp(2rem,5vw,4rem);flex-wrap:wrap;opacity:0}.hero-tagline{font-size:clamp(1.05rem,2.4vw,1.6rem);line-height:1.4;max-width:34ch;color:var(--ink)}.hero-meta{font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-dim);text-align:right;line-height:1.9}.scroll-hint{position:absolute;bottom:2rem;left:clamp(1.25rem,4vw,3rem);display:inline-flex;align-items:center;gap:.7rem;color:var(--ink-dim);text-decoration:none;font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.2em;opacity:0}.scroll-hint svg{animation:bob 2s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.9rem 0;background:#0a0a0e8c;backdrop-filter:blur(4px);position:relative;z-index:2}.marquee-track{display:flex;width:max-content;animation:marquee 28s linear infinite}.marquee-chunk{font-family:var(--font-mono);font-size:.85rem;text-transform:uppercase;letter-spacing:.22em;color:var(--ink-dim);white-space:nowrap}.marquee-chunk i{font-style:normal;color:var(--accent);padding:0 1.2rem}@keyframes marquee{to{transform:translate(-50%)}}.work-list{list-style:none}.work-row{border-bottom:1px solid var(--line)}.work-link{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:clamp(1rem,3vw,2.5rem);padding:clamp(1.4rem,3vw,2.2rem) .5rem;color:var(--ink);text-decoration:none;position:relative;transition:padding-left .35s cubic-bezier(.22,1,.36,1)}.work-link:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,185,66,.09),transparent 65%);opacity:0;transition:opacity .35s ease;pointer-events:none}@media(hover:hover){.work-link:hover{padding-left:1.6rem}.work-link:hover:before{opacity:1}.work-link:hover .work-title{color:var(--accent)}.work-link:hover .work-arrow{transform:translate(4px,-4px);color:var(--accent)}}.work-index{font-family:var(--font-mono);font-size:.8rem;color:var(--ink-dim)}.work-title{display:block;font-size:clamp(1.5rem,4.5vw,3.2rem);font-weight:600;letter-spacing:-.02em;text-transform:uppercase;transition:color .3s ease}.work-blurb{display:block;margin-top:.4rem;color:var(--ink-dim);font-size:clamp(.85rem,1.8vw,1rem);max-width:52ch;line-height:1.5}.work-side{text-align:right;font-family:var(--font-mono);font-size:.75rem;color:var(--ink-dim);line-height:1.9;text-transform:uppercase;letter-spacing:.08em}.work-arrow{font-size:clamp(1.2rem,3vw,1.8rem);transition:transform .3s ease,color .3s ease}@media(max-width:700px){.work-link{grid-template-columns:auto 1fr auto}.work-side{display:none}}.about{text-align:left}.statement{font-size:clamp(1.6rem,4.6vw,3.6rem);font-weight:500;line-height:1.25;letter-spacing:-.02em;max-width:24em}.statement-line{display:block}.statement-accent{color:var(--accent)}.skills-strip{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:clamp(2.5rem,6vw,4.5rem)}.skill-chip{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-dim);border:1px solid var(--line);padding:.55rem .95rem;border-radius:99px;transition:color .25s,border-color .25s}.skill-chip:hover{color:var(--accent);border-color:var(--accent)}.exp-timeline{position:relative;padding-left:clamp(1.4rem,4vw,3rem)}.exp-progress{position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--line);overflow:hidden}.exp-progress:after{content:"";position:absolute;inset:0;background:var(--accent);transform:scaleY(var(--p, 0));transform-origin:top}.exp-list{list-style:none}.exp-item{display:grid;grid-template-columns:minmax(7.5rem,11rem) 1fr;gap:clamp(1rem,3vw,2.5rem);padding:clamp(1.4rem,3vw,2rem) 0;border-bottom:1px solid var(--line)}.exp-item:last-child{border-bottom:none}.exp-period{font-family:var(--font-mono);font-size:.8rem;color:var(--accent);letter-spacing:.08em;padding-top:.45rem}.exp-company{font-size:clamp(1.3rem,3.2vw,2rem);font-weight:600;text-transform:uppercase;letter-spacing:-.01em}.exp-role{font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-dim);margin:.3rem 0 .7rem}.exp-note{color:var(--ink-dim);line-height:1.6;max-width:60ch}@media(max-width:600px){.exp-item{grid-template-columns:1fr;gap:.4rem}}.contact{text-align:center;padding-bottom:3rem}.contact-kicker{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;font-size:clamp(.75rem,1.6vw,.95rem);color:var(--ink-dim);margin-bottom:1.5rem}.contact-big{display:inline-block;font-size:clamp(3rem,13vw,11rem);font-weight:600;letter-spacing:-.03em;color:transparent;-webkit-text-stroke:2px var(--ink);text-decoration:none;line-height:1;overflow:hidden;transition:color .4s ease,-webkit-text-stroke-color .4s ease;will-change:transform}.contact-big:hover{color:var(--accent);-webkit-text-stroke-color:var(--accent)}@media(max-width:600px){.contact-big{-webkit-text-stroke-width:1.2px}}.contact-links{display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(1.2rem,4vw,2.5rem);margin-top:clamp(2rem,5vw,3.5rem)}.contact-links a{color:var(--ink);text-decoration:none;font-family:var(--font-mono);font-size:.85rem;text-transform:uppercase;letter-spacing:.14em;border-bottom:1px solid var(--line);padding-bottom:.3rem;transition:color .25s,border-color .25s}.contact-links a:hover{color:var(--accent);border-color:var(--accent)}.contact-foot{margin-top:clamp(2.5rem,6vw,4rem);font-family:var(--font-mono);font-size:.72rem;color:var(--ink-dim);letter-spacing:.08em}@media(prefers-reduced-motion:reduce){.marquee-track,.scroll-hint svg{animation:none!important}}
