/* The same native archive objects gain structure inside the family Vault. */
.vault-media-log{aspect-ratio:.78;background:transparent;border-radius:2px}
.vault-media-postcard{aspect-ratio:1.55;background:transparent;border-radius:2px}
.vault-media-audio{aspect-ratio:1.8}
.vault-media-log>img,.vault-media-postcard>img{padding:0;background:transparent;object-fit:contain}
.archive-log,.archive-postcard,.archive-audio,.archive-video,.archive-again{padding:0;background:transparent}
.raw-archive-media{border-radius:2px;background:transparent}
body:not(.motion-story) #pieces .pieces-photo{display:none}
.archive-summers{padding:7px;background:var(--gray-25);border-radius:1px}
.archive-summers .raw-archive-media{border-radius:0}
.raw-photo-reverse{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:11px;padding:14% 12%;background:var(--gray-50);color:var(--gray-700);border:1px solid var(--gray-200);text-align:left}
.photo-paper-mark{position:absolute;top:12px;right:13px;font:500 6px/1 var(--sans);letter-spacing:.19em;color:var(--gray-300)}
.photo-reverse-title{font:italic 400 24px/1.1 var(--serif);letter-spacing:-.025em;transform:rotate(-4deg)}
.photo-reverse-date{font:italic 400 12px/1.3 var(--serif);color:var(--gray-600);transform:rotate(-4deg)}
.raw-audio-art{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:15px 17px;background:var(--gray-100);color:var(--gray-700);font-family:var(--sans);text-align:left;border:1px solid var(--gray-300);border-radius:3px}
.raw-audio-file{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500}
.raw-audio-file .icon{width:14px;height:14px}
.raw-audio-art .vault-wave{height:34px;flex:none}
.raw-audio-art .vault-wave i{background:var(--gray-500)}
.raw-audio-controls{display:flex;align-items:center;justify-content:space-between;font:400 11px/1.2 var(--sans)}
.raw-video-overlay{position:absolute;inset:0;color:var(--white);font:500 11px/1.2 var(--sans);letter-spacing:.06em;text-shadow:0 1px 3px var(--gray-900);box-shadow:inset 0 0 0 5px var(--gray-900)}
.raw-video-overlay:before{content:'';position:absolute;inset:5px 5px 30px;pointer-events:none;background:repeating-linear-gradient(transparent 0 3px,color-mix(in srgb,var(--gray-900) 12%,transparent) 3px 4px)}
.raw-video-status{position:absolute;top:13px;left:14px;right:14px;display:flex;justify-content:space-between}
.raw-video-label{position:absolute;left:0;right:0;bottom:0;min-height:31px;display:flex;align-items:center;gap:13px;padding:8px 11px;background:var(--gray-900);color:var(--gray-100);text-shadow:none;font:500 9px/1.2 var(--sans);letter-spacing:.02em}
.raw-video-label b{font-size:11px;letter-spacing:.05em;color:var(--white);border:1px solid var(--gray-500);padding:1px 3px;line-height:1}
.archive-written-note{background:var(--gray-25);background-image:repeating-linear-gradient(transparent 0 27px,color-mix(in srgb,var(--gray-300) 55%,transparent) 27px 28px);background-position:0 16px;border:0;border-radius:0;padding:25px 22px}
.archive-written-note:after{content:'';position:absolute;top:0;right:0;width:17px;height:17px;background:linear-gradient(45deg,var(--gray-200) 49%,var(--paper) 50%);box-shadow:-1px 1px 1px color-mix(in srgb,var(--shadow-color) 5%,transparent)}
.archive-written-note p{font:italic 400 23px/1.35 var(--serif);color:var(--gray-700);margin:0 0 16px}
.archive-written-note small{font-size:10px;color:var(--gray-600)}
.raw-media-layer,.gs-media-layer{position:absolute;inset:0}
.gs-media-layer>img{display:block;width:100%;height:100%;object-fit:contain}
.artifact-carrier .raw-media-layer,.artifact-carrier-video .raw-video-overlay{opacity:calc(1 - var(--assembly-progress,0))}
.artifact-carrier .gs-media-layer,.artifact-carrier-video .gs-media-ui{opacity:var(--assembly-progress,0)}
.artifact-carrier .raw-audio-art{padding:calc(15px / var(--media-scale,1)) calc(17px / var(--media-scale,1));gap:calc(12px / var(--media-scale,1));border-width:calc(1px / var(--media-scale,1));border-radius:calc(3px / var(--media-scale,1))}
.artifact-carrier .raw-audio-file{font-size:calc(12px / var(--media-scale,1));gap:calc(8px / var(--media-scale,1))}
.artifact-carrier .raw-audio-file .icon{width:calc(14px / var(--media-scale,1));height:calc(14px / var(--media-scale,1))}
.artifact-carrier .raw-audio-art .vault-wave{height:calc(34px / var(--media-scale,1))}
.artifact-carrier .raw-audio-controls{font-size:calc(11px / var(--media-scale,1))}
.artifact-carrier-video .raw-video-overlay{box-shadow:inset 0 0 0 calc(5px / var(--media-scale,1)) var(--gray-900);font-size:calc(11px / var(--media-scale,1))}
.artifact-carrier-video .raw-video-overlay:before{inset:calc(5px / var(--media-scale,1)) calc(5px / var(--media-scale,1)) calc(30px / var(--media-scale,1));background:repeating-linear-gradient(transparent 0 calc(3px / var(--media-scale,1)),color-mix(in srgb,var(--gray-900) 12%,transparent) calc(3px / var(--media-scale,1)) calc(4px / var(--media-scale,1)))}
.artifact-carrier-video .raw-video-status{top:calc(13px / var(--media-scale,1));left:calc(14px / var(--media-scale,1));right:calc(14px / var(--media-scale,1))}
.artifact-carrier-video .raw-video-label{min-height:calc(31px / var(--media-scale,1));gap:calc(13px / var(--media-scale,1));padding:calc(8px / var(--media-scale,1)) calc(11px / var(--media-scale,1));font-size:calc(9px / var(--media-scale,1))}
.artifact-carrier-video .raw-video-label b{font-size:calc(11px / var(--media-scale,1));border-width:calc(1px / var(--media-scale,1));padding:calc(1px / var(--media-scale,1)) calc(3px / var(--media-scale,1))}
.artifact-carrier-summers .carrier-image>img{padding:calc((1 - var(--assembly-progress,0))*7px / var(--media-scale,1));background:var(--gray-25)}
.artifact-carrier-again .raw-photo-reverse{gap:calc(11px / var(--media-scale,1));border-width:calc(1px / var(--media-scale,1))}
.artifact-carrier-again .photo-paper-mark{top:calc(12px / var(--media-scale,1));right:calc(13px / var(--media-scale,1));font-size:calc(6px / var(--media-scale,1))}
.artifact-carrier-again .photo-reverse-title{font-size:calc(24px / var(--media-scale,1))}
.artifact-carrier-again .photo-reverse-date{font-size:calc(12px / var(--media-scale,1))}
.artifact-carrier-log .carrier-image,.artifact-carrier-postcard .carrier-image{background:transparent}
.artifact-carrier-log .carrier-image>img,.artifact-carrier-postcard .carrier-image>img{padding:0;background:transparent}
.artifact-carrier-audio .carrier-caption,.vault-tile-audio>figcaption{display:none}
.artifact-carrier-audio .vault-audio-art{padding:calc((10px - var(--timeline-progress,0)*2px) / var(--media-scale,1));border:calc(1px / var(--media-scale,1)) solid var(--brand-50);border-radius:calc(8px / var(--media-scale,1))}
.artifact-carrier-audio .vault-audio-owner{font-size:calc((11px - var(--timeline-progress,0)*2px) / var(--media-scale,1))}
.artifact-carrier-audio .vault-audio-wave{height:28%;gap:calc((8px - var(--timeline-progress,0)*2px) / var(--media-scale,1))}
.artifact-carrier-audio .vault-audio-play{width:calc((24px - var(--timeline-progress,0)*6px) / var(--media-scale,1));height:calc((24px - var(--timeline-progress,0)*6px) / var(--media-scale,1));font-size:calc((8px - var(--timeline-progress,0)*2px) / var(--media-scale,1))}
.artifact-carrier-audio .vault-audio-duration{font-size:calc((9px - var(--timeline-progress,0)*1px) / var(--media-scale,1))}

