*{margin:0;padding:0;box-sizing:border-box}:root{--ink: #2b241c;--ink-soft: rgba(43, 36, 28, .72);--rust: #8a4a2b;--paper: #e7dfd2;--stone: #aca291}html,body{width:100%;height:100%;background:var(--stone);transition:background-color 1s}body{color:var(--ink)}img{width:100%;height:100%;object-fit:cover}p{font-size:13.5px;line-height:1.55;font-family:Fraunces,Georgia,Times New Roman,serif}p.label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--rust);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(--rust)}.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-size:24px;font-weight:600;font-variation-settings:"opsz" 144;letter-spacing:.015em;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:Fraunces,Georgia,Times New Roman,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-size:12px;font-weight:500;letter-spacing:.04em;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 #2b241c38}.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}}