/* The full-width recording photograph and the aligned review journal. */
:is(#revisit-details,#build-in-pictures,#before-covered,#your-build-history):focus-visible{outline:1px solid var(--drawing-line);outline-offset:6px}
.photo-journal h2,.photo-journal h3{color:var(--color-charcoal)}
.photo-journal>.wrap{padding-inline:32px}
.photo-journal .section-opening{display:block;margin-bottom:48px}
.photo-journal .section-opening h2{max-width:22ch}
.photo-depth{position:relative;overflow:hidden;overflow:clip;isolation:isolate;background:var(--color-storybook-green)}
.photo-parallax-layer{position:absolute;inset:0}
.photo-depth-ready .photo-parallax-layer{inset:-25% 0}
.photo-depth.is-moving .photo-parallax-layer{will-change:transform}
.photo-parallax-layer>img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:42% center}
.recording-panorama{width:100%;height:clamp(520px,78vh,880px);height:clamp(520px,78svh,880px);margin:0;border-block:1px solid var(--drawing-line)}
.recording-panorama .photo-parallax-layer>img{object-position:42% center}
.photo-scroll-rule{position:absolute;left:-1px;top:0;width:1px;height:100%;background:var(--color-night-ink);transform-origin:top;pointer-events:none}
.photo-journal{background:var(--color-paper-white)}
.photo-journal-grid{--journal-gap:48px;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--journal-gap);align-items:start}
.photo-journal-entry{position:relative;min-width:0;margin:0;padding:0}
.photo-journal-entry+.photo-journal-entry::before{content:"";position:absolute;inset-block:0;inset-inline-start:calc(var(--journal-gap)/-2);width:1px;background:var(--drawing-line);pointer-events:none}
.photo-journal-entry>.photo-scroll-rule{left:calc(var(--journal-gap)/-2)}
.photo-journal-entry.is-rising{will-change:transform}
.photo-journal-entry>.photo-depth{aspect-ratio:4/3}
.photo-journal-entry .photo-parallax-layer{inset:0}
.photo-journal-entry .photo-parallax-layer>img{object-position:center}
.photo-journal-entry figcaption{padding-top:24px}
.photo-journal-entry h3{margin:0 0 16px;font-size:var(--title-small);line-height:1.3}
.photo-journal-entry p{margin:0;padding-top:16px;border-top:1px solid var(--drawing-line);font-size:1.0625rem;line-height:1.65;color:var(--color-charcoal)}
@media(min-width:761px) and (max-width:1100px){
 .photo-journal-grid{--journal-gap:32px}
}
@media(max-width:760px){
 .photo-journal>.wrap{padding-inline:20px}
 .photo-depth-ready .photo-parallax-layer{inset:-14% 0}
 .recording-panorama{height:clamp(420px,68vh,600px);height:clamp(420px,68svh,600px)}
 .photo-journal .section-opening{margin-bottom:28px}
 .photo-journal-grid{grid-template-columns:minmax(0,1fr);gap:40px}
 .photo-journal-entry{border:0;padding:0}
 .photo-journal-entry+.photo-journal-entry::before{display:none}
 .photo-journal-entry>.photo-depth{aspect-ratio:4/3}
 .photo-scroll-rule{display:none}
 .photo-journal-entry figcaption{padding-top:20px}
}
@media(prefers-reduced-motion:reduce){.photo-depth-ready .photo-parallax-layer{inset:0;transform:none!important}.photo-journal-entry{transform:none!important;will-change:auto!important}.photo-scroll-rule{transform:none!important}}
@media print{.photo-journal-entry{transform:none!important;will-change:auto!important}.photo-parallax-layer{inset:0!important;transform:none!important}.photo-scroll-rule{display:none}.recording-panorama{height:360px}}