/* A real family archive: readable categories, a featured memory and mixed sources. */
.vault-media-deed{aspect-ratio:.76;background:var(--gray-25);border-radius:2px}
.archive-deed{padding:0;background:transparent}
.vault-deed-art{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;gap:.5em;padding:10% 11%;background:var(--gray-25);color:var(--gray-700);border:1px solid var(--gray-200);font:400 9px/1.25 var(--sans);text-align:left}
.deed-record-kind{font-size:.7em;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
.vault-deed-art .deed-title{display:block;width:100%;margin:.3em 0 0;padding-bottom:.28em;border-bottom:1px solid var(--gray-300);font:500 1.7em/1.05 var(--serif);letter-spacing:-.02em;color:var(--gray-800)}
.deed-place{font-size:.9em}
.deed-parties{display:grid;gap:.15em;margin-top:.4em;font-size:.8em}
.deed-parties>span:first-child{font-size:.7em;letter-spacing:.06em;text-transform:uppercase;color:var(--gray-600)}
.deed-parties>strong{font:500 1.35em/1.2 var(--serif);color:var(--gray-800)}
.deed-rule-lines{width:100%;display:grid;gap:.48em;margin:auto 0}
.deed-rule-lines i{display:block;height:1px;background:var(--gray-200)}
.deed-rule-lines i:last-child{width:70%}
.deed-signatures{display:flex;gap:2em;font:italic 400 1.1em/1.2 var(--serif);color:var(--gray-600)}
.deed-sample{font-size:.6em;color:var(--gray-600);white-space:nowrap}
.artifact-carrier-deed .carrier-image{background:var(--gray-25);border-radius:2px}
.artifact-carrier-deed .vault-deed-art{font-size:calc((14px - var(--assembly-progress,0)*9px) / var(--media-scale,1));border-width:calc(1px / var(--media-scale,1))}
.artifact-carrier-deed .deed-rule-lines i{height:calc(1px / var(--media-scale,1))}
.vault-overview-strip .vault-media-deed .vault-deed-art{font-size:5px}
.vault-caption-story{display:none!important}
.vault-timeline .vault-tile-deed .vault-caption-meta,.shared-timeline-content .vault-tile-deed .vault-caption-meta{display:none}
.vault-timeline .vault-caption-story,.shared-timeline-content .vault-caption-story{display:block!important}
.artifact-carrier-deed .carrier-caption{display:grid;grid-template-areas:'title' 'detail'}
.artifact-carrier-deed .carrier-caption>strong{grid-area:title}
.artifact-carrier-deed .carrier-caption>.vault-caption-meta{grid-area:detail;opacity:calc(1 - var(--timeline-progress,0))}
.artifact-carrier-deed .carrier-caption>.vault-caption-story{grid-area:detail;display:block!important;opacity:var(--timeline-progress,0)}
.vault-overview-board{--overview-feature-height:clamp(218px,calc((var(--vault-current-height,var(--vault-height)) - var(--vault-chrome-height) - 64px)*.61),300px);display:grid;grid-template-columns:138px minmax(0,1fr);gap:24px;padding:4px 26px 24px}
.vault-category-sidebar{min-width:0;border-right:1px solid var(--line);padding:6px 15px 0 0}
.vault-category-sidebar>.vault-small-label{font-size:11px;margin:0 0 12px 9px}
.vault-category{display:flex;align-items:center;gap:9px;min-height:32px;padding:7px 9px;border-radius:6px;font:500 12px/1.4 var(--sans);color:var(--muted);white-space:nowrap}
.vault-category .icon{width:14px;height:14px;flex-shrink:0}
.vault-category.selected{background:var(--brand-25);color:var(--teal)}
.vault-sidebar-collection{margin:22px 0 0 9px}
.vault-sidebar-collection>.vault-small-label{font-size:10px;margin-bottom:6px}
.vault-sidebar-collection strong{font:500 12px/1.4 var(--sans);color:var(--text-brand-support)}
.vault-overview-main{min-width:0;display:flex;flex-direction:column;gap:24px}
.vault-overview-featured{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(78px,.55fr) minmax(210px,1.15fr);gap:22px;height:var(--overview-feature-height);flex:0 0 auto;align-items:start}
.vault-overview-featured .vault-tile{width:100%;justify-self:start}
.vault-overview-featured .vault-tile-jump>.photo-slot{width:min(100%,calc((var(--overview-feature-height) - 52px)*1.333333))}
.vault-overview-featured .vault-tile-log>.vault-media{width:min(100%,calc((var(--overview-feature-height) - 52px)*.78))}
.vault-overview-context{min-width:0;display:flex;flex-direction:column;gap:14px}
.vault-overview-context .vault-media-audio{width:100%;height:82px;aspect-ratio:auto}
.vault-overview-context .vault-audio-art{padding:10px 13px;border:1px solid var(--brand-50);border-radius:8px}
.vault-overview-context .vault-audio-wave{height:22px}
.vault-overview-context .vault-audio-duration{font-size:9px}
.vault-excerpt{display:block;padding:0;text-align:left}
.vault-excerpt>.vault-small-label{font:400 10px/1.35 var(--sans);color:var(--muted);margin:0 0 5px}
.vault-excerpt blockquote{font:400 17px/1.35 var(--serif);color:var(--ink);margin:0}
.vault-excerpt-source{display:block;font:400 10px/1.4 var(--sans);color:var(--text-brand-support);margin-top:5px}
.vault-family-context{display:flex;flex-wrap:wrap;align-items:start;gap:12px 18px;padding-top:12px;border-top:1px solid var(--line)}
.vault-family-context .vault-small-label{font-size:10px;margin:0 0 6px}
.vault-people-context>div{display:flex;gap:12px}
.vault-person-reference{display:flex;gap:5px;align-items:center;font:500 11px/1.3 var(--sans);color:var(--text-brand-support)}
.vault-person-reference i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--brand-25);font:400 9px var(--sans)}
.vault-place-context{display:flex;gap:7px;align-items:flex-end}
.vault-place-context>.icon{height:18px;width:18px;color:var(--brand-400);margin-bottom:1px}
.vault-place-context strong{font:500 11px/1.3 var(--sans);color:var(--text-brand-support)}
.vault-overview-strip{display:grid;grid-template-columns:1.05fr 1.15fr 1fr .78fr 1.05fr;gap:18px;min-height:0}
.vault-album .vault-overview-strip .vault-tile{width:100%;justify-self:start}
.vault-overview-strip .vault-media{width:min(100%,calc((var(--vault-current-height,var(--vault-height)) - var(--vault-chrome-height) - var(--overview-feature-height) - 102px)*1.333333))}
.vault-overview-strip .vault-media-postcard{width:min(100%,calc((var(--vault-current-height,var(--vault-height)) - var(--vault-chrome-height) - var(--overview-feature-height) - 102px)*1.55))}
.vault-overview-strip .vault-media-deed{width:min(86px,100%,calc((var(--vault-current-height,var(--vault-height)) - var(--vault-chrome-height) - var(--overview-feature-height) - 102px)*.76))}
.vault-overview-strip figcaption{padding-top:8px}
.vault-overview-strip figcaption>strong{font-size:12px}
.vault-overview-strip figcaption>span{font-size:10px}
/* Shared media baselines keep every settled title aligned without cropping
   the archive's different formats. The carriers measure these same targets. */
