/* Alternating project showcase v1.8. Existing menu button styles are reused. */
body{display:block;padding:108px 24px 0;min-height:100svh}main{width:min(1120px,100%);margin:0 auto}.logo{width:min(540px,100%);margin:0 auto}
.oz-home-intro{max-width:720px;margin:22px auto 0}.oz-home-intro h1{margin:0 0 10px;color:#ece9e4;font-size:clamp(1.5rem,3vw,2rem);font-weight:550;line-height:1.25;letter-spacing:-.02em}.oz-home-intro p{margin:0;color:#aaa8a5;line-height:1.65}main>nav{margin:24px auto 0}
.oz-project-showcase{margin:76px 0 64px;text-align:left}.oz-project{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center;margin:0 0 76px;scroll-margin-top:96px}.oz-project:last-child{margin-bottom:0}.oz-project:nth-child(even) .oz-project-copy{grid-column:2;grid-row:1}.oz-project:nth-child(even) .oz-project-preview{grid-column:1;grid-row:1}.oz-project-copy{padding:8px 0}.oz-project h2{color:#eee9e1;font-size:clamp(1.4rem,2.6vw,1.85rem);font-weight:550;line-height:1.25;letter-spacing:-.02em;margin:0 0 18px}.oz-project-copy>p{font-size:.96rem;line-height:1.8;color:#aaaeb5;margin:0;max-width:470px}
.oz-project-link{justify-content:flex-start;margin:22px 0 0;gap:0}.oz-project-link a{width:auto}.oz-project-preview{margin:0;min-width:0}.oz-project-preview img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#12151a;border:1px solid #30363f;border-radius:12px}
@media(max-width:720px){.oz-project-showcase{margin:48px 0}.oz-project{grid-template-columns:1fr;gap:24px;margin-bottom:52px}.oz-project:nth-child(even) .oz-project-copy,.oz-project:nth-child(even) .oz-project-preview{grid-column:auto;grid-row:auto}.oz-project-copy{padding:0}.oz-project-copy>p{max-width:none}.oz-project-link{margin-top:18px}}@media(max-width:480px){body{padding:96px 16px 0}.oz-home-intro{margin-top:16px}.oz-home-intro p{font-size:.9rem}main>nav a{width:auto;min-height:40px;padding:8px 10px;font-size:.78rem}.oz-project-link a{width:auto}.oz-project-copy>p{font-size:.92rem}}

/* Original screenshots are square and are displayed without cropping or enlargement. */
.oz-project-preview{width:min(100%,400px);justify-self:end}.oz-project:nth-child(even) .oz-project-preview{justify-self:start}@media(max-width:720px){.oz-project-preview,.oz-project:nth-child(even) .oz-project-preview{justify-self:center}}