:root{color-scheme:light;--ink:#262627;--muted:#858487;--accent:#ad727d}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:"Helvetica Neue",Arial,"PingFang SC",sans-serif;font-weight:400}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #9b6b77;outline-offset:7px}a{color:inherit;text-decoration:none}header{height:96px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:6;background:white}.brand{font-size:14px;letter-spacing:3px}.brand span{font-size:10px;color:#7f7e80;letter-spacing:1.5px;margin-left:9px}.header-center{font-size:10px;letter-spacing:1.8px;color:#888}.text-button{border:0;background:none;padding:9px 0;font-size:13px;letter-spacing:1px}.text-button span{margin-left:14px}.text-button:hover{color:var(--accent)}.text-button:disabled{opacity:.5;cursor:wait}main{position:relative;height:calc(100svh - 200px);min-height:540px;max-height:1000px;isolation:isolate}.left-copy,.right-copy{position:absolute;top:45%;transform:translateY(-50%);z-index:2;transition:opacity .6s,transform .6s}.left-copy{left:5%;width:20%}.right-copy{right:5%;width:17%}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#868386;margin:0 0 23px}h1{font-size:clamp(32px,3.5vw,60px);line-height:1.3;font-weight:400;letter-spacing:-1px;margin:0 0 20px}#subtitle{font-size:12px;letter-spacing:2px;color:#8f8a8c}.phase-note{display:flex;align-items:center;gap:10px;margin-top:48px;font-size:10px;color:#929092;letter-spacing:.5px}.tiny-line{width:18px;height:1px;background:#cfcacd}h2{font-size:17px;letter-spacing:4px;font-weight:400;margin:0 0 18px}#description{font-size:13px;color:#89858a;line-height:2.2;letter-spacing:1px}#bloom-button{margin-top:17px;border-bottom:1px solid #bbb3b7;padding-bottom:12px}.gesture-help{font-size:10px;line-height:2.1;color:#a5a0a3;margin-top:30px}#scene{position:absolute;inset:0 20%;z-index:1;cursor:pointer}#scene canvas{display:block;width:100%;height:100%}#loading{position:absolute;top:45%;left:35%;right:35%;text-align:center;color:#a89b9e;font-size:13px;z-index:2}.bloom-progress{position:absolute;bottom:13px;width:100px;height:1px;background:#e9e5e6;left:calc(50% - 50px)}#progress{display:block;width:0;height:1px;background:#6f6267;transition:width .1s linear}footer{min-height:104px;padding:15px 4% 30px;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-note,.footer-credit{font-size:10px;color:#a39da0;letter-spacing:1px}#events{display:flex;gap:30px;align-items:flex-start}#events button{position:relative;text-align:left;border:0;border-top:1px solid #e5e1e3;background:transparent;padding:14px 0 0;color:#969093;min-width:86px;transition:color .4s,border-color .4s}#events button.selected{border-color:#322c30;color:#322c30}#events button:hover{color:#33292f;border-color:#aa969e}.event-no{font-size:9px;letter-spacing:1px;display:block;margin-bottom:7px}.event-name{font-size:12px;letter-spacing:1px}[hidden]{display:none!important}#memory{position:absolute;inset:0;z-index:3;pointer-events:none}body.showing-memory .left-copy,body.showing-memory .right-copy{opacity:0;pointer-events:none;transform:translateY(-45%)}#photos{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 6%;gap:30px}.photo{pointer-events:auto;border:0;padding:0;background:white;max-width:23%;box-shadow:0 18px 50px #40263513;animation:emerge 1.5s cubic-bezier(.16,1,.3,1) both,float 8s 1.5s ease-in-out infinite;transform:rotate(-3deg);cursor:zoom-in}.photo:nth-child(2){transform:rotate(3deg);animation-delay:.18s,1.68s}.photo:only-child{margin-left:auto}.photo img{display:block;max-width:100%;max-height:calc(100svh - 310px);object-fit:contain}.photo small{display:block;background:white;text-align:left;font-size:9px;letter-spacing:2px;color:#9d969a;padding:13px 10px}.memory-caption{position:absolute;left:6%;top:40%;font-size:12px;color:#8a7b81;line-height:2.1;letter-spacing:2px;max-width:20%}.memory-caption strong{display:block;font-size:26px;font-weight:400;color:#3b3437;margin:12px 0}.memory-actions{position:absolute;bottom:37px;left:0;right:0;display:flex;justify-content:center;gap:30px;pointer-events:auto}.memory-actions button{font-size:11px;color:#8a7b81}dialog{border:0;background:#fff;padding:45px 18px 18px;max-width:95vw;max-height:96svh;box-shadow:0 15px 80px #0002}dialog::backdrop{background:#fffc;backdrop-filter:blur(8px)}dialog img{display:block;max-height:80svh;max-width:85vw}#light-close{position:absolute;right:20px;top:9px;font-size:12px}#camera-preview{position:fixed;bottom:110px;right:20px;z-index:10;width:160px;border:1px solid #ddd6d9;background:white;padding:5px}video{width:100%;display:block;transform:scaleX(-1)}#hand-status{font-size:10px;text-align:center;line-height:1.8;color:#8f8186;margin:8px 0}#gesture-cursor{position:fixed;width:26px;height:26px;border:1px solid #ae7586;border-radius:50%;z-index:30;pointer-events:none;transform:translate(-50%,-50%)}#gesture-cursor.pinched{background:#ae758677}#notice{position:fixed;bottom:15px;left:50%;transform:translateX(-50%);background:#fff;box-shadow:0 4px 30px #0001;border:1px solid #e7dfe2;padding:13px 20px;font-size:12px;max-width:88%;z-index:40;line-height:1.8}#notice:empty{display:none}.switching #scene{opacity:0}#scene{transition:opacity .3s}@keyframes emerge{from{opacity:0;translate:0 70px;scale:.85;filter:blur(5px)}to{opacity:1;translate:0 0;scale:1;filter:blur(0)}}@keyframes float{50%{translate:0 -8px}}@media(min-width:1600px){#scene{inset:0 22%}}@media(max-width:850px){header{height:75px;padding:0 6%}.header-center{display:none}main{height:calc(100svh - 190px);min-height:640px}.left-copy{top:27px;left:7%;transform:none;width:70%;pointer-events:none}.eyebrow{font-size:9px;margin-bottom:12px}h1{font-size:29px;line-height:1.3}h1 br{display:none}#subtitle{font-size:10px;margin:0}.phase-note{display:none}#scene{inset:110px 6% 95px}.right-copy{top:auto;bottom:27px;left:7%;right:7%;width:auto;transform:none;display:flex;justify-content:space-between;align-items:center}.right-copy .eyebrow,.right-copy h2,.right-copy #description{display:none}#bloom-button{margin:0;font-size:12px}.gesture-help{margin:0;font-size:9px}.bloom-progress{bottom:6px;width:64px;left:calc(50% - 32px)}footer{padding:16px 7% 25px;min-height:115px}.footer-note,.footer-credit{display:none}#events{width:100%;justify-content:space-between;gap:14px}#events button{min-width:0;flex:1}.event-name{font-size:11px;letter-spacing:0}.event-no{font-size:8px}#photos{padding:90px 8% 60px;gap:30px;align-items:center}.photo{max-width:42%}.photo:only-child{max-width:48%}.photo img{max-height:360px}.memory-caption{top:20px;max-width:80%;left:7%;font-size:10px}.memory-caption strong{font-size:22px;margin:5px 0}.memory-actions{bottom:32px}.showing-memory #scene{opacity:.18}body.showing-memory .left-copy{transform:none}body.showing-memory .right-copy{transform:none}#camera-preview{bottom:115px;width:120px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
#photos.single .photo{margin-left:auto}.memory-caption{pointer-events:none}
@media(min-width:851px){.memory-caption{top:38%}}