@media(min-width:1100px){
 .vault-overview-featured,.vault-overview-strip{grid-template-rows:auto auto;row-gap:0;align-items:stretch}
 .vault-overview-featured>.vault-tile,.vault-overview-strip>.vault-tile{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0}
 .vault-overview-featured>.vault-tile>.photo-slot,.vault-overview-featured>.vault-tile>.vault-media,.vault-overview-strip>.vault-tile>.vault-media{align-self:end}
 .vault-overview-featured>.vault-overview-context{grid-row:span 2;align-self:start}
}
.shared-overview-content,.shared-timeline-content{position:absolute;inset:var(--vault-chrome-height) 0 0}
.shared-overview-content{opacity:var(--context-opacity,0)}
.shared-overview-content .vault-overview-board{height:100%}
.shared-overview-content .vault-media,.shared-overview-content .photo-slot,.shared-overview-content figcaption,.shared-timeline-content .vault-media,.shared-timeline-content .photo-slot,.shared-timeline-content figcaption{visibility:hidden}
.shared-timeline-content{opacity:var(--timeline-progress,0)}
.shared-timeline-content .vault-board{height:100%}
.shared-timeline-content .vault-timeline-context figcaption{visibility:visible}
.artifact-carrier-log .carrier-caption{opacity:calc(var(--caption-opacity,0)*(1 - var(--timeline-progress,0)))}
/* Memory Detail is the larger, contextual product payoff. */
.vault-detail-board{grid-template-columns:minmax(104px,.55fr) minmax(0,2.5fr) minmax(270px,1.65fr);gap:26px;height:calc(var(--vault-current-height,var(--vault-height)) - var(--vault-chrome-height));padding:8px 26px 26px}
.vault-detail-browser{padding-right:16px}
.vault-memory-list>span{padding:9px 7px;font-size:11px}
.vault-detail-related{margin-top:28px;padding-top:18px}
.vault-detail-related .vault-media{width:min(132px,100%)}
.vault-detail-related strong{font-size:12px}
.vault-detail-related figcaption>span{font-size:10px;line-height:1.45}
.vault-detail-title{padding-bottom:18px}
.vault-detail-title h3{font-size:26px;font-weight:500}
.vault-detail-title>span{font-size:11px}
.vault-detail-main>.photo-slot{width:min(100%,calc((var(--vault-current-height,var(--vault-height)) - var(--vault-chrome-height) - 110px)*1.333333));margin:0;flex-shrink:0}
.vault-detail-photo-meta{font-size:11px;padding-top:15px}
.vault-detail-facts{display:grid;gap:9px;padding-bottom:14px;margin-bottom:15px;font-size:12px}
.vault-detail-people{margin-bottom:21px}
.vault-person{font-size:11px;padding:5px 10px;background:var(--gray-50)}
.vault-detail-description>.vault-small-label{font-size:11px;margin-bottom:12px}
.vault-detail-description blockquote{border:0;border-left:2px solid var(--brand-100);border-radius:0;background:transparent;padding:0 0 0 14px;font:400 14px/1.55 var(--sans)}
.vault-description-source{font-size:10px;margin-top:10px;padding-left:16px}
.vault-detail-attachments{margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}
.vault-attachment-grid{grid-template-columns:74px minmax(0,1fr);gap:18px;align-items:start}
.vault-attachment-grid .vault-media-log{width:74px}
.vault-attachment-grid .vault-media-audio{width:100%;height:95px;aspect-ratio:auto}
.vault-attachment-grid .vault-audio-art{padding:10px}
.vault-attachment-grid .vault-audio-owner{font-size:11px}
.vault-attachment-grid .vault-audio-duration{font-size:9px;justify-content:space-between}
.vault-attachment-grid .vault-audio-duration b{font-size:9px}
.vault-attachment-grid figure:has(.vault-media-audio)>figcaption{display:none}
.vault-attachment-grid strong{font-size:11px}
.vault-attachment-grid figcaption>span{font-size:10px}

