.arch{--w: var(--page-w)}.doc__hint{color:var(--accent)!important;opacity:.85}.gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:clamp(230px,30vw,440px);gap:1px;background:var(--line-strong);border:1px solid var(--line-strong)}.tile{position:relative;grid-column:span 12;overflow:hidden;background:var(--bg)}@media(min-width:640px){.tile{grid-column:span 6}.tile:nth-child(7){grid-column:1 / -1}}@media(min-width:1024px){.tile:nth-child(1){grid-column:span 7}.tile:nth-child(2){grid-column:span 5}.tile:nth-child(3){grid-column:span 5}.tile:nth-child(4){grid-column:span 7}.tile:nth-child(5){grid-column:span 7}.tile:nth-child(6){grid-column:span 5}.tile:nth-child(7){grid-column:1 / -1}}.tile__frame{position:absolute;top:0;right:0;bottom:0;left:0}.tile[data-reveal]{opacity:1;transform:none;transition:none}.tile__frame{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.tile.is-in.is-ready .tile__frame{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.tile__frame{opacity:1;transform:none;transition:none}}.tile__view{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;filter:grayscale(1) contrast(1.05) brightness(.92);transform:scale(1.02);transition:opacity .4s cubic-bezier(.16,1,.3,1),filter .5s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);will-change:opacity}.tile__view.is-shown{opacity:1}.tile.is-active .tile__view.is-shown{filter:grayscale(0) contrast(1.02) brightness(1);transform:scale(1.04)}.tile__ticks{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;gap:3px;padding:10px;opacity:0;transition:opacity .35s;pointer-events:none}.tile.is-active .tile__ticks{opacity:1}.tile__tick{flex:1;height:2px;background:#f2f2ec47;transition:background .25s}.tile__tick.is-on{background:var(--accent)}.tile__meta{position:absolute;left:0;right:0;bottom:0;z-index:2;display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:.4rem 1rem;padding:clamp(1rem,2.5vw,1.8rem);padding-top:3.5rem;background:linear-gradient(transparent,#0b0c0a26 30%,#0b0c0ae0);opacity:0;transform:translateY(12px);transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1)}.tile.is-active .tile__meta{opacity:1;transform:none}.tile__no{font-family:var(--font-mono);font-size:.82rem;letter-spacing:.06em;color:var(--accent);line-height:1}.tile__id{min-width:0}.tile__title{font-stretch:118%;font-weight:800;letter-spacing:-.025em;line-height:1;font-size:clamp(1.5rem,3.4vw,2.6rem);color:var(--ink)}.tile__cat{display:block;margin-top:.5rem;font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-dim)}.tile__live{justify-self:end;white-space:nowrap;font-family:var(--font-mono);font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);padding-bottom:.15rem;border-bottom:1px solid rgb(217 255 63 / .35);transition:border-color .3s,gap .3s}.tile__live span{display:inline-block;transition:transform .3s cubic-bezier(.16,1,.3,1)}.tile__live:hover{border-bottom-color:var(--accent)}.tile__live:hover span{transform:translate(4px)}@media(hover:none){.tile__view.is-shown{filter:grayscale(0) contrast(1.02)}.tile__meta{opacity:1;transform:none;background:linear-gradient(transparent,#0b0c0a59 40%,#0b0c0ae6)}.tile__ticks{opacity:1}.doc__hint{display:none}}@media(prefers-reduced-motion:reduce){.tile__view,.tile__meta,.tile__ticks,.tile__live span{transition:none}.tile__view.is-shown{filter:grayscale(0) contrast(1.02);transform:none}.tile__meta{opacity:1;transform:none}}