*{margin:0;padding:0;box-sizing:border-box}html{font-family:Inter,system-ui,-apple-system,sans-serif;color:#1a1a1a;background:#faf9f7}body{min-height:100vh}.grid-lines{position:fixed;inset:0;display:grid;grid-template-columns:repeat(14,1fr);pointer-events:none;z-index:1;padding:0 2rem}.grid-col{border-left:1px solid rgba(180,200,190,.25)}.grid-col:last-child{border-right:1px solid rgba(180,200,190,.25)}.portfolio{position:relative;z-index:2;padding:0 2rem}.section{display:grid;grid-template-columns:repeat(14,1fr);gap:0 0;align-items:end;min-height:100vh;padding:4rem 0}.col-left{grid-column:1 / 4;align-self:end;padding-bottom:1rem}.col-center{grid-column:4 / 11}.col-right{grid-column:11 / -1;align-self:end;padding-bottom:1rem}.rect-placeholder{width:100%;aspect-ratio:4 / 3}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;letter-spacing:-.03em;line-height:1.05;color:#1a1a1a}h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;color:#1a1a1a}p{font-size:.95rem;line-height:1.6;color:#444}.meta{display:block;font-family:SF Mono,Fira Code,Courier New,monospace;font-size:.7rem;letter-spacing:.08em;color:#999;margin-top:.75rem;text-transform:uppercase}.hero{min-height:100vh;align-items:end}.hero-left,.hero-right{padding-bottom:2rem}.project{min-height:90vh}.project .col-right p{margin-bottom:0}.feature{display:grid;grid-template-columns:repeat(14,1fr);grid-template-rows:auto 1fr auto;min-height:100vh;align-items:start}.feature-title{grid-column:1 / 5;grid-row:1;align-self:start;padding-top:6rem}.feature-rect{grid-column:2 / 14;grid-row:1 / 3;align-self:center;aspect-ratio:16 / 9}.feature-desc{grid-column:6 / -1;grid-row:3;padding-bottom:2rem}.dark-section{display:block;background:#3a2f2f;color:#fff;margin:0 -2rem;padding:8rem 2rem;min-height:100vh;position:relative}.dark-section h2{color:#fff;font-size:clamp(2rem,4vw,3.5rem);margin-bottom:1.5rem}.dark-section p{color:#ffffffb3;max-width:500px}.dark-meta{color:#fff6}.dark-content{display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 16rem)}.about-section{display:grid;grid-template-columns:repeat(14,1fr);grid-template-rows:auto 1fr auto;min-height:100vh}.about-title{grid-column:1 / 5;grid-row:1;padding-top:6rem}.about-rect{grid-column:2 / 14;grid-row:1 / 3;align-self:center;aspect-ratio:16 / 9}.about-desc{grid-column:6 / -1;grid-row:3;padding-bottom:2rem}.footer-section{min-height:90vh}.footer-right{display:flex;flex-direction:column}.footer-right .meta{margin-top:.25rem}.animated-text{display:inline}.word{display:inline-block}