/* Seven dated anchors. The Lake Log remains source context for First Jump. */
.vault-timeline .vault-timeline-board,.shared-timeline-content .vault-timeline-board{--timeline-media-height:clamp(62px,calc((var(--vault-current-height,var(--vault-height)) - var(--vault-chrome-height) - 140px)*.48),120px);grid-template-columns:1fr 1fr 1fr 1.24fr 1fr 1fr 1fr;gap:20px 16px;grid-template-rows:max-content max-content;padding-top:15px}
.vault-timeline-board>.vault-tile,.vault-timeline .vault-timeline-board>.vault-tile{grid-column:auto;grid-row:1;max-width:none;width:100%;justify-self:start}
.vault-timeline-board>.vault-tile>.vault-media,.vault-timeline-board>.vault-tile>.photo-slot,.vault-timeline .vault-timeline-board>.vault-tile>.vault-media,.vault-timeline .vault-timeline-board>.vault-tile>.photo-slot{width:min(100%,calc(var(--timeline-media-height)*1.333333))}
.vault-timeline-board>.vault-tile>.vault-media-postcard,.vault-timeline .vault-timeline-board>.vault-tile>.vault-media-postcard{width:min(100%,calc(var(--timeline-media-height)*1.55))}
.vault-timeline-board>.vault-tile>.vault-media-deed,.vault-timeline .vault-timeline-board>.vault-tile>.vault-media-deed{width:min(100%,calc(var(--timeline-media-height)*.76))}
.vault-timeline .vault-tile-deed .vault-deed-art,.shared-timeline-content .vault-tile-deed .vault-deed-art{font-size:5px}
.vault-timeline-board>.vault-tile>.vault-media-audio,.vault-timeline .vault-timeline-board>.vault-tile>.vault-media-audio{width:100%;height:var(--timeline-media-height);aspect-ratio:auto}
.shared-timeline-content .vault-tile>figcaption>strong{font-size:12px}
.shared-timeline-content .vault-tile figcaption span{font-size:10px}
.shared-timeline-content .vault-year{display:block;font:500 18px/1.3 var(--sans);color:var(--teal);margin-bottom:22px;position:relative}
.shared-timeline-content .vault-year:after{content:'';width:6px;height:6px;background:var(--brand-300);border-radius:50%;position:absolute;left:0;bottom:-16px}
.shared-timeline-content .vault-tile-jump .vault-year:after{background:var(--teal);height:8px;width:8px;bottom:-17px}
.shared-timeline-content .vault-board:before{content:'';position:absolute;top:51px;left:26px;right:26px;height:1px;background:var(--brand-50)}
.vault-timeline-context{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding-top:13px;border-top:1px solid var(--line)}
.vault-timeline-context .vault-timeline-source{justify-content:center;gap:28px}
.vault-timeline-source,.vault-timeline-records{display:flex;justify-content:space-between;gap:18px;align-items:center;min-width:0}
.vault-timeline-context .vault-small-label{margin:0 0 7px;font-size:10px;color:var(--text-brand-support)}
.vault-timeline-context p{font:400 13px/1.4 var(--sans);color:var(--muted);max-width:220px;margin:0}
.vault-timeline-context .vault-tile,.vault-timeline .vault-timeline-context .vault-tile{display:flex;align-items:center;gap:12px;grid-column:auto;grid-row:auto;max-width:none;min-width:150px;width:auto;margin:0}
.vault-timeline-context .vault-media-log,.vault-timeline .vault-timeline-context .vault-media-log{width:48px;aspect-ratio:.78;flex-shrink:0}
.vault-timeline-context .vault-media-deed,.vault-timeline .vault-timeline-context .vault-media-deed{width:48px;aspect-ratio:.76;flex-shrink:0}
.vault-timeline-context .vault-deed-art{font-size:5px;padding:12%}
.vault-timeline-context .vault-tile>figcaption{padding-top:0;max-width:108px}
.vault-timeline-context .vault-tile>figcaption>strong{font-size:11px}
.vault-timeline-context .vault-tile figcaption>span{font-size:9px}
.vault-timeline .vault-audio-art{padding:8px}
.vault-timeline .vault-audio-owner{font-size:9px}
.vault-timeline .vault-audio-play{width:18px;height:18px;font-size:6px}
.vault-timeline .vault-audio-duration{font-size:8px}
.vault-timeline .vault-audio-wave{gap:6px}

