.project-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:6vw}.project-preview{display:block;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .3s}.project-preview:hover{transform:translateY(-4px)}.project-browser{display:flex;align-items:center;gap:6px;padding:15px;background:#0c2028;color:#b3cdd3;font-size:11px}.project-browser i{width:6px;height:6px;border-radius:50%;background:#617d85}.project-browser span{margin:auto}.project-site{padding:34px;background:#0b2b35;color:#edf7f7}.project-brand{display:flex;align-items:center;gap:16px;font-size:13px}.project-brand img{display:block;width:64px;height:54px;object-fit:contain;filter:none}.project-site .project-tagline{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#e6a48c;margin-top:35px}.project-site h3{font-size:clamp(24px,3vw,44px);line-height:1.12;letter-spacing:-.025em;margin:16px 0}.project-site p{font-size:13px;color:#b8d3d6}.project-cta{display:inline-block;margin-top:20px;border-bottom:1px solid #80d7d3;color:#80d7d3;font-size:12px;padding-bottom:7px}.project-preview-caption{display:block;padding:14px;font-size:10px;color:var(--muted);background:var(--ink)}.project-story h2{font-size:clamp(32px,4vw,56px)}.project-story h3{font-size:14px;margin:26px 0 8px}.project-story p,.project-story ul{font-size:14px;color:var(--muted)}.project-story ul{padding-left:18px}.project-story li{margin-bottom:8px}@media(max-width:760px){.project-layout{grid-template-columns:1fr;gap:32px}.project-site{padding:25px}.project-site h3{font-size:32px}}@media(prefers-reduced-motion:reduce){.project-preview{transition:none}.project-preview:hover{transform:none}}