:root { --ink:#f2f0eb; --muted:#8d8a84; --background:#080808; }
* { box-sizing:border-box; }
html { background:var(--background); }
body { min-width:320px; margin:0; background:var(--background); color:var(--ink); font-family:Arial,Helvetica,sans-serif; text-rendering:optimizeLegibility; }
main { min-height:100svh; padding:clamp(2.25rem,5vw,4.75rem) clamp(1.25rem,3.2vw,3.75rem) 2rem; }
.masthead { display:grid; justify-items:center; text-align:center; }
.masthead h1 { margin:0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.55rem,2.45vw,2.65rem); font-weight:400; letter-spacing:.095em; line-height:1.1; text-transform:uppercase; }
.masthead p { margin:.85rem 0 0; color:var(--muted); font-family:Georgia,"Times New Roman",serif; font-size:.78rem; font-style:italic; letter-spacing:.08em; }
.collections { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); align-items:end; gap:clamp(.75rem,1.5vw,1.65rem); width:100%; max-width:1640px; margin:clamp(4.5rem,9vh,8rem) auto 0; }
.collection { display:grid; grid-template-rows:minmax(18rem,55vh) auto; min-width:0; color:inherit; text-decoration:none; }
.collection__image { position:relative; display:block; overflow:hidden; background:#0d0d0d; }
.collection__image img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; transition:transform 700ms cubic-bezier(.22,1,.36,1),opacity 400ms ease; }
.collection--modern .collection__image img { width:104%; height:104%; margin:-2%; object-position:center; }
.collection--textiles .collection__image img { object-position:48% center; }
.collection--carpets .collection__image img { object-position:center 42%; }
.collection__name { display:block; padding-top:1.15rem; color:#aaa7a1; font-size:.67rem; letter-spacing:.22em; line-height:1; text-align:center; text-transform:uppercase; transition:color 300ms ease; }
.collection--inactive { cursor:default; }
@media (hover:hover) { a.collection:hover .collection__image img { opacity:.94; transform:scale(1.018); } a.collection:hover .collection__name { color:var(--ink); } }
a.collection:focus-visible { outline:1px solid #777; outline-offset:.35rem; }
@media (max-width:900px) { main { padding-inline:clamp(1.25rem,6vw,3rem); } .collections { grid-template-columns:repeat(2,minmax(0,1fr)); gap:2.75rem 1.15rem; } .collection { grid-template-rows:minmax(21rem,62vw) auto; } .collection--photography { grid-column:1/-1; width:calc(50% - .575rem); justify-self:center; } }
@media (max-width:540px) { main { padding:2.75rem 1.15rem 4rem; } .masthead h1 { max-width:18rem; font-size:1.45rem; line-height:1.25; } .collections { grid-template-columns:1fr; gap:3.25rem; max-width:29rem; margin-top:4.5rem; } .collection,.collection--photography { grid-column:auto; grid-template-rows:minmax(28rem,124vw) auto; width:100%; } .collection--textiles { grid-template-rows:minmax(20rem,80vw) auto; } }
@media (prefers-reduced-motion:reduce) { .collection__image img,.collection__name { transition:none; } }