@media(min-width:1100px) and (max-height:960px){
 .vault-overview-board{grid-template-columns:132px minmax(0,1fr);gap:22px}
 .vault-overview-featured{gap:20px}
 .vault-overview-context{gap:12px}
 .vault-overview-context .vault-media-audio{height:74px}
 .vault-excerpt blockquote{font-size:16px}
 .vault-excerpt>.vault-small-label,.vault-excerpt-source{font-size:9px}
 .vault-family-context{padding-top:9px;gap:12px}
 .vault-detail-board{grid-template-columns:minmax(110px,.55fr) minmax(0,2.5fr) minmax(290px,1.65fr);gap:24px;padding-top:6px;padding-bottom:22px}
 .vault-detail-title h3{font-size:24px}
 .vault-detail-title>span{font-size:10px}
 .vault-detail-facts{font-size:11px;margin-bottom:12px;padding-bottom:12px}
 .vault-detail-people{margin-bottom:17px}
 .vault-detail-description blockquote{font-size:13px;line-height:1.5}
 .vault-detail-description>.vault-small-label{font-size:10px;margin-bottom:10px}
 .vault-detail-attachments{margin-top:18px;padding-top:13px}
 .vault-attachment-grid{grid-template-columns:64px minmax(0,1fr);gap:15px}
 .vault-attachment-grid .vault-media-log{width:64px}
 .vault-attachment-grid .vault-media-audio{height:83px}
 .vault-detail-related .vault-media{width:min(112px,100%)}
 .vault-memory-list>span{font-size:10px;padding:7px 6px}
 .vault-timeline .vault-timeline-board,.shared-timeline-content .vault-timeline-board{row-gap:14px;padding-top:9px;padding-bottom:16px}
 .shared-timeline-content .vault-board:before{top:45px}
 .vault-timeline-context{padding-top:11px}
 .vault-timeline-context p{font-size:12px}
}
@media(min-width:1100px) and (max-height:850px){
 .vault-timeline .vault-timeline-board,.shared-timeline-content .vault-timeline-board{row-gap:10px;padding-bottom:12px}
 .vault-timeline-context{padding-top:7px}
 .vault-timeline-context .vault-media-log,.vault-timeline .vault-timeline-context .vault-media-log{width:36px}
}
/* A portrait document needs a shallower perch in the stacked reading layout. */
body:not(.motion-story) #pieces .archive-deed{--fw:16%;--fx:72%;--fy:38%}
/* The non-sticky reading layout uses the same content and keeps every category. */
@media(max-width:1099px){
 .vault-overview-board{display:block;height:auto;padding:0 20px 24px}
 .vault-category-sidebar{display:flex;flex-wrap:wrap;gap:5px;border-right:0;border-bottom:1px solid var(--line);padding:0 0 15px;margin-bottom:24px}
 .vault-category-sidebar>.vault-small-label,.vault-sidebar-collection{display:none}
 .vault-category{font-size:11px;min-height:30px;padding:6px 8px}
 .vault-overview-featured{height:auto;grid-template-columns:1.3fr .7fr;gap:24px}
 .vault-overview-featured .vault-tile-jump>.photo-slot{width:100%}
 .vault-overview-featured .vault-tile-log>.vault-media{width:min(145px,100%)}
 .vault-overview-context{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:24px}
 .vault-family-context{grid-column:1/-1}
 .vault-overview-strip{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:24px}
 .vault-overview-strip .vault-media,.vault-overview-strip .vault-media-postcard{width:100%}
 .vault-overview-strip .vault-media-deed{width:90px}
 .vault-detail-board{grid-template-columns:1.3fr 1fr;gap:20px;height:auto;padding:0 20px 24px}
 .vault-detail-main>.photo-slot{width:100%;margin:0}
 .vault-detail-title h3{font-size:22px}
 .vault-detail-facts{font-size:10px}
 .vault-detail-description blockquote{font-size:12px}
 .vault-attachment-grid{grid-template-columns:60px minmax(0,1fr);gap:12px}
 .vault-attachment-grid .vault-media-log{width:60px}
 .vault-timeline .vault-timeline-board{grid-template-columns:repeat(3,minmax(0,1fr));height:auto;row-gap:28px}
 .vault-timeline .vault-timeline-board>.vault-tile{grid-row:auto}
 .vault-timeline .vault-timeline-board>.vault-tile>.vault-media,.vault-timeline .vault-timeline-board>.vault-tile>.photo-slot{width:100%}
 .vault-timeline .vault-timeline-board>.vault-tile>.vault-media-audio{height:120px}
 .vault-timeline-context{grid-row:auto;grid-template-columns:1fr;gap:22px}
 .vault-timeline-source,.vault-timeline-records{justify-content:flex-start}
 .vault-timeline-context p{max-width:220px}
 .vault-timeline-context .vault-tile>figcaption{max-width:none}
}
@media(max-width:600px){
 body:not(.motion-story) #pieces .archive-deed{--fx:45%;--fy:65%}
 .archive-audio .raw-audio-art{padding:clamp(6px,1.8vw,8px) 8px;gap:3px}
 .archive-audio .raw-audio-file{font-size:8px;gap:5px}
 .archive-audio .raw-audio-file .icon{width:9px;height:9px}
 .archive-audio .raw-audio-art .vault-wave{height:clamp(14px,4.2vw,20px)}
 .archive-audio .raw-audio-controls{font-size:7px}
 .vault-overview-board{padding:0 15px 22px}
 .vault-overview-featured{gap:18px}
 .vault-overview-context{display:block}
 .vault-overview-context .vault-excerpt{margin:20px 0}
 .vault-overview-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}
 .vault-detail-board{display:block;padding:0 15px 22px}
 .vault-detail-description blockquote{font-size:14px}
 .vault-timeline .vault-timeline-board{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px 15px}
 .vault-timeline-source,.vault-timeline-records{flex-wrap:wrap;gap:12px}
 .vault-timeline-context .vault-media-log,.vault-timeline .vault-timeline-context .vault-media-log,.vault-timeline-context .vault-media-deed,.vault-timeline .vault-timeline-context .vault-media-deed{width:60px}
 .vault-timeline-context .vault-deed-art{font-size:6px}
}

