/* Selected direction F: Chalk & White. Shared by the page and section frames. */
:root{color-scheme:light;--cw-canvas:#fff;--cw-surface:#fff;--cw-well:#efefed;--cw-ink:#262624;--cw-muted:#686864;--cw-line:#d9d9d5;--cw-action:#292927;--cw-shadow:0 4px 12px #26262412,0 1px 2px #26262410;background:var(--cw-canvas);color:var(--cw-ink)}
body{background:var(--cw-canvas);color:var(--cw-ink)}
button,input{accent-color:var(--cw-action)}
:focus-visible{outline-color:var(--cw-ink)}
dialog{background:white;color:var(--cw-ink);border-color:var(--cw-line);box-shadow:0 25px 90px #26262420}
dialog::backdrop{background:#26262433}
dialog p,dialog small{color:var(--cw-muted)}
dialog button{color:var(--cw-ink);background:var(--cw-well);border-color:var(--cw-line)}
/* Page shell. */
.site-nav{background:linear-gradient(#fff 0%,#fffffff0 55%,#ffffff00 100%);color:var(--cw-ink)}
.nav-left>a:not(.logo),.nav-forever,.nav-search button{color:var(--cw-muted)!important}
.nav-search{background:white;border-color:var(--cw-line);color:var(--cw-muted);box-shadow:var(--cw-shadow)}
.nav-search input{color:var(--cw-ink)}
.nav-search:focus-within{outline-color:var(--cw-ink)}
.site-nav .start,.closing-cta{background:var(--cw-action);color:white;box-shadow:var(--cw-shadow)}
.site-nav .start:hover,.closing-cta:hover{background:#41413d}
#search-results{border-color:var(--cw-line);box-shadow:0 12px 30px #26262416}
#search-results a{color:var(--cw-ink)}
#search-results a:hover,#search-results a:focus{background:var(--cw-well)}
#search-results p,.closing p,.footer,.review{color:var(--cw-muted)}
.scroll-section.life,.scroll-section.rewind,.closing{background:white}
.closing h2{color:var(--cw-ink)}
.closing-tile{background:var(--cw-well)}
.footer,.review{border-color:var(--cw-line)}
.review{background:#fffffff0;box-shadow:var(--cw-shadow)}
/* Hero / chapters. Photography and the original glow remain full color. */
[data-landing-section=life] .hero{background:white}
[data-landing-section=life] .content{color:var(--cw-ink)}
[data-landing-section=life] .copy>p{color:var(--cw-muted)}
[data-landing-section=life] .veil{background:linear-gradient(90deg,#fffffff5 0%,#ffffffdb 36%,#ffffff40 65%,#ffffff00 82%)}
[data-landing-section=life] .content .cta{background:white;border-color:var(--cw-line);color:var(--cw-ink);border-radius:999px;box-shadow:inset 0 1px 0 #fff}
[data-landing-section=life] .content .cta.primary{background:var(--cw-action);border-color:var(--cw-action);color:white;box-shadow:var(--cw-shadow)}
[data-landing-section=life] .content .cta:hover{background:var(--cw-well)}
[data-landing-section=life] .content .cta.primary:hover{background:#41413d}
[data-landing-section=life] .content h1{text-shadow:none}
[data-landing-section=life] :is(.connected,.memory-stage,.context-heading){color:var(--cw-ink)}
[data-landing-section=life] :is(.context-heading small,.context-heading p,#context-feedback,.chapter-picker-label,.memory-caption,.memory-copy .chapter-origin,.connected-heading p,.connected-heading small,.chapter-label small){color:var(--cw-muted)}
[data-landing-section=life] .context-actions button{background:white;border-color:var(--cw-line);color:var(--cw-ink);border-radius:999px;box-shadow:var(--cw-shadow)}
[data-landing-section=life] .context-actions button[aria-pressed=true]{background:var(--cw-well);border-color:var(--cw-ink)}
[data-landing-section=life] :is(.memory-tag,.mobile-tags span,.satellite-detail span){background:var(--cw-well);color:var(--cw-ink)}
[data-landing-section=life] .chapter-label::before{background:var(--cw-line)}
[data-landing-section=life] .memory-tabs{width:620px;max-width:calc(100% - 40px);padding:4px;gap:0;border:1px solid #d8d8d480;border-radius:999px;background:#e3e3df;box-shadow:inset 0 1px 2px #26262409;backdrop-filter:none;-webkit-backdrop-filter:none}
[data-landing-section=life] .memory-tabs::before{top:4px;bottom:4px;border-radius:999px;background:#fff;border:1px solid #ffffffd9;box-shadow:0 3px 7px #26262416,0 1px 2px #26262410;transition:transform 260ms cubic-bezier(.22,1,.36,1),width 260ms cubic-bezier(.22,1,.36,1)}
[data-landing-section=life] .memory-tabs button{flex:1 0 108px;height:44px;min-height:44px;padding:0 13px;border:0;border-radius:999px;color:#646460;font-size:12px;letter-spacing:0;text-shadow:none;background:transparent;box-shadow:none;transition:color 180ms}
[data-landing-section=life] .memory-tabs button[aria-selected=true]{color:var(--cw-ink);font-weight:600;background:transparent;transform:none}
[data-landing-section=life] .memory-tabs button:hover{color:var(--cw-ink);background:transparent}
[data-landing-section=life] .memory-tabs button::after{content:'';position:absolute;right:0;top:13px;height:18px;width:1px;background:#c9c9c4;transition:opacity 180ms}
[data-landing-section=life] .memory-tabs button:last-child::after,[data-landing-section=life] .memory-tabs button[aria-selected=true]::after,[data-landing-section=life] .memory-tabs button:has(+[aria-selected=true])::after{opacity:0}
[data-landing-section=life] .memory-tabs button:focus-visible{outline-color:var(--cw-ink);outline-offset:-3px}
[data-landing-section=life] .demo{color:var(--cw-ink);background:white;border-color:var(--cw-line)}
[data-landing-section=life] .demo .cta{background:var(--cw-action);color:white;border-color:var(--cw-action)}
/* Rewind controls. Preserve its spatial photo animation and moving light. */
[data-landing-section=rewind] .scene{background:white}
[data-landing-section=rewind] :is(.heading small,.heading p,.chapter,.context,.copy p,.transport .hint,.transport output){color:var(--cw-muted)}
[data-landing-section=rewind] .year-ghost{color:#d9d9d5}
[data-landing-section=rewind] .copy{border-color:var(--cw-line)}
[data-landing-section=rewind] .transport .scrub.ruler{background:linear-gradient(180deg,#e5e5e2,#f3f3f0 22%,#fff 75%,#efefed);border-color:var(--cw-line);box-shadow:inset 0 2px 5px #26262412,inset 0 -1px 0 white}
[data-landing-section=rewind] .ruler-tick{background:#bdbdb6}
[data-landing-section=rewind] .ruler-tick.major{background:#a6a69e}
[data-landing-section=rewind] .ruler-tick b{color:var(--cw-muted)}
[data-landing-section=rewind] .ruler-lens{background:linear-gradient(110deg,#fff,#ffffffd9 43%,#efefed);box-shadow:var(--cw-shadow),inset 0 1px 1px white,inset 0 -2px 2px #26262410}
[data-landing-section=rewind] .ruler-lens strong{color:var(--cw-ink)}
[data-landing-section=rewind] .ruler-lens i{background:var(--cw-ink);box-shadow:1px 0 0 white}
[data-landing-section=rewind] .ruler-lens small{color:var(--cw-muted)}
[data-landing-section=rewind] .entry{color:var(--cw-ink);background:white;border-color:var(--cw-line);border-radius:999px;box-shadow:var(--cw-shadow)}
[data-landing-section=rewind] .transport-top .play{color:var(--cw-ink)}
/* Share: white photo typography stays intact. */
[data-landing-section=share] :is(.eyebrow,.copy p,.node small,.privacy p,.privacy output){color:var(--cw-muted)}
[data-landing-section=share] .cta{background:var(--cw-action);color:white;box-shadow:var(--cw-shadow)}
[data-landing-section=share] .cta:hover{background:#41413d}
[data-landing-section=share] .node{background:#ffffffed;box-shadow:var(--cw-shadow)}
[data-landing-section=share] .node .avatar{background:linear-gradient(145deg,#e5e5e2,#f8f8f6);color:var(--cw-muted)}
[data-landing-section=share] .fragment{background:var(--cw-well);border-color:var(--cw-line);color:var(--cw-muted);box-shadow:var(--cw-shadow)}
[data-landing-section=share] .wire{stroke:#d9d9d5}
[data-landing-section=share] .signal{stroke:#aaa9a2;filter:drop-shadow(0 0 3px #d9d9d5)}
[data-landing-section=share] .segments{background:linear-gradient(#efefed,#f8f8f6);border-color:var(--cw-line);box-shadow:inset 0 1px 3px #26262409}
[data-landing-section=share] .segments button{color:var(--cw-muted)}
[data-landing-section=share] .segments button[aria-checked=true]{background:white;border-color:var(--cw-line);color:var(--cw-ink);box-shadow:var(--cw-shadow),inset 0 1px 0 white}
[data-landing-section=share] .portrait-story{background:var(--cw-well);box-shadow:0 0 0 1px #d9d9d5,0 16px 32px -15px #26262455,0 3px 8px #26262412}
/* Forever profile: neutral keepsake surfaces, retained glass geometry. */
[data-landing-section=forever] :is(.intro small,.intro p,.support,.caption,.proof,.story-nav,.story-nav span:last-child,.story-heading small,.story-copy p,.collection-title,.collection-title span:last-child,.object-labels small,.portrait-caption span,.story-footer,.story-footer span:last-child){color:var(--cw-muted)}
[data-landing-section=forever] :is(.story-nav strong,.story-heading h2,.object-labels strong,.portrait-caption strong,.proof span){color:var(--cw-ink)}
[data-landing-section=forever] .story{background:white;border-color:var(--cw-line);box-shadow:0 2px 4px #26262405,0 20px 55px -20px #26262424}
[data-landing-section=forever] .story-nav{border-color:var(--cw-well)}
[data-landing-section=forever] .story-nav i{color:var(--cw-line)}
[data-landing-section=forever] .privacy-dot{background:#86867e}
[data-landing-section=forever] .object-bed div{background:linear-gradient(145deg,#fff,#efefed);border-color:var(--cw-line)}
[data-landing-section=forever] .proof{border-color:var(--cw-line)}
[data-landing-section=forever] .proof:hover{color:var(--cw-ink);border-color:var(--cw-ink)}
[data-landing-section=forever] .floor{background:radial-gradient(ellipse,#26262422,transparent 68%)}
@media(max-width:809px){[data-landing-section=life] .veil{background:linear-gradient(90deg,#ffffffeb,#ffffffc7 65%,#ffffff5c)}}
@media(max-width:900px){.site-nav{background:#fffffff2}}
@media(prefers-reduced-motion:reduce){[data-landing-section=life] .memory-tabs::before{transition:none}}
[data-landing-section=life] .memory-stage[data-reduced=true] .memory-tabs::before{transition:none}

/* Story / Place / Person: one shared control beneath the memory. */
[data-landing-section=life] .memory-tabs{width:360px;max-width:calc(100% - 40px);overflow:hidden}
[data-landing-section=life] .memory-tabs button{flex:1 1 0;min-width:0;padding:0 14px;font-size:13px}
[data-landing-section=life] #context-feedback{position:absolute;width:1px;height:1px;min-height:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
[data-landing-section=life] .memory-card{cursor:default}