:root{--bg: #e4e6c3;--bg-alt: #c9c9b7;--bg-deep: #222725;--surface: #f7f7f2;--text: #121113;--text-muted: #4a4a45;--text-invert: #f7f7f2;--accent: #6b705c;--accent-strong: #3f4438;--border: rgba(18, 17, 19, .18);--font-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;font-family:var(--font-serif);line-height:1.5;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg);color:var(--text);font-family:var(--font-serif)}img{max-width:100%}a{color:var(--accent-strong);text-decoration:none}a:hover{color:var(--accent)}button{font-family:inherit;font-size:1rem;padding:.6em 1.4em;border:1px solid var(--text);border-radius:999px;background-color:transparent;color:var(--text);cursor:pointer;transition:background-color .25s ease,color .25s ease}button:hover{background-color:var(--text);color:var(--text-invert)}button:focus-visible,a:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}#root{margin:0;padding:0;width:100%;min-height:100%;overflow-x:hidden}.landing-container{display:flex;flex-direction:column;width:100%;background-color:var(--bg);color:var(--text);font-family:var(--font-serif);font-size:1.2rem;font-weight:700;font-style:italic}.header-columns{display:flex;justify-content:space-between;width:100%;min-height:100vh}.column{display:flex;flex-direction:column;justify-content:center;align-items:center}.linkedin-column{width:4%;border-right:1px solid var(--border);padding:2rem;justify-content:center}.center-column{width:20%;gap:1rem;justify-content:flex-end;padding-bottom:2.5rem;margin-left:2em}.right-column{width:76%;justify-content:center;align-items:center}.linkedin{writing-mode:vertical-rl;transform:rotate(180deg);text-decoration:none;color:var(--text);font-size:.9rem}.linkedin:hover{color:var(--accent)}.name-role h1{font-size:1.8rem;font-weight:700;font-style:italic;margin:0 0 .4rem;letter-spacing:-.01em}.role{font-size:.85rem;font-weight:400;font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:0}.right-column ul{list-style:none;display:flex;flex-direction:column;padding:0;margin:0;gap:0}.right-column li{font-size:15.7vw;margin:0;line-height:1}.right-column a{text-decoration:none;color:var(--text);transition:color .3s ease,transform .3s cubic-bezier(.4,0,.2,1);display:inline-block}.right-column a:hover{color:var(--accent);transform:translate(10px)}.work-section{display:flex;flex-direction:column;justify-content:center;padding:5rem 4rem;background-color:var(--bg-alt);color:var(--text);min-height:100vh}.work-label{font-size:.75rem;font-weight:400;font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin:0 0 3rem}.project-list{display:flex;flex-direction:column;border-top:1px solid var(--border)}.project-row{display:flex;align-items:baseline;gap:2rem;padding:1.2rem 0;border-bottom:1px solid var(--border);text-decoration:none;color:var(--text);transition:background-color .2s ease,padding-left .2s ease}.project-row:hover{padding-left:1rem}.project-row:hover .project-name{color:var(--accent-strong)}.project-row:hover .project-arrow{opacity:1;transform:translate(4px)}.project-num{font-size:.75rem;font-style:normal;font-weight:400;color:var(--text-muted);width:2rem;flex-shrink:0}.project-name{font-size:3.2rem;font-weight:700;font-style:italic;flex:1;transition:color .2s ease;line-height:1}.project-tags{font-size:.8rem;font-style:normal;font-weight:400;letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase;width:18rem;flex-shrink:0}.project-year{font-size:.8rem;font-style:normal;font-weight:400;color:var(--text-muted);width:4rem;flex-shrink:0;text-align:right}.project-arrow{font-size:1.1rem;font-style:normal;opacity:0;transition:opacity .2s ease,transform .2s ease}.about-section{padding:0;background-color:var(--bg);color:var(--text);height:100vh;display:flex;flex-direction:row;overflow:hidden}.about-text{flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding:4rem;gap:2rem}.about-label{font-size:.75rem;font-weight:400;font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin:0}.about-body{font-size:1.45rem;font-weight:400;font-style:italic;line-height:1.55;color:var(--text);max-width:480px;margin:0}.about-photo-wrap{width:42%;flex-shrink:0;overflow:hidden}.about-photo{width:100%;height:100vh;object-fit:cover;object-position:top center;display:block;filter:grayscale(100%)}.contact-section{padding:5rem 4rem;background-color:var(--bg-deep);color:var(--text-invert);min-height:100vh;display:flex;flex-direction:row;align-items:center;gap:6rem}.contact-left{display:flex;flex-direction:column;gap:2rem;flex:1}.contact-label{font-size:.75rem;font-weight:400;font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:#f7f7f273;margin:0}.contact-heading{font-size:4rem;font-weight:700;font-style:italic;color:var(--text-invert);margin:0;line-height:1}.contact-links{display:flex;flex-direction:column;gap:.6rem}.contact-link{font-size:.9rem;font-style:normal;font-weight:400;color:#f7f7f299;text-decoration:none;border-bottom:1px solid transparent;width:fit-content;transition:color .2s ease,border-color .2s ease}.contact-link:hover{color:var(--text-invert);border-bottom-color:#f7f7f266}.contact-form{display:flex;flex-direction:column;gap:1.2rem;flex:1;max-width:480px}.form-group input,.form-group textarea{width:100%;background:transparent;border:none;border-bottom:1px solid rgba(247,247,242,.2);color:var(--text-invert);font-family:var(--font-serif);font-size:1rem;font-style:italic;padding:.7rem 0;outline:none;transition:border-color .2s ease;resize:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#f7f7f259;font-style:italic}.form-group input:focus,.form-group textarea:focus{border-bottom-color:#f7f7f2b3}.contact-form button{align-self:flex-start;margin-top:.5rem;border-color:#f7f7f266;color:var(--text-invert);font-style:italic;letter-spacing:.05em}.contact-form button:hover{background-color:var(--text-invert);color:var(--bg-deep)}.project-page{min-height:100vh;background-color:var(--bg);color:var(--text);font-family:var(--font-serif);display:flex;flex-direction:column}.project-page-nav{display:flex;justify-content:space-between;align-items:center;padding:2rem 4rem;border-bottom:1px solid var(--border)}.project-page-back{font-size:.85rem;font-style:normal;font-weight:400;letter-spacing:.06em;color:var(--text-muted);text-decoration:none;transition:color .2s ease}.project-page-back:hover{color:var(--text)}.project-page-num{font-size:.75rem;font-style:normal;font-weight:400;letter-spacing:.14em;color:var(--text-muted)}.project-page-hero{padding:5rem 4rem 3rem;display:flex;flex-direction:column;gap:1.5rem}.project-page-label{font-size:.75rem;font-style:normal;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin:0}.project-page-title{font-size:clamp(4rem,12vw,11rem);font-weight:700;font-style:italic;line-height:.9;margin:0;color:var(--text)}.project-page-tagline{font-size:1.2rem;font-weight:400;font-style:italic;color:var(--text-muted);line-height:1.5;max-width:600px;margin:0}.project-page-divider{height:1px;background-color:var(--border);margin:0 4rem}.project-page-content{display:flex;gap:6rem;padding:4rem 4rem 6rem;flex:1}.project-page-description{flex:1;display:flex;flex-direction:column;gap:1.4rem}.project-page-description p{font-size:1.05rem;font-style:italic;font-weight:400;line-height:1.7;color:var(--text);margin:0}.project-page-details{width:220px;flex-shrink:0;display:flex;flex-direction:column;gap:2.5rem;padding-top:.3rem}.project-page-detail-block{display:flex;flex-direction:column;gap:.6rem}.project-page-detail-label{font-size:.7rem;font-style:normal;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin:0}.project-page-detail-value{font-size:.95rem;font-style:italic;font-weight:400;color:var(--text);margin:0}.project-page-stack{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem}.project-page-stack li{font-size:.95rem;font-style:italic;color:var(--text)}