/* Modern screen mockup.svg: 32px outer corners, 8px white bezel, 24px inner corners.
   Paint inside the existing 1px layout border so measured media targets stay put. */
body:not(.motion-story) .vault-frame,
.motion-story .product-shell-carrier{
 border-color:var(--gray-300);
 border-radius:32px;
 box-shadow:0 2px 2px -1px color-mix(in srgb,var(--shadow-inset-color) 4%,transparent),
  0 4px 6px -2px color-mix(in srgb,var(--shadow-inset-color) 3%,transparent),
  0 12px 16px -4px color-mix(in srgb,var(--shadow-inset-color) 8%,transparent);
}
body:not(.motion-story) .vault-frame::before,
body:not(.motion-story) .vault-frame::after,
.motion-story .product-shell-carrier::before,
.motion-story .product-shell-carrier::after{
 content:'';
 position:absolute;
 z-index:10;
 pointer-events:none;
}
body:not(.motion-story) .vault-frame::before,
.motion-story .product-shell-carrier::before{
 inset:0;
 border:1px solid var(--gray-300);
 border-radius:31px;
 box-shadow:inset 0 0 4px 2px color-mix(in srgb,var(--shadow-inset-color) 3%,transparent),
  inset 0 0 6px 2px color-mix(in srgb,var(--shadow-inset-color) 8%,transparent),
  inset 0 0 0 6px var(--white);
}
body:not(.motion-story) .vault-frame::after,
.motion-story .product-shell-carrier::after{
 inset:7px;
 border:2px solid var(--gray-200);
 border-radius:24px;
}