.tiles{z-index:1;color:#111;font-family:var(--f-sans),system-ui,sans-serif;--title:var(--f-display),Georgia,serif;--title-ls:-.01em;--paper:#f4f2ee;background:#fff;padding:clamp(24px,4vw,56px) clamp(20px,7vw,120px) clamp(56px,7vw,120px);position:relative}.tiles .label{text-align:center;letter-spacing:.18em;text-transform:uppercase;color:#777;margin:0 0 clamp(18px,3vw,32px);font-size:12px;font-weight:500;display:none}.tiles .grid{grid-template-columns:repeat(5,1fr);grid-auto-rows:clamp(220px,24vw,400px);gap:clamp(14px,1.6vw,24px);max-width:1180px;margin:0 auto;display:grid}.tile{color:#111;grid-column:span 2;grid-template-rows:1fr auto;text-decoration:none;display:grid;position:relative}.tile.w{grid-column:span 3}.tile .pic{background:#eee;border-radius:14px;min-height:0;transition:box-shadow .35s;display:block;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000f,0 10px 30px #00000014}.tile:hover .pic{box-shadow:0 2px 4px #00000014,0 18px 44px #00000024}.tile img,.tile .ph{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1);display:block}.tile .ph{color:#00000021;font-family:var(--title);background:linear-gradient(135deg,#efede8,#e2dfd7);place-items:center;font-size:clamp(48px,6vw,96px);font-weight:700;display:grid}.tile:hover img{transform:scale(1.03)}.tile video{object-fit:cover;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .3s .15s;position:absolute;inset:0}.tile:hover video,.tile video.on{opacity:1}.tile .year{z-index:1;font-family:var(--title);background:#fff;border-radius:7px;padding:3px 8px 2px;font-size:15px;font-weight:700;line-height:1.3;position:absolute;top:14px;left:14px}.tile .star{z-index:1;color:#e6b04b;filter:drop-shadow(0 1px 2px #00000040);width:26px;height:26px;position:absolute;top:12px;right:14px}.tile .plate{box-sizing:border-box;pointer-events:none;background:#fff;border-radius:10px;gap:3px;max-width:calc(100% - 28px);padding:10px 15px 11px;display:grid;position:absolute;bottom:14px;left:14px}.tile .plate b{font-family:var(--title);letter-spacing:var(--title-ls);font-size:clamp(22px,2.3vw,32px);font-weight:700;line-height:1.08}.tile .plate i{color:#1a1a1a;font-size:clamp(14px,1.1vw,16px);font-style:normal;line-height:1.35}.tile .plate small,.tile .more{display:none}.tile .more em{color:#5a5a5a;font-size:16px;font-style:normal;line-height:1.55}.tile .tags{flex-wrap:wrap;gap:8px;display:flex}.tile .tags span{letter-spacing:.08em;text-transform:uppercase;color:#222;border:1px solid #d6d3cc;border-radius:999px;padding:7px 13px;font-size:11.5px;font-weight:500}.tiles.case .label{display:block}.tiles.case .grid{grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:24px}.tiles.case .tile,.tiles.case .tile.w{background:var(--paper);border-radius:24px;grid-column:auto;grid-template-rows:auto auto auto;gap:0;padding:12px 12px 26px}.tiles.case .tile .pic{aspect-ratio:4/3;box-shadow:none;background:#faf9f6;border-radius:16px}.tiles.case .tile .year,.tiles.case .tile .star,.tiles.case .tile .plate i{display:none}.tiles.case .tile .plate{pointer-events:auto;background:0 0;max-width:none;padding:26px 14px 10px;position:static}.tiles.case .tile .plate b{font-size:clamp(24px,2.2vw,30px);font-weight:500}.tiles.case .tile .more{gap:18px;padding:0 14px;display:grid}.tiles.case .tile:hover .pic{box-shadow:none}.tiles.list .label{display:block}.tiles.list .grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:0;max-width:980px}.tiles.list .tile,.tiles.list .tile.w{border-top:1px solid #e6e3dc;grid-column:auto;grid-template-columns:72px 1fr 168px;grid-template-areas:"year plate pic";align-items:center;gap:28px;padding:22px 0}.tiles.list .tile:last-child{border-bottom:1px solid #e6e3dc}.tiles.list .tile .year{font-family:var(--f-sans),system-ui,sans-serif;color:#888;background:0 0;grid-area:year;padding:0;font-size:13px;font-weight:400;position:static}.tiles.list .tile .star{display:none}.tiles.list .tile .pic{aspect-ratio:4/3;box-shadow:none;border-radius:10px;grid-area:pic}.tiles.list .tile .plate{background:0 0;grid-area:plate;gap:5px;max-width:none;padding:0;position:static}.tiles.list .tile .plate b{font-size:clamp(22px,2vw,28px);font-weight:600}.tiles.list .tile .plate i{color:#666;font-size:15px}.tiles.list .tile:hover .plate b{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1.5px}.tiles.polaroid{background:#f3f1ec}.tiles.polaroid .grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;gap:36px 28px;max-width:1080px}.tiles.polaroid .tile,.tiles.polaroid .tile.w{transform:rotate(var(--r,0));background:#fff;border-radius:3px;grid-column:auto;grid-template-rows:auto auto;gap:0;padding:10px 10px 12px;transition:transform .4s cubic-bezier(.2,1,.3,1),box-shadow .4s;box-shadow:0 1px 2px #00000014,0 12px 28px #0000001a}.tiles.polaroid .tile:nth-child(3n+1){--r:-1.4deg}.tiles.polaroid .tile:nth-child(3n+2){--r:.9deg}.tiles.polaroid .tile:nth-child(3n){--r:-.5deg}.tiles.polaroid .tile:hover{transform:rotate(0)translateY(-4px);box-shadow:0 2px 4px #00000014,0 20px 44px #00000024}.tiles.polaroid .tile .pic{aspect-ratio:4/3;box-shadow:none;border-radius:2px}.tiles.polaroid .tile .year{display:none}.tiles.polaroid .tile .star{width:22px;height:22px;top:18px;right:18px}.tiles.polaroid .tile .plate{pointer-events:auto;background:0 0;grid-template-columns:1fr auto;align-items:baseline;gap:3px 12px;max-width:none;padding:14px 4px 4px;display:grid;position:static}.tiles.polaroid .tile .plate b{letter-spacing:0;font-size:19px;font-weight:600}.tiles.polaroid .tile .plate small{font-family:var(--f-sans),system-ui,sans-serif;color:#9a9a9a;white-space:nowrap;font-size:12px;display:block}.tiles.polaroid .tile .plate i{color:#7a7a7a;grid-column:1/-1;font-size:13px;line-height:1.35;display:block}.tiles.mono .grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;gap:28px 20px}.tiles.mono .tile,.tiles.mono .tile.w{grid-column:auto;grid-template-rows:auto auto;gap:10px}.tiles.mono .tile .pic{aspect-ratio:4/3;box-shadow:none;background:#f1efea;border-radius:12px}.tiles.mono .tile:hover .pic{box-shadow:none}.tiles.mono .tile .year,.tiles.mono .tile .star,.tiles.mono .tile .plate i{display:none}.tiles.mono .tile .plate{pointer-events:auto;background:0 0;justify-content:space-between;align-items:baseline;gap:12px;max-width:none;padding:0 2px;display:flex;position:static}.tiles.mono .tile .plate b{font-family:var(--f-sans),system-ui,sans-serif;letter-spacing:-.005em;font-size:15px;font-weight:600}.tiles.mono .tile .plate small{color:#999;white-space:nowrap;font-size:13px;display:block}.tiles.editorial .label{display:block}.tiles.editorial .grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:clamp(40px,6vw,80px)}.tiles.editorial .tile,.tiles.editorial .tile.w{grid-template:"pic plate""pic more"/7fr 5fr;grid-column:auto;align-content:center;column-gap:clamp(24px,4vw,56px)}.tiles.editorial .tile:nth-child(2n){grid-template-columns:5fr 7fr;grid-template-areas:"plate pic""more pic"}.tiles.editorial .tile .pic{aspect-ratio:4/3;border-radius:16px;grid-area:pic}.tiles.editorial .tile .year{font-family:var(--f-sans),system-ui,sans-serif;letter-spacing:.1em;color:#888;background:0 0;grid-area:plate;place-self:end start;margin-bottom:84px;padding:0;font-size:12px;font-weight:400;position:static}.tiles.editorial .tile .star{display:none}.tiles.editorial .tile .plate{pointer-events:auto;background:0 0;grid-area:plate;align-self:end;gap:6px;max-width:none;padding:0 0 14px;position:static}.tiles.editorial .tile .plate b{font-size:clamp(28px,3.2vw,44px);font-weight:600;line-height:1.02}.tiles.editorial .tile .plate i{display:none}.tiles.editorial .tile .more{grid-area:more;align-self:start;gap:16px;display:grid}@media (max-width:720px){.tiles{padding-left:16px;padding-right:16px}.tiles .grid,.tiles.case .grid,.tiles.polaroid .grid,.tiles.mono .grid{grid-template-columns:1fr;grid-auto-rows:auto}.tile,.tile.w{aspect-ratio:4/3;grid-column:auto}.tiles.case .tile,.tiles.list .tile,.tiles.polaroid .tile,.tiles.mono .tile,.tiles.editorial .tile{aspect-ratio:auto}.tiles.list .tile,.tiles.list .tile.w{grid-template-columns:52px 1fr 96px;gap:14px}.tiles.editorial .tile,.tiles.editorial .tile.w,.tiles.editorial .tile:nth-child(2n){grid-template-columns:1fr;grid-template-areas:"pic""plate""more";row-gap:14px}.tiles.editorial .tile .year{margin-bottom:60px}.tile .plate b{font-size:24px}}