html{background:#f4f4f3}.flow-page{background:linear-gradient(#f9fafa 0%,#f2f4f4 40%,#fff 75%);color:#222a30;min-height:100dvh;overflow-x:hidden}.flow-bar{height:51px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;background:linear-gradient(#fafbfc,#d9dfe2);border-bottom:1px solid #afb8bf;box-shadow:0 1px #fff;font-size:12px;text-shadow:0 1px #fff}.flow-bar>span{font-size:17px;font-weight:600}.flow-bar b{font-size:11px;font-weight:400;margin-left:12px;color:#65727c}.back-version{font-size:11px;color:#657582}.bar-right{display:flex;gap:23px;align-items:center}.flow-bar button{border:0;background:none;font-size:11px;color:#657582}.flow-top{text-align:center;padding:40px 20px 8px}.flow-eyebrow{font-size:9px;letter-spacing:3px;color:#97a2a8}.flow-top h1{font-size:23px;font-weight:400;letter-spacing:2px;margin:15px 0 25px;font-family:'Songti SC',serif}.flow-tabs{display:flex;justify-content:center;gap:4px}.flow-tabs button{border:0;background:transparent;padding:8px 18px;font-size:11px;border-radius:4px;color:#879299}.flow-tabs button.active{background:linear-gradient(#55aff0,#237dbe);color:white;box-shadow:inset 0 1px #77c8ff,0 1px 2px #6c7d8b30}.flow-stage{height:390px;position:relative;perspective:1100px;overflow:hidden;touch-action:pan-y;user-select:none;outline-offset:-5px!important}.flow-cards{position:absolute;left:50%;top:38px;width:0;height:260px;transform-style:preserve-3d}.flow-card{position:absolute;left:-125px;top:0;width:250px;height:260px;padding:0;background:none;border:0;transform-origin:50% 50%;transform-style:preserve-3d;cursor:pointer;-webkit-tap-highlight-color:transparent}.flow-card>img:first-child{width:250px;height:260px;object-fit:cover;display:block;box-shadow:0 4px 8px #23313d20;border:1px solid #fff8;background:#f3f5f5}.flow-card.current{cursor:zoom-in}.flow-card.current>img:first-child{box-shadow:0 7px 18px #23313d30}.reflection{position:absolute;top:263px;left:0;width:250px;height:260px;object-fit:cover;transform:scaleY(-1);opacity:.21;mask-image:linear-gradient(to top,#0009,transparent 65%);-webkit-mask-image:linear-gradient(to top,#0009,transparent 65%);pointer-events:none}.horizon{position:absolute;top:305px;left:0;right:0;height:80px;background:radial-gradient(ellipse at center,#b0bcc22a,transparent 65%);pointer-events:none}.flow-caption{text-align:center;position:relative;z-index:30;min-height:142px;margin-top:-8px;padding:0 20px;pointer-events:none}.flow-caption>*{pointer-events:auto}.flow-position{font-size:9px;letter-spacing:2px;color:#9aa5ac;font-variant-numeric:tabular-nums}.flow-caption h2{font-size:23px;font-weight:600;margin:10px 0 9px;color:#28353e}.flow-caption p{font-size:11px;margin:7px 0;color:#85939c;line-height:1.7}.flow-caption #flow-address{font-size:10px;max-width:650px;margin:0 auto;padding:0 20px}.flow-open{margin-top:10px;background:none;border:0;color:#458ebc;font-size:10px;padding:7px 12px}.flow-controls{display:flex;justify-content:center;align-items:center;gap:25px;margin:15px 0}.flow-controls button{background:none;border:0;color:#8295a1;font-size:28px;width:40px;height:35px;padding:0}.flow-controls #flow-play{font-size:15px}.scrubber{width:min(400px,75%);display:flex;gap:15px;margin:0 auto;align-items:center;font-size:9px;color:#98a6b0}.scrubber input{margin:0;padding:0;accent-color:#579bca;height:12px;cursor:pointer;border:0;background:none}.flow-instructions{text-align:center;font-size:10px;color:#a3adb3;margin:22px 0 30px;letter-spacing:1px}.flow-footer{border-top:1px solid #e4e8eb;margin:0 5%;padding:20px 0;display:flex;justify-content:space-between;color:#9ba6ad;font-size:10px}.flow-footer button{border:0;background:none;color:inherit;font-size:10px}.flow-page #viewer{z-index:100}.flow-page .capture-details dt,.flow-page .address-label{color:#8d9aa3}.flow-page #large{background:#151a1e}.flow-page dialog{background:#f5f7f8;color:#3d4b54}.flow-page .photo-location #photo-location-text{color:#566873}@media(min-width:1500px){.flow-top{padding-top:55px}.flow-stage{height:450px;perspective:1400px}.flow-cards{top:60px;transform:scale(1.15)}.horizon{top:365px}}@media(max-width:700px){.flow-bar{height:47px;padding:0 16px}.flow-bar>span{font-size:15px}.flow-bar b{font-size:9px;margin-left:7px}.bar-right{gap:12px}.flow-bar button{font-size:10px}.flow-top{padding-top:28px}.flow-top h1{font-size:19px;margin:13px 0 20px}.flow-tabs{gap:0}.flow-tabs button{padding:8px 11px;font-size:10px}.flow-stage{height:340px;perspective:850px}.flow-cards{top:36px;height:225px}.flow-card{left:-97px;width:194px;height:225px}.flow-card>img:first-child{width:194px;height:225px}.reflection{top:228px;width:194px;height:225px}.horizon{top:265px}.flow-caption{margin-top:-10px;min-height:135px}.flow-caption h2{font-size:21px}.flow-caption #flow-address{max-width:360px;font-size:10px}.flow-controls{margin:10px 0}.flow-footer{font-size:9px}.flow-instructions{font-size:9px;margin-bottom:24px}.flow-eyebrow{font-size:8px}}@media(prefers-reduced-motion:reduce){.flow-card{transition:none}}

.flow-bar>.flow-brand{font-size:15px;line-height:1.5;text-align:center}.flow-brand b{display:block;margin:0;font-size:8px;letter-spacing:1px}.flow-bar{gap:12px}@media(max-width:700px){.flow-bar>.flow-brand{font-size:clamp(11px,2.8vw,15px)}.flow-bar .back-version{white-space:nowrap;font-size:9px}.flow-bar .bar-right{gap:0}.flow-bar .bar-right .battery{display:none}.flow-bar .bar-right button{white-space:nowrap;font-size:9px}.flow-bar{padding:0 10px;gap:8px;height:56px}}

.flow-bar{position:relative}.flow-bar>.flow-brand{position:absolute;left:50%;transform:translateX(-50%);max-width:65%;white-space:nowrap}.bar-spacer{width:60px}@media(max-width:700px){.flow-bar>.flow-brand{left:12px;transform:none;text-align:left;max-width:74%}.bar-spacer{width:0}}

.sound-control{text-align:center;margin:15px 0 0}.sound-control button{border:1px solid #dde4e8;border-radius:20px;padding:6px 12px;background:#ffffff90;font-size:10px;color:#7f939f}.sound-control button[aria-pressed="false"]{color:#a1abb1;background:transparent}.flow-instructions{margin-top:12px}