/* OHHOUSE · v13 (28 Oct 2026).
   The house: the four ideas are gone; the facts run the height of the photograph.
   A little more: one row of photographs at the same height, never cropped, no text on them.
   See all: the photographs as a quiet collection (Cosmos style); a tap opens one full screen. */
.intro-b { align-items: stretch; }
.schedule { display: flex; flex-direction: column; margin-bottom: 33px; }
.schedule div { flex: 1 1 auto; align-content: center; }
@media (max-width: 720px) { .schedule { margin-bottom: 0; } .schedule div { flex: none; } }

.row13 { display: flex; gap: 14px; overflow-x: auto; padding: 48px var(--m) 18px; scrollbar-width: thin; scrollbar-color: var(--rule) transparent; overscroll-behavior-x: contain; }
.row13 figure { flex: none; margin: 0; }
.row13 button { display: block; height: clamp(220px, 28vw, 400px); padding: 0; border: 0; background: #e6e3da; cursor: zoom-in; }
.row13 img { height: 100%; width: auto; display: block; opacity: 0; transition: opacity .9s var(--out); }
.row13 img.in { opacity: 1; }
.row13 figcaption { padding-top: 8px; max-width: 30ch; font-size: 13px; color: var(--mute); }
.row13-bot { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 22px var(--m) 0; }
.row13-bot .gl-all { max-width: 360px; }
.row13-nav { display: flex; gap: 8px; }
.row13-nav button { width: 44px; height: 44px; border: 1px solid var(--rule); background: none; display: grid; place-items: center; cursor: pointer; }
.row13-nav span { width: 10px; height: 10px; border-top: 1.5px solid var(--ink); border-left: 1.5px solid var(--ink); }
.row13-nav .p span { transform: translateX(2px) rotate(-45deg); }
.row13-nav .n span { transform: translateX(-2px) rotate(135deg); }
@media (max-width: 720px) { .row13 { padding-top: 32px; gap: 10px; } .row13-nav { display: none; } }

.co13 { position: fixed; inset: 0; z-index: 45; background: var(--paper); overflow-y: auto; overscroll-behavior: contain; opacity: 0; visibility: hidden; transition: opacity .4s var(--out), visibility 0s .4s; }
.co13.on { opacity: 1; visibility: visible; transition: opacity .4s var(--out); }
html.co13-open { overflow: hidden; }
.co13-head { position: sticky; top: 0; z-index: 2; display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 18px var(--m); background: var(--paper); border-bottom: 1px solid var(--rule); }
.co13-head h2 { font-size: clamp(20px, 2vw, 28px); font-weight: 400; letter-spacing: -.015em; margin: 0; }
.co13-head h2 span { color: var(--mute); font-size: .6em; letter-spacing: 0; margin-left: 10px; }
.co13-x { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; border: 1px solid var(--ink); padding: 7px 12px; background: none; cursor: pointer; }
.co13-cl { display: flex; align-items: flex-start; gap: 18px; padding: 28px var(--m) 120px; }
.co13-col { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 28px; }
.co13-cl figure { margin: 0; }
.co13-cl button { display: block; width: 100%; padding: 0; border: 0; background: #e6e3da; cursor: zoom-in; }
.co13-cl img { width: 100%; height: auto; display: block; opacity: 0; transform: translateY(10px); transition: opacity .9s var(--out), transform .9s var(--out); }
.co13-cl img.in { opacity: 1; transform: none; }
.co13-cl figcaption { padding-top: 8px; font-size: 12px; line-height: 1.4; color: var(--mute); opacity: 0; transition: opacity .3s var(--out); }
.co13-cl figure:hover figcaption { opacity: 1; }
@media (hover: none) { .co13-cl figcaption { display: none; } }
@media (max-width: 720px) { .co13-cl { gap: 10px; } .co13-col { gap: 16px; } .co13-head h2 span { display: none; } }
@media (prefers-reduced-motion: reduce) { .row13 img, .co13-cl img, .co13 { transition: none; transform: none; } }
.row13 img { aspect-ratio: auto; }

/* footer: Instagram link, same quiet tone as the footer text */
.rf-ig { color: var(--ink); text-decoration: none; border-bottom: 1px solid var(--rule); padding-bottom: 1px; }
.rf-ig:hover, .rf-ig:focus-visible { border-bottom-color: var(--ink); }