@import url('https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,400;0,500;0,600;1,400&display=swap');
:root{--paper:#fbfbf9;--ink:#2b2b22;--muted:#5b5b4b;--teal:#034d51;--line:#e8e8e3;--soft:#e0e7e8;--serif:'Spectral',Georgia,serif;--sans:'Avenir Next',Avenir,'Segoe UI',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #4a92a3;outline-offset:5px}.site-header{height:96px;padding:24px 4vw;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:30}.site-header img{display:block;width:275px;height:auto}
/* Keep the tagline outside the flex-aligned logo box. */
.site-header .site-brand{position:relative;display:block}
.site-tagline{position:absolute;top:calc(100% + 2px);left:calc(15.79229% + 3px);white-space:nowrap;font:400 12px/1.2 var(--serif);color:#474739}
.site-header nav{display:flex;align-items:center;gap:35px;font-size:14px}.button{border:1px solid transparent;border-radius:99px;padding:13px 26px;font-weight:600;min-height:48px;font-size:15px}.primary{background:var(--teal);color:#fff}.primary:hover{background:#023f42}.hero{padding:20px 24px 45px;min-height:calc(100svh - 96px);text-align:center;background:radial-gradient(ellipse at 15% 83%,#e0e7e856,transparent 37%),radial-gradient(ellipse at 85% 90%,#feeed459,transparent 39%)}h1,h2,h3,p,figure{margin:0}h1{font:400 clamp(42px,5vw,76px)/1.1 var(--serif);letter-spacing:-.055em}.hero-copy p{font-size:18px;line-height:1.6;max-width:740px;margin:19px auto 22px;color:var(--muted)}.hero-actions{display:flex;gap:26px;justify-content:center;align-items:center;margin-bottom:34px}.text-link{font-size:15px}.text-link span{margin-left:8px}.anchor-card{width:min(650px,72vh);padding:10px;background:#fff;margin:0 auto;box-shadow:0 12px 38px #2b2b2210,0 2px 6px #2b2b2209;transform:rotate(-1deg)}.anchor-card>img{width:100%;height:auto;display:block}.anchor-card figcaption{display:flex;align-items:baseline;justify-content:space-between;text-align:left;gap:15px;padding:12px 8px 5px}.anchor-card figcaption span:first-child{font:400 19px var(--serif)}.anchor-card figcaption span:last-child{font-size:12px;color:var(--muted)}@media(max-width:700px){.site-header{height:80px;padding:20px}.site-header img{width:210px}.site-header nav>a:not(.button){display:none}.site-header .button{padding:10px 16px;min-height:40px;font-size:13px}.hero{padding:32px 20px 70px}.hero-copy p{font-size:16px;line-height:1.65}.hero-actions{margin:26px 0 40px;gap:22px}.anchor-card{width:100%}.anchor-card figcaption{display:block}.anchor-card figcaption span{display:block}}
/* A single quiet stage, with the photograph as its continuous visual anchor. */
html{scroll-behavior:smooth}button{color:inherit}.site-header{position:fixed;inset:0 0 auto;background:linear-gradient(var(--paper) 70%,#fbfbf900);height:96px}.site-header nav>a:not(.button):hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.icon{width:20px;height:20px;flex:0 0 auto;vertical-align:middle}.skip-link{position:fixed;top:10px;left:20px;z-index:100;background:var(--paper);padding:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}.scene{position:relative;padding:120px 4vw 80px;min-height:100svh;display:flex;flex-direction:column;align-items:center;overflow:clip}.scene-heading{text-align:center;flex:0 0 auto;margin-bottom:32px;width:100%}.scene-heading h2,.closing h2{font:400 clamp(36px,3.8vw,57px)/1.08 var(--serif);letter-spacing:-.045em}.scene-heading em,.closing em{font-style:normal;color:#6c7773}.support{max-width:720px;margin:16px auto 0;color:var(--muted);font-size:17px;line-height:1.6}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--teal);margin-bottom:14px}.hero{padding-top:122px;text-align:center}.hero-copy{width:100%}.hero-copy p{max-width:755px}.hero-photo{position:relative;width:min(650px,calc((100svh - 385px)*1.5));padding:10px 10px 0;background:#fff;box-shadow:0 18px 40px #2b2b220b,0 2px 7px #2b2b220b;flex-shrink:0}.photo-slot{aspect-ratio:1.5;position:relative;overflow:hidden}.photo-slot img{width:100%;height:100%;object-fit:cover;display:block}.hero-photo figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:12px 7px 15px;text-align:left}.hero-photo figcaption span:first-child{font:400 19px var(--serif)}.hero-photo figcaption span:last-child{font-size:12px;color:var(--muted)}.pieces-stage{position:relative;width:min(1100px,100%);height:480px;margin-top:5px}.pieces-photo{position:absolute;left:50%;top:78px;transform:translateX(-50%);width:50%;background:#fff;padding:9px 9px 0;box-shadow:0 14px 30px #2b2b2212;z-index:2}.pieces-photo figcaption{font:17px var(--serif);padding:8px 7px 11px;display:flex;justify-content:space-between}.pieces-photo figcaption span{font:12px var(--sans);padding-top:4px;color:var(--muted)}.loose-drawing{position:absolute;width:28%;left:0;top:0;transform:rotate(-8deg)}.loose-drawing img{width:100%;height:auto;display:block;box-shadow:0 6px 20px #2b2b220d}.loose-drawing figcaption{font-size:12px;color:var(--muted);text-align:center;margin-top:11px}.loose-document{position:absolute;top:4px;right:3%;width:20%;padding:28px;background:#fff;border:1px solid var(--line);transform:rotate(7deg);box-shadow:0 5px 15px #2b2b2208}.loose-document>.icon{color:#84918b;margin-bottom:24px;width:29px;height:29px}.loose-document span,.loose-document small{display:block}.loose-document span{font:22px var(--serif)}.loose-document small{font-size:12px;color:var(--muted);margin:7px 0 25px}.document-lines{height:52px;background:repeating-linear-gradient(transparent 0 10px,#e8e8e3 10px 11px);width:90%}.loose-recording,.loose-video{position:absolute;background:#fff;border:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:22px 24px;border-radius:15px;box-shadow:0 7px 20px #2b2b2207}.loose-recording{left:3%;bottom:6px;transform:rotate(-5deg)}.loose-recording>.icon{width:31px;height:31px;color:var(--teal)}.loose-video{right:0;bottom:0;transform:rotate(4deg);background:#eff1ed}.loose-video>.icon{border:1px solid #adb8ac;border-radius:50%;padding:9px;width:43px;height:43px}.loose-recording span,.loose-video span{font:18px var(--serif)}.loose-recording small,.loose-video small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.questions-stage{position:relative;width:min(1060px,100%);height:430px;display:flex;align-items:center;justify-content:center}.isolated-photo{width:48%;padding:10px 10px 0;background:white;box-shadow:0 15px 34px #2b2b2212}.isolated-photo figcaption{font-size:12px;padding:11px;color:var(--muted);text-align:center}.question{position:absolute;font:400 24px/1.3 var(--serif);color:#69736d;letter-spacing:-.025em}.primary-question{left:0;top:94px;font-size:30px;color:var(--teal)}.question-rule{display:block;width:36px;height:1px;background:#91ada8;margin-bottom:17px}.question-before{left:2%;bottom:26px}.question-matter{right:0;top:83px}.question-who{right:4%;bottom:25px}.scene-2{background:radial-gradient(ellipse at 50% 70%,#eef0ea 0,transparent 60%)}
/* Product adaptations: the memory, planner and album vocabulary in the references. */
.product-frame{width:min(1160px,100%);border:1px solid #dfe2da;border-radius:20px;background:var(--paper);box-shadow:0 24px 65px #1d332d0b,0 3px 12px #1d332d04;overflow:hidden;flex-shrink:0;text-align:left}.product-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 23px;border-bottom:1px solid var(--line);min-height:72px}.product-brand{display:flex;align-items:center;gap:16px}.product-brand img{width:178px;height:auto}.product-brand>span{font-size:12px;color:var(--muted);border-left:1px solid var(--line);padding-left:15px}.product-nav{padding:3px;background:#f0f0ec;border:1px solid var(--line);display:flex;border-radius:99px}.product-nav>span{border:0;background:none;font-size:12px;padding:8px 15px;border-radius:99px;color:var(--muted)}.product-nav>span.selected{background:#fff;color:var(--ink);box-shadow:0 1px 4px #2b2b2212}.private-label{display:flex;gap:7px;font-size:12px;color:var(--muted);align-items:center}.private-label .icon{width:13px;height:13px}.memory-detail{display:grid;grid-template-columns:155px minmax(0,1fr) 212px;gap:27px;padding:26px 23px 29px}.ui-label{display:block;font-size:12px;color:var(--muted);margin-bottom:12px}.memory-main h3{font:500 24px var(--serif);text-align:center;margin:0 0 23px}.detail-photo{border-radius:9px}.media-type{text-align:center;color:var(--muted);font-size:12px;margin-top:12px}.metadata{padding-top:47px}.metadata>p:not(.description){font-size:12px;display:flex;align-items:center;gap:9px;margin:0 0 15px}.metadata .icon{width:16px;height:16px;color:#8d9585}.metadata hr{border:0;border-top:1px solid var(--line);margin:20px 0}.metadata .description{font:15px/1.6 var(--serif);border:1px solid var(--line);border-radius:14px;padding:13px}.album-chip{border:1px dashed #d2d6ca;background:transparent;border-radius:99px;padding:5px 12px;font-size:12px;margin:0 0 24px}.prompt-icon{width:31px;height:31px;background:#f0f0eb;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#7d8575;float:left;margin:0 12px 30px 0}.prompt-icon .icon{width:17px;height:17px}.teal{color:var(--teal)}button.text-link{border:0;background:none;padding:0;font-size:12px;display:flex;align-items:center;gap:12px}.text-link .icon{width:16px;height:16px}.count{border:1px solid var(--line);border-radius:99px;padding:3px 8px;font-size:12px}.audio-icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:var(--soft);border-radius:10px;color:var(--teal);flex-shrink:0}.next-icon{transform:rotate(180deg);width:14px;margin-left:auto}.wave{display:flex;align-items:center;justify-content:center;gap:3px;height:43px;flex:1;overflow:hidden}.wave i{height:var(--bar);width:2px;min-width:2px;background:#688e87;border-radius:3px}.timeline-year button:hover strong{text-decoration:underline;text-underline-offset:3px}.timeline-heading{display:flex;align-items:baseline;justify-content:space-between;padding:23px 26px}.timeline-heading h3{font:500 24px var(--serif)}.timeline-heading p{font-size:12px;color:var(--muted)}.timeline-track{display:grid;grid-template-columns:1fr 1.25fr .8fr 1fr;gap:29px;padding:0 26px 28px;position:relative}.timeline-track:before{content:'';position:absolute;top:49px;left:26px;right:26px;border-top:1px solid #bdccc4}.timeline-year{position:relative;min-width:0}.year-label{font:500 25px var(--serif);padding-bottom:29px;margin-bottom:17px;position:relative;color:var(--teal);display:flex;gap:9px;align-items:baseline}.year-label span{font:12px var(--sans);color:var(--muted)}.year-label:after{content:'';position:absolute;top:45px;left:0;width:7px;height:7px;background:#9bb5a9;border:2px solid var(--paper);border-radius:50%}.main-year .year-label:after{background:var(--teal);box-shadow:0 0 0 3px #e0e7e8}.timeline-year button{width:100%;text-align:left;border:0;background:transparent;padding:0;display:block}.timeline-year strong{display:block;font:500 16px/1.25 var(--serif);margin:10px 0 5px}.timeline-year button>span{font-size:12px;color:var(--muted);display:block}.timeline-drawing img{width:100%;aspect-ratio:1.5;object-fit:cover;display:block;border-radius:8px}.timeline-anchor .photo-slot{border-radius:8px}.timeline-anchor{padding:7px!important;border:1px solid #afc6bf!important;border-radius:12px;background:#fff!important;box-shadow:0 5px 12px #2b2b2206}.timeline-anchor strong{font-size:18px}.timeline-anchor>span{padding-bottom:3px}.secondary-event{padding:15px 1px 0;margin-top:14px;border-top:1px solid var(--line)}.secondary-event strong{font-size:13px;color:var(--muted)}.secondary-event p{font-size:12px;color:var(--muted);line-height:1.5}.timeline-audio{display:flex!important;align-items:center;gap:12px;padding:13px 0!important}.timeline-audio>.icon{width:23px;height:23px;color:var(--teal)}.timeline-audio strong{font-size:13px;margin:0 0 5px}.timeline-audio small{font-size:12px;color:var(--muted)}.timeline-text{border-top:1px solid var(--line)!important;padding-top:17px!important}.timeline-text>.icon{color:#87968b;width:21px;height:21px}.timeline-text p{font:19px/1.4 var(--serif);color:var(--teal);margin-top:25px}.closing{min-height:70svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:90px 24px;background:#f0f2ec}.closing-rule{height:65px;width:1px;background:#bbc5b9;margin-bottom:40px}.closing h2{font-size:clamp(40px,5vw,70px)}.closing>p{font-size:12px;color:var(--muted);margin:40px 0 18px}.closing>a{font-size:12px;color:var(--muted)}.story-controls{display:none}.photo-carrier{display:none}.motion-story .scrolly{height:var(--story-height,1000vh);position:relative}.motion-story .story-stage{height:100svh;position:sticky;top:0;overflow:hidden}.motion-story .scene{position:absolute;inset:0;opacity:0;pointer-events:none;min-height:0;height:100%;padding-bottom:68px}.motion-story .scene.active{pointer-events:auto}.motion-story .scene:first-child{opacity:1}.motion-story .photo-slot img{visibility:hidden}.motion-story .photo-carrier{display:block;position:absolute;top:0;left:0;width:1000px;height:666.667px;transform-origin:0 0;will-change:transform;z-index:5;pointer-events:none;overflow:hidden;border-radius:8px}.photo-carrier img{width:100%;height:100%;object-fit:cover;display:block}.motion-story .story-controls{display:flex;position:absolute;bottom:17px;left:4vw;right:4vw;align-items:center;gap:20px;height:35px;z-index:20}.chapter-current{font-size:12px;color:var(--muted);width:130px}.chapter-dots{display:flex;gap:6px;align-items:center}.chapter-dots button{background:transparent;border:0;padding:10px 4px;min-height:35px;min-width:20px}.chapter-dots button span{height:3px;width:15px;background:#d7ddd3;display:block;border-radius:3px}.chapter-dots button[aria-current] span{width:28px;background:var(--teal)}.chapter-next{width:35px;height:35px;border:1px solid #d9ddd3;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--teal);margin-left:auto}.chapter-next:disabled{opacity:.25;cursor:default}dialog{background:var(--paper);color:var(--ink);max-width:720px;width:calc(100% - 40px);border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:0 20px 70px #2b2b2230;max-height:90svh;overflow:auto}dialog::backdrop{background:#18291f75}dialog>img{width:100%;height:auto;border-radius:8px;margin-bottom:24px}dialog>h2{font:400 32px var(--serif)}dialog>p{font-size:13px;color:var(--muted);margin-top:6px}dialog .dialog-copy{font:19px/1.6 var(--serif);margin-top:23px}.dialog-close{position:absolute;right:12px;top:12px;border:1px solid var(--line);background:var(--paper);border-radius:50%;height:34px;width:34px;font-size:24px;line-height:1}.scene a,.scene button{scroll-margin-top:110px}
@media(min-width:1000px) and (max-height:850px){.scene{padding-top:108px}.scene-heading{margin-bottom:23px}.scene-heading h2{font-size:44px}.scene-heading .eyebrow{margin-bottom:7px}.support{font-size:15px;margin-top:12px;max-width:690px}.hero-copy h1{font-size:62px}.hero-copy p{font-size:16px;max-width:710px;margin:12px auto 17px}.hero-actions{margin-bottom:25px}.hero-photo{width:min(590px,calc((100svh - 355px)*1.5))}.pieces-stage{height:400px;width:930px}.pieces-photo{top:48px;width:47%}.loose-recording,.loose-video{padding:16px 20px}.questions-stage{height:365px;width:950px}.isolated-photo{width:43%}.question{font-size:22px}.primary-question{font-size:27px}.product-frame{max-width:1040px}.product-topbar{padding:12px 20px;min-height:61px}.memory-detail{grid-template-columns:132px minmax(0,1fr) 192px;gap:21px;padding:21px}.memory-main h3{font-size:22px;margin-bottom:17px}.metadata{padding-top:42px}.metadata .description{font-size:13px}.timeline-track{gap:23px}.timeline-heading{padding:16px 25px}.timeline-year strong{font-size:14px}.year-label span{font-size:12px}}
/* Mobile is a vertical story; reduced motion gets every complete, stacked state. */
@media(max-width:999px){.site-header{height:86px;padding:20px 24px}.site-header img{width:235px}.site-header nav{gap:20px}.scene{padding:112px 5vw 65px;min-height:auto;overflow:hidden}.hero{min-height:100svh;padding-top:132px;padding-bottom:75px}.hero-copy h1{font-size:clamp(44px,7vw,65px);max-width:700px;margin:auto}.hero-copy p{font-size:17px;max-width:610px}.hero-photo{width:min(610px,90%)}.scene-heading h2{font-size:43px}.scene-heading{margin-bottom:34px}.support{font-size:16px;max-width:610px}.pieces-stage{height:490px}.pieces-photo{width:58%;top:105px}.loose-drawing{width:36%}.loose-document{width:25%;right:2%;padding:20px}.loose-recording{left:0}.questions-stage{height:530px;align-items:flex-start;padding-top:82px}.isolated-photo{width:65%}.question{font-size:22px}.primary-question{top:0;left:2%;font-size:26px}.primary-question br{display:none}.question-rule{display:inline-block;vertical-align:middle;width:24px;margin:0 12px 0 0}.question-before{left:3%;bottom:30px}.question-matter{right:3%;top:auto;bottom:94px}.question-who{right:6%;bottom:0}.product-topbar{padding:15px 17px;gap:15px;flex-wrap:wrap}.product-brand img{width:155px}.product-brand>span,.private-label{display:none}.product-nav>span{padding:7px 12px}.memory-detail{grid-template-columns:1fr 190px;gap:20px;padding:20px}.metadata{padding-top:44px}.metadata .description{font-size:14px}.wave{gap:2px}.wave i{min-width:1px}.timeline-track{grid-template-columns:1fr 1fr;gap:30px}.timeline-track:before{display:none}.timeline-year{border-top:1px solid #bdccc4}.year-label{padding-top:12px;padding-bottom:0}.year-label:after{top:-4px}.timeline-year strong{font-size:17px}.scene-3{background:#f7f7f2}.closing{margin-top:35px}.photo-slot img{visibility:visible}}
@media(max-width:600px){.site-header{height:82px;padding:17px 18px}.site-header img{width:201px}.site-header nav>a:not(.button){display:none}.site-header .button{font-size:12px;min-height:39px;padding:9px 15px}.scene{padding:80px 20px 65px}.hero{padding-top:128px;padding-bottom:85px}.hero-copy h1{font-size:45px;line-height:1.05;letter-spacing:-.05em;max-width:400px}.hero-copy p{font-size:16px;line-height:1.6;margin-top:22px}.hero-actions{margin:26px 0 37px;gap:25px}.hero-actions .button{padding:12px 22px}.hero-photo{width:100%;padding:7px 7px 0}.hero-photo figcaption{display:block;padding:11px 7px 12px}.hero-photo figcaption span{display:block}.hero-photo figcaption span:first-child{font-size:19px}.hero-photo figcaption span:last-child{font-size:12px;margin-top:3px}.scene-heading h2{font-size:36px;line-height:1.12}.support{font-size:15px;line-height:1.65;margin-top:17px}.scene-heading{margin-bottom:30px}.eyebrow{font-size:12px}.pieces-stage{height:540px;margin-top:8px}.pieces-photo{width:94%;left:50%;top:142px;padding:7px 7px 0}.pieces-photo figcaption{font-size:16px}.loose-drawing{width:54%;left:0;top:0;transform:rotate(-6deg)}.loose-drawing figcaption{font-size:12px;max-width:130px;margin:8px auto}.loose-document{width:35%;top:2px;right:1%;padding:15px}.loose-document>.icon{width:22px;height:22px;margin-bottom:12px}.loose-document span{font-size:18px}.loose-document small{font-size:12px;margin:4px 0 10px}.document-lines{height:25px}.loose-recording{bottom:45px;left:0;padding:15px 17px;gap:10px}.loose-video{bottom:0;right:0;padding:14px 17px;gap:10px}.loose-recording span,.loose-video span{font-size:16px}.loose-recording small,.loose-video small{font-size:12px}.loose-video>.icon{width:32px;height:32px;padding:7px}.loose-recording>.icon{width:24px;height:24px}.questions-stage{height:440px;padding-top:77px}.isolated-photo{width:93%;padding:7px 7px 0}.primary-question{top:0;left:4%;font-size:25px;line-height:1.3;max-width:290px}.primary-question br{display:inline}.question-rule{display:none}.question-before{font-size:19px;left:4%;bottom:38px}.question-matter{font-size:19px;right:2%;bottom:35px}.question-who{font-size:18px;right:34%;bottom:-18px}.question-who br{display:none}.scene-3,.scene-4{padding-left:16px;padding-right:16px}.product-frame{border-radius:17px;box-shadow:0 12px 32px #1d332d09}.product-topbar{padding:13px 14px;justify-content:center;gap:14px}.product-brand{width:100%;justify-content:center}.product-brand img{width:162px}.product-nav{padding:3px}.product-nav>span{font-size:12px;padding:7px 16px}.memory-detail{display:flex;flex-direction:column;gap:0;padding:22px 15px}.memory-main h3{font-size:23px;margin-bottom:18px}.metadata{padding-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.metadata>p:not(.description){font-size:12px;gap:6px}.metadata>hr{grid-column:1/-1;width:100%;margin:7px 0 20px}.metadata .ui-label,.metadata .description{grid-column:1/-1}.metadata .ui-label{margin-bottom:8px}.metadata .description{font-size:16px;padding:14px}.album-chip{justify-self:start;margin-bottom:19px}.prompt-icon{float:none;margin:0 0 13px}.timeline-heading{padding:23px 19px}.timeline-heading h3{font-size:23px}.timeline-heading p{font-size:12px}.timeline-track{display:block;padding:0 22px 30px 34px}.timeline-year{border-top:0;border-left:1px solid #bdccc4;padding:0 0 32px 23px;display:block}.timeline-year:last-child{padding-bottom:0}.year-label{padding-top:0;margin-bottom:19px;font-size:27px;display:flex;gap:14px}.year-label span{font-size:12px}.year-label:after{top:13px;left:-27px;width:7px;height:7px}.timeline-year .timeline-drawing{max-width:220px}.timeline-anchor{width:100%!important}.timeline-year strong{font-size:18px}.timeline-year button>span{font-size:12px}.secondary-event{margin-top:16px;padding-top:10px}.secondary-event strong{font-size:15px}.secondary-event p{font-size:12px;line-height:1.65}.timeline-audio strong{font-size:15px}.timeline-audio small{font-size:12px}.timeline-text{padding-top:0!important;border-top:0!important}.timeline-text>.icon{display:none}.timeline-text p{font-size:23px;margin-top:15px}.closing{min-height:65svh;margin:0;padding:75px 20px}.closing h2{font-size:41px}.closing-rule{height:45px}dialog{padding:25px 20px}dialog>h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){html:not(:has(.motion-enabled)){scroll-behavior:auto}body:not(.motion-enabled) *,body:not(.motion-enabled) *:before,body:not(.motion-enabled) *:after{animation:none!important;transition:none!important}body:not(.motion-enabled) .scene{min-height:auto;padding-top:120px;padding-bottom:100px}body:not(.motion-enabled) .scene.hero{min-height:100svh}body:not(.motion-enabled) .scene-3{background:#f1f3ee}body:not(.motion-enabled) .question{opacity:1!important;transform:none!important}}

/* Keep editorial interpretation visibly outside the product frame. */.reading-option{font-size:12px;color:var(--muted);margin-left:auto}.chapter-next{margin-left:0}.motion-story .photo-slot img{visibility:visible;opacity:0}.photo-slot{scroll-margin-top:110px}
@media(min-width:1000px) and (max-height:850px){.timeline-track{gap:20px}.timeline-track:before{top:58px}.year-label:after{top:54px}}
@media(max-width:999px){.reading-option{display:none}}
@media(max-width:600px){.site-header img{width:194px}.site-header .button{font-size:12px}.loose-recording small,.loose-video small{font-size:11px}.loose-document small{font-size:11px}.hero-photo figcaption span:last-child{font-size:12px}}
.timeline-drawing img{height:auto}
@media(min-width:1000px) and (max-height:850px){.memory-frame{max-width:900px}.hero-photo{width:min(590px,calc((100svh - 440px)*1.5))}.timeline-frame{max-width:1040px}.timeline-anchor{max-width:195px}.timeline-drawing{max-width:155px}.timeline-heading{padding:12px 25px}.timeline-track{padding-bottom:20px}.secondary-event{padding-top:10px;margin-top:10px}.timeline-audio{padding-bottom:0!important}.timeline-track:before{top:53px}.year-label:after{top:49px}}
@media(max-width:600px){.pieces-photo{top:164px}.pieces-stage{height:565px}}

/* Opening revision: exit, reposition, headline, then supporting content. */
.motion-story .scene,.motion-story .scene:first-child{opacity:1;visibility:hidden}
.motion-story .scene>.scene-heading h2,.motion-story .hero-copy h1{opacity:var(--headline-opacity,0)}
.motion-story .scene>.scene-heading>:not(h2),.motion-story .hero-copy>:not(h1),.motion-story .scene>:not(.scene-heading):not(.hero-copy){opacity:var(--support-opacity,0)}
.photo-carrier img{transform-origin:37% 48%;will-change:transform}
.photo-bloom{display:none}
.motion-story .photo-bloom{display:block;position:absolute;top:0;left:0;width:1000px;height:1000px;transform-origin:0 0;opacity:0;pointer-events:none;z-index:4;will-change:transform,opacity}
.photo-bloom img{display:block;width:100%;height:100%;object-fit:contain;opacity:.085}
@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .photo-bloom{display:none!important}}
.photo-bloom canvas{display:none;position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:auto;opacity:.22}
.photo-bloom.shader-ready canvas{display:block}.photo-bloom.shader-ready img{visibility:hidden}
.photo-crop{width:100%;height:100%;overflow:hidden;border-radius:inherit}
body:not(.motion-story) .photo-slot{overflow:visible;isolation:isolate}
body:not(.motion-story) .photo-slot:before{content:'';position:absolute;inset:-24% -28%;background:url('assets/photo-watercolor-bloom.png') center/contain no-repeat;opacity:.04;z-index:-1;pointer-events:none}
.product-frame button:disabled{cursor:default;opacity:1;-webkit-text-fill-color:currentColor}
.product-frame button:disabled:hover,.product-frame button:disabled:hover h4,.product-frame button:disabled:hover strong{text-decoration:none}
/* Each piece keeps the proportions and treatment of its original source. */
.archive-scatter{height:480px}
.archive-scatter .pieces-photo{top:76px;width:48%;padding:8px}
.archive-scatter .loose-drawing{width:29%;left:0;top:0;transform:rotate(-4deg)}
.archive-scatter .loose-drawing img{box-shadow:0 6px 17px #2b2b2210}
.archive-snapshot{position:absolute;left:3%;top:265px;width:24%;padding:7px 7px 12px;background:#fffef9;transform:rotate(2.5deg);box-shadow:0 7px 18px #2b2b2214}
.archive-snapshot img{width:100%;height:auto;aspect-ratio:1.22;object-fit:cover;display:block}
.archive-document{position:absolute;right:2%;top:0;width:18%;transform:rotate(3deg);box-shadow:0 5px 15px #2b2b220b}
.archive-document img{width:100%;height:auto;display:block}
.archive-video{position:absolute;right:5%;bottom:-36px;width:28%;padding:5px;background:#292d29;transform:rotate(-1.5deg);box-shadow:0 8px 20px #2b2b221a}
.archive-video img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.archive-video:after{content:'▶  OCT 5 1997';position:absolute;bottom:13px;left:14px;color:#fff;font:11px/1.3 monospace;text-shadow:0 1px 2px #111}
.archive-voice{position:absolute;right:22%;top:-10px;bottom:auto;width:165px;padding:20px 18px 15px;background:#fafaf8;border:1px solid #dce0da;border-radius:8px;box-shadow:0 9px 22px #2b2b2210;transform:rotate(4deg)}
.archive-voice>span{font:500 15px var(--sans);display:block;margin-bottom:12px}
.archive-voice .wave{height:44px;gap:2px;justify-content:flex-start}.archive-voice .wave i{background:#8a9188;min-width:1px;width:1px}
.voice-controls{display:flex;align-items:center;justify-content:space-between;margin-top:11px;color:#60675f}.voice-controls .icon{width:15px;height:15px}.voice-controls small{font-size:12px}
/* A slightly larger photo and one fine leader locate the existing brass key. */
.questions-stage{width:min(1120px,100%);height:460px}.isolated-photo{width:56%}
.isolated-photo .photo-slot img{transform:scale(1.22);transform-origin:37% 48%}
.questions-stage .question-rule{display:none}.primary-question{top:112px;font-size:29px}.question-before{left:0;bottom:18px}.question-matter{right:0;top:97px}.question-who{right:1%;bottom:20px}
.key-cue{position:absolute;inset:0;width:100%;height:100%;z-index:7;overflow:visible;pointer-events:none}.key-leader{fill:none;stroke:#56766c;stroke-opacity:.7;stroke-width:1}.key-point{fill:#41665d;stroke:#fffdf7;stroke-width:1.5}
/* Unanswered and answered use the same screen in motion, two states when reading. */
@media(min-width:1000px) and (max-height:850px){
 .archive-scatter{height:390px;width:930px}.archive-scatter .pieces-photo{top:51px;width:47%}.archive-scatter .loose-drawing{width:27%}
 .archive-snapshot{top:218px;width:23%}.archive-document{width:17%}.archive-video{width:27%;bottom:-29px;right:5%}.archive-voice{width:144px;top:-17px;bottom:auto;padding:14px}
 .questions-stage{height:365px;width:950px}.isolated-photo{width:54%}.primary-question{top:94px;font-size:25px}.question-matter{top:88px}.question-before{bottom:7px}.question-who{bottom:8px}
}
@media(max-width:999px){
 .archive-scatter{height:570px}.archive-scatter .pieces-photo{top:145px;width:62%}.archive-scatter .loose-drawing{width:38%;top:0}.archive-snapshot{top:340px;width:28%;left:0}.archive-document{width:25%;top:0;right:0}.archive-video{width:37%;right:13%;bottom:-4px}.archive-voice{width:145px;right:0;top:auto;bottom:195px}
 .questions-stage{height:560px;padding-top:91px}.isolated-photo{width:72%}.primary-question{top:0;left:6%;font-size:27px}.question-before{left:3%;bottom:41px}.question-matter{top:auto;bottom:106px;right:0}.question-who{bottom:4px;right:5%}
}
@media(max-width:600px){
 .archive-scatter{height:685px;margin-top:13px}.archive-scatter .pieces-photo{top:186px;width:92%;padding:6px}.archive-scatter .loose-drawing{width:56%;left:0;top:0;transform:rotate(-3deg)}
 .archive-document{width:32%;right:0;top:12px;transform:rotate(3deg)}.archive-snapshot{left:1%;top:435px;width:42%;padding:5px 5px 9px;transform:rotate(2deg)}
 .archive-video{width:53%;right:0;bottom:-1px;transform:rotate(-1.5deg);padding:4px}.archive-video:after{font-size:9px;bottom:10px;left:10px}
 .archive-voice{right:1%;bottom:155px;width:125px;padding:12px;transform:rotate(3deg)}.archive-voice>span{font-size:13px;margin-bottom:5px}.archive-voice .wave{height:32px}.voice-controls{margin-top:5px}.voice-controls small{font-size:11px}
 .questions-stage{height:461px;padding-top:94px}.isolated-photo{width:100%;padding:7px 7px 0}.primary-question{top:0;left:4%;font-size:25px;max-width:290px}.question-before{bottom:35px;left:3%}.question-matter{bottom:32px;right:1%}.question-who{bottom:-16px;right:26%;font-size:18px}
}

/* One persistent utility, independent of the sticky story or reading layout. */
.motion-toggle{position:fixed;right:calc(4vw + 56px);bottom:17px;z-index:31;min-height:35px;padding:8px 12px;border:0;border-radius:5px;background:#fbfbf9f2;color:var(--muted);font:400 12px/1.4 var(--sans)}
.motion-toggle[hidden]{display:none}
.motion-toggle:hover{text-decoration:underline;text-underline-offset:3px}
.motion-story .chapter-next{margin-left:auto}
html:has(.motion-reduced){scroll-behavior:auto}
.motion-reduced *,.motion-reduced *:before,.motion-reduced *:after{animation:none!important;transition:none!important}
@media(max-width:999px){.motion-toggle{right:16px;bottom:12px}}

/* Preserve every existing logo box when using the new SVG aspect ratio. */
img[src="assets/product-logo.svg"]{aspect-ratio:467/71;object-fit:contain}

/* Plan links preserve the original button dimensions. */
.button.plans-trigger{display:inline-flex;align-items:center;justify-content:center}

/* The problem act clears its fragments while the shared photo becomes isolated. */
.motion-story #pieces>.pieces-stage{opacity:var(--fragments-opacity,0)}

/* The photograph and its paper mount acknowledge the first native scroll input. */
.site-header nav>.button{display:inline-flex;align-items:center;justify-content:center}
.motion-story .hero-photo{transform:scale(var(--hero-scale,1));transform-origin:50% var(--hero-origin,50%)}
.motion-story .measuring-continuity .hero-photo{transform:none!important}