:root{--bg: #f5efe6;--ink: #3d302a;--muted: #8a7a6e;--gap: clamp(6px, 1.2vw, 14px)}*{box-sizing:border-box}body{margin:0;background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.42 0 0 0 0 0.36 0 0 0 0 0.28 0.16 0 0 0 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(ellipse at 50% 0%,#faf6f0 0%,transparent 60%);color:var(--ink);font-family:Cormorant Garamond,Georgia,serif}.page{position:relative;min-height:100vh;overflow:hidden}.corner-art{position:absolute;z-index:-1;width:clamp(220px,34vw,460px);opacity:.55;pointer-events:none}.corner-top{top:0;left:0}.corner-bottom{right:0;bottom:0}.header{position:relative;container-type:inline-size;width:min(640px,100%);aspect-ratio:640 / 260;margin:clamp(16px,4vw,40px) auto clamp(14px,3vw,28px);text-align:center}.header-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.header-text{position:absolute;left:0;right:0;top:44%}.title{margin:0;font-weight:500;font-size:8.4cqw;line-height:1;letter-spacing:.02em}.tagline{margin:1.6cqw 0 0;font-style:italic;font-size:max(.95rem,3.4cqw);color:var(--muted)}.footer{text-align:center;padding:44px 16px 36px;font-size:1.05rem;color:var(--muted)}.footer-art{width:220px;max-width:70%}.footer p{margin:6px 0 0;letter-spacing:.04em}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap);max-width:1400px;margin:0 auto;padding:0 var(--gap)}@media (min-width: 700px){.grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1100px){.grid{grid-template-columns:repeat(4,1fr)}}.tile{position:relative;aspect-ratio:1;overflow:hidden;padding:0;border:0;border-radius:4px;background:#e8dfd4;box-shadow:0 1px 3px #5a46321f;cursor:zoom-in}.tile:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.tile-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1) rotate(.02deg);will-change:transform;transition:transform .6s ease}.tile:hover .tile-img{transform:scale(1.03) rotate(.02deg)}.tile-img-fade{animation:fade-in ease forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.lightbox{padding:0;border:0;background:transparent;max-width:94vw;max-height:94vh;cursor:zoom-out}.lightbox::backdrop{background:#1e1612d9}.lightbox img{display:block;max-width:94vw;max-height:94vh;border-radius:4px}@media (prefers-reduced-motion: reduce){.tile-img,.tile-img-fade{transition:none;animation:none}}