:root{--bg: #17120d;--ink: #f4ece0;--muted: #6b5d4d;--accent: #d99a5b}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}img{width:100%;height:100%;object-fit:cover}h1{font-size:clamp(3rem,5vw,6.5rem);font-weight:400;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}p{font-size:1.5rem;font-weight:500;line-height:1.25}section{position:relative;width:100%;height:100svh;padding:2rem;overflow:hidden}.intro,.outro{display:flex;justify-content:center;align-items:center;text-align:center}.intro-inner,.outro-inner{display:flex;flex-direction:column;align-items:center;gap:1.25rem;max-width:34rem}.eyebrow{font-size:.8rem;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--accent)}.lede{font-size:clamp(1.35rem,2.6vw,1.9rem);font-weight:400;line-height:1.35;letter-spacing:-.01em;color:var(--ink)}.hint{font-size:.85rem;font-weight:500;letter-spacing:.02em;color:var(--muted)}.contact{font-size:1rem;font-weight:500;letter-spacing:.01em;color:var(--ink);text-decoration:none;border-bottom:1px solid rgba(217,154,91,.5);padding-bottom:2px;transition:color .3s ease,border-color .3s ease}.contact:hover{color:var(--accent);border-color:var(--accent)}.project-index h1{color:var(--ink)}.project-images{position:absolute;top:0;left:50%;transform:translate(-50%);width:35%;padding:50svh 0;display:flex;flex-direction:column;gap:.5rem;z-index:-1}.project-img{width:100%;aspect-ratio:16/9;opacity:.5;transition:opacity .3s ease;overflow:hidden;border-radius:2px}.project-names{position:absolute;right:2rem;bottom:2rem;display:flex;flex-direction:column;align-items:flex-end}.project-names p{font-weight:500;letter-spacing:-.01em;color:var(--muted);transition:color .3s ease}.project-index h1,.project-images,.project-names p{will-change:transform}@media(max-width:1000px){.project-images{width:calc(100% - 4rem);gap:25svh}.project-names p{color:var(--ink)!important;text-shadow:0 1px 18px rgba(0,0,0,.65)}}@media(max-width:768px){section{padding:1.5rem}h1{font-size:clamp(2.75rem,13vw,4rem)}.intro-inner,.outro-inner{gap:1rem;max-width:100%}.lede{font-size:1.4rem}.project-names{right:1.5rem;bottom:1.5rem}.project-names p{font-size:1.35rem;line-height:1.3}}