.collage-main{padding-top:62px}.collage-intro{text-align:center;max-width:850px;margin:0 auto 45px}.collage-intro .eyebrow{margin-bottom:20px}.collage-intro h1{font-size:clamp(41px,4.6vw,65px);letter-spacing:-2px;line-height:1.12;margin-bottom:22px}.collage-intro>p:last-child{font-family:var(--serif);font-size:19px;line-height:1.6;color:var(--muted);margin:0}.collage-meta{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding:18px 0;font-size:10px;color:var(--muted)}.collage-meta span:first-child{letter-spacing:2px;color:var(--accent)}.portrait-collage{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:32px;padding:4px 0 0;max-width:820px;margin:auto}.portrait-tile{position:relative;display:block;background:#ebe2d5;padding:10px;box-shadow:0 7px 16px #4a2b1910}.portrait-tile img{display:block;width:100%;height:540px;object-fit:cover;object-position:50% 50%}.portrait-one{transform:rotate(-1deg)}.portrait-one img{object-position:50% 47%}.portrait-two{margin-top:32px;transform:rotate(1deg)}.portrait-three{margin-top:24px;transform:rotate(.6deg)}.portrait-three img{height:540px}.portrait-four{margin-top:42px;transform:rotate(.8deg)}.portrait-tile>span{position:absolute;bottom:18px;right:18px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#fbf5e9e8;color:var(--accent);font-size:17px}.portrait-tile:hover{box-shadow:0 8px 22px #4a2b1928}.collage-closing{text-align:center;padding:65px 0 60px}.collage-closing>span{font-size:27px;color:#a38358}.collage-closing p{font-family:var(--serif);font-size:21px;font-style:italic;color:var(--muted);margin:10px 0 13px}.collage-page nav a[aria-current=page]{border-bottom:1px solid #a88c73}#photo-viewer{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;border:0;margin:0;padding:18px 28px;background:#1f1b18;color:#fbf5e9;overflow:auto}#photo-viewer::backdrop{background:#1f1b18}#photo-viewer[open]{display:flex;flex-direction:column;align-items:center}.viewer-toolbar,.viewer-controls{display:flex;width:100%;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0}.viewer-toolbar p{margin:0;color:#d5cbbb;font-size:12px}.viewer-toolbar button,.viewer-controls button{border:1px solid #776a58;background:transparent;color:inherit;padding:10px 15px;font-size:12px;min-height:44px}.viewer-toolbar button span{font-size:20px;margin-left:10px}.viewer-controls{max-width:900px;margin-top:15px}.viewer-controls a{font-size:12px;text-decoration:underline;text-underline-offset:4px}#viewer-image{height:calc(100dvh - 155px);min-height:100px;max-width:100%;object-fit:contain;margin-top:15px}body.viewer-open{overflow:hidden}@media(max-width:1000px){.portrait-collage{gap:12px}.portrait-tile{padding:7px}.portrait-tile img,.portrait-three img{height:480px}}@media(max-width:720px){.collage-main{padding-top:38px}.collage-intro{margin-bottom:30px}.collage-intro h1{font-size:43px;letter-spacing:-1.5px}.collage-intro>p:last-child{font-size:17px}.collage-meta{font-size:9px;flex-wrap:wrap;gap:6px}.portrait-collage{grid-template-columns:1fr 1fr;gap:20px 12px}.portrait-tile img,.portrait-three img{height:310px}.portrait-two{margin-top:22px}.portrait-three{margin-top:0}.portrait-four{margin-top:20px}.collage-closing{padding:42px 0}.collage-closing p{font-size:19px}#photo-viewer{padding:12px}.viewer-controls{gap:8px}.viewer-controls button{padding:8px;font-size:11px}.viewer-controls a{font-size:10px;text-align:center}#viewer-image{height:calc(100dvh - 145px)}}@media(max-width:400px){.portrait-tile img,.portrait-three img{height:260px}}@media print{.portrait-collage{grid-template-columns:repeat(2,1fr)}.portrait-tile img,.portrait-three img{height:260px}.collage-main{padding-top:10px}.collage-closing{padding:20px 0}.collage-meta span:last-child,.portrait-tile>span{display:none}}
/* The complete family album: quiet paper frames and original proportions. */
.collage-intro{max-width:900px;margin-bottom:42px}.collage-intro h1{font-size:clamp(42px,5.3vw,76px)}.collage-main{max-width:1380px}.collage-meta{font-size:11px;align-items:center}.gallery-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin:12px 0 34px}.gallery-filters button{font:11px var(--sans);padding:11px 18px;min-height:44px;border:1px solid var(--border);border-radius:24px;color:var(--muted);background:transparent}.gallery-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.portrait-collage{display:block;columns:3;column-gap:26px;max-width:none;padding-top:0}.portrait-tile{break-inside:avoid;display:block;margin:0 0 26px;padding:10px 10px 34px;background:#fffdf8;border:1px solid #e5ddd1;box-shadow:0 7px 18px #4a2b190b;transform:none}.portrait-tile[hidden]{display:none!important}.portrait-tile img,.portrait-three img{height:auto;width:100%;object-fit:contain;aspect-ratio:auto}.portrait-tile>span{bottom:7px;right:10px;background:transparent;font-size:16px}.portrait-tile .photo-number{position:absolute;bottom:8px;left:12px;font:10px var(--sans);letter-spacing:1.5px;color:#9d8c75}.portrait-tile:hover{transform:translateY(-2px);box-shadow:0 9px 22px #4a2b1917}.collage-closing{border-top:1px solid var(--border);margin-top:18px;padding-top:48px}@media(max-width:900px){.portrait-collage{columns:2;column-gap:18px}.portrait-tile{margin-bottom:18px}}@media(max-width:520px){.collage-main{width:calc(100% - 28px)}.portrait-collage{column-gap:12px}.portrait-tile{padding:6px 6px 28px;margin-bottom:12px}.portrait-tile .photo-number{font-size:8px;left:9px;bottom:7px}.portrait-tile>span{font-size:14px;bottom:2px;right:5px}.gallery-filters{gap:6px;margin-bottom:25px}.gallery-filters button{font-size:10px;padding:10px 12px}.collage-meta{font-size:9px}.collage-intro h1{font-size:42px}}@media print{.gallery-filters{display:none}.portrait-collage{columns:3}.portrait-tile img{height:auto}.portrait-tile{margin-bottom:15px;box-shadow:none}}
/* Keep the opening archival photographs together in reading order. */
.portrait-collage{display:grid;columns:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:start}.portrait-tile{margin:0}.portrait-tile img{max-height:520px;object-fit:contain}@media(max-width:900px){.portrait-collage{columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media(max-width:520px){.portrait-collage{gap:12px}.portrait-tile img{max-height:310px}}

/* Simple, even frames preserve the complete photograph. */
.portrait-tile{padding:12px;background:#fffdf9;border:1px solid #c8b79f;box-shadow:0 3px 12px #4a2b1910}.portrait-tile img{height:auto;max-height:none;object-fit:contain;border:1px solid #e7dfd3}.portrait-tile:focus-visible{outline:3px solid #7d5b3a;outline-offset:4px}#viewer-image{border:8px solid #fffdf9;box-sizing:border-box}@media(max-width:520px){.portrait-tile{padding:7px}.portrait-tile img{max-height:none}#viewer-image{border-width:5px}}

/* Match Urmila's album: equal frames, 12 photos per page, 3 columns / 2 on phones. */
.portrait-collage{max-width:1100px;margin:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.portrait-tile{height:260px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:12px;border:1px solid #c8b79f;background:#fffdfb;box-shadow:0 3px 10px #4a2b190c}
.portrait-tile img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;border:0}
.portrait-tile:hover{transform:none;border-color:#7d5b3a}
.album-status{font:13px var(--sans);text-align:center;margin:22px 0 8px;color:var(--muted)}
.album-pager{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:9px;margin:12px 0 24px}
.album-pager[hidden]{display:none}
.album-pager button,.album-pager select{font:14px var(--sans);background:var(--paper);border:1px solid var(--border);color:var(--accent);border-radius:4px;min-height:42px;padding:9px 13px}
.album-pager button:disabled{opacity:.4;cursor:default}
.album-pager button:focus-visible,.album-pager select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:600px){.portrait-collage{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portrait-tile{height:190px;padding:7px}}
@media print{.album-pager,.album-status{display:none}.portrait-tile[hidden]{display:flex!important}.portrait-collage{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Presentation crops remove captured phone controls and surrounding album mats. */
.portrait-tile .photo-window,#viewer-image .photo-window{position:relative;overflow:hidden;flex:none;max-width:100%;margin:0;background:transparent;border:0;border-radius:0}
.portrait-tile .photo-window img,#viewer-image .photo-window img{position:absolute;display:block;width:var(--image-width);height:auto;max-width:none;max-height:none;left:var(--image-left);top:var(--image-top);object-fit:fill;border:0;margin:0}
#viewer-image{display:flex;align-items:center;justify-content:center;width:100%;height:calc(100dvh - 155px);min-height:100px;margin-top:15px;padding:8px;border:0;box-shadow:none}
.chronology-note{font:13px/1.7 var(--sans)!important;max-width:690px;margin:20px auto 0!important;color:var(--muted)}
@media(max-width:720px){#viewer-image{height:calc(100dvh - 155px);padding:4px}.viewer-toolbar p{max-width:70%;line-height:1.6}}