*{margin:0;padding:0;box-sizing:border-box}:root{--ink: #0a0a0a;--ink-soft: rgba(10, 10, 10, .72);--accent: #ffe500;--paper: #ffffff;--bone: #f4f4f0;--gray: #8c8c88}html,body{width:100%;height:100%;background:var(--bone);transition:background-color 1s}body{color:var(--ink)}img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05)}p{font-size:13.5px;line-height:1.55;font-family:Inter,Helvetica Neue,Arial,sans-serif}p.label{display:inline-block;white-space:nowrap;font-family:Space Mono,Courier New,monospace;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink);background:var(--accent);padding:.15em .45em;margin-bottom:.5em}nav{position:absolute;top:0;width:100%;display:flex;padding:2em 2.25em;gap:2.5em;align-items:flex-start}.col{display:flex;gap:2em}.copy{flex:1;max-width:220px;color:var(--ink-soft)}.copy .label{color:var(--ink)}.col.intro{flex:2}.col.intro .copy{max-width:260px;color:var(--ink)}.col.cats{flex:5}.col.brand{flex:3;flex-direction:column;gap:.35em;align-items:flex-end;text-align:right}p.logo{font-family:Space Grotesk,Inter,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1;color:var(--ink)}p.brand-sub{font-size:12px;color:var(--ink-soft)}.container{position:relative;top:175px;width:100%;height:80vh;display:flex;font-family:Inter,Helvetica Neue,Arial,sans-serif}.gallery{flex:2;display:flex;flex-direction:column;height:100%}.row{flex:1;width:100%;display:flex}.item{flex:1;padding:1em;display:flex;flex-direction:column;align-items:center;gap:.75em}.index p{font-family:Space Mono,Courier New,monospace;font-size:10px;font-weight:400;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}.img{width:80%;height:84px;cursor:pointer;transition:transform .35s ease,box-shadow .35s ease}.img:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0a0a0a38;outline:3px solid var(--accent)}.preview{width:100%;flex:4;height:100%;display:flex;justify-content:flex-end;align-items:flex-end;gap:2em;padding:2em 2.25em}.preview-meta{max-width:180px;padding-bottom:.25em;color:var(--ink-soft);text-align:right}.preview-container{position:relative;width:400px;height:600px;background:var(--paper);overflow:hidden;flex-shrink:0}.preview-container img{position:absolute}@media(max-width:900px){nav{position:static;flex-direction:column;gap:1.5em;padding:1.5em 1.25em .5em}.col.cats{display:none}.col.brand{order:-1;align-items:flex-start;text-align:left}.col.intro .copy{max-width:34ch}.container{top:0;height:auto;flex-direction:column;gap:2.5em;padding-bottom:3em}.row{min-height:150px}.item{padding:.75em .5em}.img{width:86%;height:96px}.preview{flex-direction:column;align-items:center;justify-content:flex-start;gap:1.25em;padding:0 1.25em 2em}.preview-meta{order:1;max-width:100%;text-align:center}.preview-container{width:min(100%,400px);height:auto;aspect-ratio:2 / 3}}