:root{--paper:#f7f4ed;--ink:#283f36;--muted:#69756f;--rust:#955034;--blue:#4384da;--line:#dce1da}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 Arial,sans-serif}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}header,main{width:min(1240px,92%);margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:22px 0;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:var(--ink);font:bold 24px Georgia;letter-spacing:-.6px}.brand>span{font:36px Georgia;color:var(--rust);vertical-align:middle;margin-right:8px}.preview-label{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.intro{display:flex;justify-content:space-between;align-items:end;gap:25px;padding:31px 0 25px}.eyebrow{margin:0 0 8px;font-size:10px;letter-spacing:1.4px;font-weight:600}h1{font:37px/1.2 Georgia;letter-spacing:-1px;margin:0}h1 em{color:var(--rust);font-weight:400}.intro>p{margin:0 0 2px;color:var(--muted);font-size:12px;line-height:1.8}.experience{background:white;border:1px solid #d5dbd3;border-radius:16px;overflow:hidden;box-shadow:0 10px 35px #273e3408}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 20px;border-bottom:1px solid var(--line)}.scenarios{display:flex;gap:7px}.scenarios button{border:1px solid #e1e6df;background:#fff;border-radius:24px;padding:8px 15px;font-size:12px;white-space:nowrap}.scenarios button>span{font-size:16px;margin-right:6px}.scenarios button[aria-pressed=true]{background:#edf3ec;border-color:#8caa91;color:#254e36}.demo{font-size:8px;letter-spacing:1.4px;color:var(--muted);display:flex;align-items:center;gap:7px}.demo>span{width:6px;height:6px;background:#6a9577;border-radius:50%}.scene{height:520px;position:relative;isolation:isolate;overflow:hidden;background:#ecece8 url('maps/downtown-cf.svg') center/cover}.scene:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 70px #ffffff45;z-index:-1}.map-search{position:absolute;left:24px;top:22px;background:#fff;box-shadow:0 2px 9px #20352b20;border:1px solid #e0e4de;border-radius:10px;display:flex;align-items:center;gap:13px;width:315px;padding:12px 16px;color:#3e4842;z-index:4;font-size:13px}.map-search>span:first-child{font-size:26px;line-height:20px}.search-dot{margin-left:auto;color:#638978}.map-tag{position:absolute;right:22px;top:24px;background:#ffffffeb;border-radius:5px;padding:6px 9px;font-size:10px;color:#6f7c73;border:1px solid #dbe2d8}.city{position:absolute;font:500 25px/1.2 Arial,sans-serif;color:#68756c;letter-spacing:-.5px;text-shadow:0 1px 4px white,0 0 6px white;z-index:0}.city span{display:block;text-align:center;letter-spacing:3px;font-size:8px;margin-top:7px;color:#8c978f}.city-a{left:15%;top:24%}.city-b{right:14%;bottom:16%}.river-label{position:absolute;left:48%;top:30%;font:italic 12px Georgia;color:#608f9f;transform:rotate(33deg);text-shadow:0 0 3px #fff}.park-label{position:absolute;right:6%;bottom:7%;font-size:10px;color:#87a17c}.place{position:absolute;width:28px;height:28px;border:2px solid white;background:#fcfbf6;border-radius:50%;display:grid;place-items:center;box-shadow:0 1px 4px #435a4322;font-size:14px}.place-coffee{left:7%;top:61%}.place-shop{right:12%;top:28%}.place-tree{left:49%;bottom:15%;background:#e2efdc}.connection{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;z-index:1}.route-under{fill:none;stroke:#fff;stroke-width:9;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.route{fill:none;stroke:var(--blue);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1}.mobile-route{display:none}.person{position:absolute;z-index:3;transform:translate(-50%,-50%);text-align:center;width:80px}.neighbor{left:28%;top:61%}.owner{left:72%;top:48%}.avatar{position:relative;width:76px;height:76px;border:4px solid white;border-radius:50%;background:#fff;box-shadow:0 3px 12px #28483838;transform-origin:center bottom}.avatar:after{content:'';position:absolute;width:12px;height:12px;background:white;bottom:-8px;left:27px;transform:rotate(45deg);z-index:-1}.avatar img{width:100%;height:100%;display:block;border-radius:50%}.person-tag{display:inline-block;position:absolute;white-space:nowrap;top:90px;left:50%;transform:translateX(-50%);font-size:10px;padding:4px 8px;background:#fffffff2;border:1px solid #d8dfd4;border-radius:4px;color:#69756c}.bubble{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translateX(-50%);width:245px;text-align:left;border-radius:13px;padding:16px 18px;background:#fff;box-shadow:0 5px 20px #3347371c;border:1px solid #dce2d9}.bubble:after{content:'';position:absolute;bottom:-7px;left:calc(50% - 7px);width:12px;height:12px;background:inherit;border-right:1px solid #dce2d9;border-bottom:1px solid #dce2d9;transform:rotate(45deg)}.speaker{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1px;font-weight:600;color:#718077}.speaker>span{font-size:15px;letter-spacing:0}.bubble p{font-size:19px;line-height:1.35;letter-spacing:-.4px;font-weight:500;margin:8px 0 0;color:#273d33}.business{background:#f9fcf7;border-color:#bfd2b9;width:275px}.business:after{border-color:#bfd2b9}.business-meta{display:block;margin-top:11px;padding-top:9px;border-top:1px solid #e2e9de;font-size:10px;color:#71816b}.service-icon{position:absolute;right:-12px;bottom:-7px;width:29px;height:29px;border-radius:50%;background:white;box-shadow:0 2px 8px #334c3429;display:grid;place-items:center;font-size:16px}.reaction{position:absolute;right:-13px;top:-16px;font-size:27px;filter:drop-shadow(0 2px 3px #fff);display:none}.happy{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;background:#fff;box-shadow:0 4px 18px #3b513421;border:1px solid #cddbc5;border-radius:30px;padding:10px 17px;white-space:nowrap;font-size:12px;z-index:4}.happy>span:first-child{background:#487850;color:#fff;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-size:12px}.map-caption{position:absolute;bottom:12px;left:17px;font-size:7px;letter-spacing:1px;color:#7e8a80}.scene[data-chapter="1"] .connection,.scene[data-chapter="2"] .connection{opacity:1}.scene[data-chapter="2"] .reaction{display:block}.scene[data-chapter="2"] .service-icon{display:none}[hidden]{display:none!important}.story-panel{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:24px 28px;border-top:1px solid var(--line);min-height:173px}.story-copy .eyebrow{color:var(--rust);font-size:9px;margin-bottom:9px}h2{font:26px/1.2 Georgia;letter-spacing:-.6px;margin:0 0 9px}.story-copy>p:last-child{font-size:12px;color:var(--muted);margin:0;max-width:450px}.detail-card{border-left:1px solid var(--line);padding-left:28px;display:flex;align-items:start;gap:14px}.detail-icon{display:grid;place-items:center;background:#eef3e9;min-width:37px;height:37px;border-radius:10px;font-size:21px}.detail-kicker{font-size:8px;letter-spacing:1px;color:var(--muted)}h3{font-size:15px;margin:5px 0;font-weight:600}.detail-card p{font-size:11px;line-height:1.6;color:var(--muted);margin:0;max-width:390px}.action-chip{display:inline-block;font-size:10px;color:#447257;margin-top:8px}.playback{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 22px}.steps,.transport{display:flex;align-items:center;gap:10px}.steps button{border:0;background:none;padding:5px 0;font-size:10px;color:var(--muted)}.steps b{display:inline-grid;place-items:center;border:1px solid #d7dfd3;border-radius:50%;width:21px;height:21px;font-size:9px;margin-right:4px;font-weight:normal}.steps button[aria-pressed=true]{color:#325b40;font-weight:600}.steps button[aria-pressed=true] b{background:#395f43;border-color:#395f43;color:white}.steps i{width:20px;height:1px;background:#d4ddcf}.transport button{border:1px solid #dce2d8;border-radius:7px;background:#fff;padding:7px 12px;min-height:35px;font-size:11px}.transport #pause{background:#edf3e9}.progress{height:3px;background:#edf0e9}.progress>span{height:100%;width:0;display:block;background:#7d9b75}.footnote{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);padding-top:12px}.footnote p{margin:0}.transcript{font-size:11px;color:var(--muted);margin:18px 0 30px;max-width:800px}.transcript summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}
@media(max-width:750px){header{padding:14px 0}.brand{font-size:21px}.preview-label{display:none}.intro{display:block;padding:23px 0}h1{font-size:31px;max-width:350px}h1 em{display:block}.intro>p{font-size:12px;margin-top:11px}.intro>p br{display:none}.toolbar{padding:10px 8px}.demo{display:none}.scenarios{width:100%;gap:5px}.scenarios button{flex:1;padding:7px 5px;font-size:10px}.scenarios button>span{display:block;margin:0 0 3px;font-size:17px}.scene{height:555px;background-size:auto 100%}.map-search{left:12px;top:14px;width:calc(100% - 24px);font-size:12px;padding:11px 13px}.map-tag{top:auto;bottom:9px;right:9px;font-size:8px;padding:4px 6px}.city{font-size:21px}.city-a{top:17%;left:10%}.city-b{right:8%;bottom:8%}.city span{font-size:7px;margin-top:5px}.river-label{left:63%;top:30%}.park-label{display:none}.neighbor{left:23%;top:52%}.owner{left:75%;top:75%}.person{width:64px}.avatar{width:62px;height:62px;border-width:3px}.avatar:after{left:21px;bottom:-6px;width:10px;height:10px}.person-tag{top:74px;font-size:8px;padding:3px 5px}.bubble{width:166px;bottom:calc(100% + 16px);padding:12px 13px;left:calc(50% + 18px)}.bubble:after{left:calc(50% - 24px)}.bubble p{font-size:16px;line-height:1.35}.business{width:174px;left:calc(50% - 29px)}.business:after{left:calc(50% + 23px)}.speaker{font-size:7px;letter-spacing:.4px}.speaker>span{font-size:13px}.business-meta{font-size:9px;padding-top:7px;margin-top:8px}.desktop-route{display:none}.mobile-route{display:block}.route-under{stroke-width:8}.route{stroke-width:3}.reaction{font-size:24px;right:-11px;top:-17px}.service-icon{width:24px;height:24px;font-size:14px;right:-9px}.happy{bottom:auto;top:75px;left:50%;font-size:10px;padding:7px 11px;gap:7px}.happy>span:first-child{width:17px;height:17px}.scene[data-chapter="2"] .city-a{top:24%}.place-coffee{left:7%;top:72%}.place-shop{right:10%;top:24%}.place-tree{left:48%;bottom:7%}.map-caption{bottom:11px;left:10px;max-width:150px;font-size:6px}.story-panel{grid-template-columns:1fr;gap:18px;padding:21px;min-height:303px}h2{font-size:25px}.detail-card{border-left:0;border-top:1px solid var(--line);padding:15px 0 0;gap:11px}.playback{flex-direction:column;padding:13px 8px;gap:12px}.steps{gap:5px}.steps i{width:10px}.steps button{font-size:9px}.steps b{width:18px;height:18px;margin-right:3px}.transport button{min-height:39px;padding:7px 18px}.footnote{display:block;line-height:1.7}.footnote p+p{margin-top:5px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Search → mapped results → conversation → agreement. */
.map-search{display:block;padding:11px 15px;width:340px}.search-brand{display:flex;align-items:center;font-size:18px;font-weight:500;letter-spacing:-1px;line-height:1.2}.search-brand small{margin-left:auto;font-size:7px;letter-spacing:.8px;font-weight:400;color:#8b948c}.query-row{display:flex;align-items:center;gap:10px;font-size:12px;margin-top:9px}.query-row>span:first-child{font-size:24px;line-height:18px}.search-tabs{display:none}.scene[data-chapter="0"] .map-search{top:42px;left:50%;transform:translateX(-50%);width:460px;padding:22px 26px;border-radius:14px;box-shadow:0 12px 36px #314a3820}.scene[data-chapter="0"] .search-brand{justify-content:center;font-size:34px;position:relative;margin-bottom:19px}.scene[data-chapter="0"] .search-brand small{position:absolute;right:0;top:-8px;font-size:6px}.scene[data-chapter="0"] .query-row{border:1px solid #dfe3df;border-radius:26px;padding:12px 15px;font-size:14px;min-height:46px}.scene[data-chapter="0"] .search-tabs{display:flex;gap:22px;justify-content:center;font-size:10px;color:#7c857e;margin-top:16px}.search-tabs strong{font-weight:400;color:#4384da}.scene[data-chapter="0"] .neighbor{top:80%;left:35%}.scene[data-chapter="0"] .city{opacity:.7}.search-results{position:absolute;inset:0;z-index:2;pointer-events:none}.result-location{position:absolute;left:72%;top:48%;transform:translate(-50%,-50%)}.result-pin{display:grid;place-items:center;width:44px;height:44px;border:3px solid #fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#4485d6;box-shadow:0 4px 10px #324e3433;font-size:20px}.result-card{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translateX(-50%);width:265px;border:1px solid #d2dbd0;background:white;border-radius:12px;box-shadow:0 6px 22px #273e3425;padding:17px;pointer-events:auto}.result-card:after{content:'';position:absolute;width:12px;height:12px;bottom:-7px;left:calc(50% - 6px);background:white;border-right:1px solid #d2dbd0;border-bottom:1px solid #d2dbd0;transform:rotate(45deg)}.result-eyebrow{font-size:7px;letter-spacing:1px;color:#788578}.result-card h3{font-size:19px;margin:8px 0 5px}.result-card p{font-size:11px;margin:0 0 5px;color:#6f7e72}.result-card .result-area{font-size:9px;color:#8a978c}.result-card button{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;background:#eaf2fd;color:#3474c5;border-radius:6px;padding:9px 10px;margin-top:12px;font-size:11px}.other-pin{position:absolute;display:grid;place-items:center;width:24px;height:24px;border:2px solid white;background:#dc7667;color:white;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 2px 6px #34453222;font-size:9px}.pin-one{left:46%;top:63%}.pin-two{left:86%;top:64%}.scene[data-chapter="1"] .connection{opacity:0}.scene[data-chapter="2"] .reaction{display:none}.scene[data-chapter="2"] .service-icon{display:grid}.scene[data-chapter="3"] .connection{opacity:1}.scene[data-chapter="3"] .reaction{display:block}.scene[data-chapter="3"] .service-icon{display:none}
@media(max-width:750px){.map-search{width:calc(100% - 24px);padding:10px 13px}.search-brand{font-size:15px}.query-row{font-size:11px;margin-top:7px}.scene[data-chapter="0"] .map-search{top:45px;width:calc(100% - 28px);padding:25px 15px 17px}.scene[data-chapter="0"] .search-brand{font-size:31px;margin-bottom:16px}.scene[data-chapter="0"] .query-row{font-size:12px;min-height:42px;padding:10px}.scene[data-chapter="0"] .neighbor{left:40%;top:77%}.scene[data-chapter="0"] .bubble{left:50%;width:190px}.scene[data-chapter="0"] .bubble:after{left:calc(50% - 6px)}.result-location{left:75%;top:75%}.result-card{width:186px;left:calc(50% - 32px);padding:13px}.result-card:after{left:calc(50% + 25px)}.result-card h3{font-size:17px}.result-card p{font-size:10px}.result-pin{width:37px;height:37px;font-size:17px}.result-eyebrow{font-size:6px;letter-spacing:.6px}.pin-one{left:49%;top:34%}.pin-two{left:14%;top:80%}.scene[data-chapter="3"] .city-a{top:24%}.scene[data-chapter="3"] .happy{top:103px}.steps{gap:5px}.steps i{width:8px}.steps button{font-size:9px}}
@media(max-width:750px){.neighbor{top:48%}.owner,.result-location{top:79%}.person-tag{display:none}.city-b{bottom:5%}.scene[data-chapter="0"] .neighbor{top:78%}.scene[data-chapter="0"] .person-tag{display:inline-block}.scene[data-chapter="3"] .city-a{top:21%}}
.result-pin{transform:none;border-radius:50%;position:relative}.result-pin:after{content:'';position:absolute;bottom:-6px;left:calc(50% - 6px);width:10px;height:10px;background:#4485d6;border-right:3px solid white;border-bottom:3px solid white;transform:rotate(45deg);z-index:-1}
/* Concept 03: cast, comparison and distinct contact journeys. */
.neighbor{left:var(--cx,26%);top:var(--cy,66%)}.owner,.result-location{left:var(--bx,74%);top:var(--by,67%)}
.scene[data-chapter="0"] .neighbor{left:var(--cx,26%);top:80%}.scene[data-chapter="0"][data-reverse="true"] .neighbor{left:72%}
.scene:not([data-chapter="0"]) .map-search{left:50%;transform:translateX(-50%);width:320px;top:15px}
.result-card{width:280px;padding:14px 16px}.result-card h3{font-size:17px;margin:5px 0}.result-card p{font-size:10px}.rating{color:#a77416!important;font-size:12px!important;letter-spacing:.4px;font-weight:600}.comparison{margin:8px -3px 7px;border-top:1px solid #e7eae5}.comparison-row{display:flex;justify-content:space-between;gap:10px;padding:6px 3px;border-bottom:1px solid #edf0e9;font-size:10px;color:#67756b}.mini-rating{white-space:nowrap;color:#937434;font-size:9px}.result-card .result-area{font-size:8px;margin-top:5px}.result-card button{margin-top:8px}.search-results[data-decided="true"] .result-card{border-color:#73a482;box-shadow:0 5px 24px #356e4230}.pin-one{left:45%;top:74%}.pin-two{left:88%;top:39%}.pin-label{position:absolute;white-space:nowrap;left:19px;top:23px;transform:rotate(45deg);transform-origin:left top;background:#fffffff0;border:1px solid #e3e7df;border-radius:4px;padding:4px 6px;font-size:9px;color:#788074;font-weight:400}.scene[data-reverse="true"] .pin-one{left:10%;top:38%}.scene[data-reverse="true"] .pin-two{left:58%;top:77%}.scene[data-chapter="1"] .customer{width:105px;padding:10px}.scene[data-chapter="1"] .customer .speaker{display:none}.scene[data-chapter="1"] .customer p{font-size:14px;white-space:nowrap;margin:0;text-align:center}
.channel-badge{position:absolute;z-index:5;left:50%;bottom:20px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;background:#fffefb;border:1px solid #d5ddcc;border-radius:24px;padding:9px 15px;box-shadow:0 3px 14px #344d331a;font-size:11px;white-space:nowrap;transform-origin:center bottom}.channel-badge>span:first-child{display:inline-block;font-size:20px}.journey-token{position:absolute;z-index:4;font-size:30px;line-height:1;background:#fff;border:2px solid #fff;border-radius:50%;padding:5px;transform:translate(-50%,-50%);box-shadow:0 3px 12px #28483f30;pointer-events:none}.scene[data-mode="web"] .journey-token{font-size:21px;padding:5px}.sparkles{position:absolute;left:50%;bottom:48px;z-index:5;pointer-events:none}.sparkles span{position:absolute;font-size:21px;color:#c29b41}.sparkles span:nth-child(2n){color:#6c9475}.sparkles span:nth-child(2){left:65px}.sparkles span:nth-child(3){left:-50px}.sparkles span:nth-child(4){left:90px}.contact-preview{border:1px solid #dde4da;border-radius:6px;background:#fafcf7;margin:8px 0;padding:8px 10px;display:grid;gap:5px;min-width:220px;font-size:10px}.contact-preview>span:first-child{color:#7d8b7f;font-size:9px}.contact-preview>span:last-child{color:#497654;font-size:9px}.contact-preview+#detail-copy{font-size:10px}.scene[data-chapter="2"] .customer,.scene[data-chapter="3"] .customer{transform-origin:center bottom}.scene[data-reverse="true"] .result-pin{background:#4384da}
@media(max-width:750px){.neighbor{left:var(--cx);top:var(--cy)}.owner,.result-location{left:var(--bx);top:var(--by)}.scene:not([data-chapter="0"]) .map-search{width:calc(100% - 24px);top:14px}.scene[data-chapter="0"] .neighbor{left:var(--cx);top:78%}.scene[data-chapter="0"] .customer{left:calc(50% + 38px);width:184px}.scene[data-chapter="0"] .customer:after{left:calc(50% - 43px)}.scene[data-chapter="0"][data-reverse="true"] .neighbor{left:var(--cx)}.scene[data-chapter="0"][data-reverse="true"] .customer{left:calc(50% - 38px)}.scene[data-chapter="0"][data-reverse="true"] .customer:after{left:calc(50% + 33px)}
.result-card{width:183px;padding:11px 12px;left:calc(50% - 30px)}.result-card h3{font-size:15px}.result-card p{font-size:9px}.rating{font-size:11px!important}.comparison-row{font-size:8px;gap:4px;padding:5px 0}.mini-rating{font-size:8px}.result-card .result-area{font-size:7px;line-height:1.3}.result-card button{font-size:10px;padding:8px}.scene[data-chapter="1"] .customer{width:88px;left:50%;padding:8px}.scene[data-chapter="1"] .customer:after{left:calc(50% - 6px)}.scene[data-chapter="1"] .customer p{font-size:12px}.pin-label{display:none}.pin-one{left:43%;top:30%}.pin-two{left:13%;top:85%}.scene[data-reverse="true"] .pin-one{left:79%;top:28%}.scene[data-reverse="true"] .pin-two{left:68%;top:85%}.scene[data-reverse="true"] .customer{left:calc(50% - 20px)}.scene[data-reverse="true"] .customer:after{left:calc(50% + 14px)}.scene[data-reverse="true"] .business{left:calc(50% + 29px)}.scene[data-reverse="true"] .business:after{left:calc(50% - 35px)}.scene[data-reverse="true"] .result-card{left:calc(50% + 30px)}.scene[data-reverse="true"] .result-card:after{left:calc(50% - 36px)}.scene[data-chapter="1"][data-reverse="true"] .customer{left:50%}.scene[data-chapter="1"][data-reverse="true"] .customer:after{left:calc(50% - 6px)}.channel-badge{top:103px;bottom:auto;max-width:calc(100% - 26px);white-space:normal;text-align:center;font-size:9px;padding:6px 11px;gap:7px}.channel-badge>span:first-child{font-size:17px}.scene[data-chapter="2"] .city-a,.scene[data-chapter="3"] .city-a{top:26%}.scene[data-reverse="true"] .city-b{right:5%;bottom:8%}.journey-token{font-size:23px;padding:3px}.scene[data-mode="web"] .journey-token{font-size:18px}.contact-preview{min-width:0}.sparkles{bottom:auto;top:137px}.happy{font-size:9px}.business{width:174px}.scene[data-chapter="2"] .business-meta{font-size:8px;line-height:1.4}}
@media(max-width:750px){.channel-badge{top:88px}}
/* Concept 04: land-aligned map, deliberate comparison, website visit. */
.scene{background-size:100% 100%}.place{display:none}.park-label{display:none}.river-label{left:49%;top:29%;transform:rotate(78deg)}.pin-one,.scene[data-reverse="true"] .pin-one{left:13%;top:68%}.pin-two,.scene[data-reverse="true"] .pin-two{left:87%;top:36%}.result-card .comparison{margin:8px -6px}.comparison-row{padding:7px 6px;border-radius:4px}.comparison-row.inspecting{background:#edf3fc;color:#345e91;box-shadow:inset 3px 0 #6a95d0}.comparison-row.picked{background:#eaf4e8;color:#356b3e;box-shadow:inset 3px 0 #6d9f72}.scene[data-chapter="1"] .customer{width:188px}.scene[data-chapter="1"] .customer p{white-space:normal;font-size:14px;line-height:1.4}.footnote{justify-content:flex-end}.site-tour{position:absolute;left:50%;top:102px;transform:translateX(-50%);width:min(640px,90%);border:1px solid #d6d9cf;border-radius:11px;background:#faf8f1;z-index:7;box-shadow:0 15px 50px #273e3433;overflow:hidden}.site-bar{display:flex;align-items:center;justify-content:space-between;background:#f0f1eb;border-bottom:1px solid #d7ddce;font-size:10px;color:#7a887a;padding:9px 13px}.site-bar>span:first-child{font-size:8px;letter-spacing:3px;color:#b8c4b0}.site-viewport{height:305px;overflow:auto;scrollbar-width:thin;scrollbar-color:#b8c7af #edf0e7;overscroll-behavior:contain}.site-nav{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;font-size:9px;border-bottom:1px solid #dddccc}.site-nav strong{font:19px Georgia;color:#455b43}.site-nav strong span{display:block;font:6px Arial;letter-spacing:2px;margin-top:3px}.site-hero{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:24px 22px;background:#e8eadb}.site-hero small,.site-section small{font-size:6px;letter-spacing:1.1px;color:#697661}.site-hero h3{font:31px/1.02 Georgia;letter-spacing:-.8px;margin:9px 0}.site-hero p{font-size:9px;line-height:1.6;color:#64725c}.site-hero button,.site-cta button{border:0;border-radius:3px;padding:9px 13px;background:#4a6346;color:white;font-size:9px}.room-art{position:relative;background:linear-gradient(#bbcaaf 0 74%,#d6bb94 74%);border-radius:3px;min-height:168px;overflow:hidden}.room-window{position:absolute;left:15%;top:12%;width:34%;height:47%;background:linear-gradient(90deg,transparent 46%,#f8f6e9 46% 53%,transparent 53%),linear-gradient(0deg,#d9e9e2 45%,#f8f6e9 45% 53%,#d9e9e2 53%);border:5px solid #f4efdc;box-shadow:8px 6px 0 #80947420}.room-sofa{position:absolute;left:14%;bottom:9%;width:67%;height:30%;border-radius:10px 10px 4px 4px;background:#f3e5c7;border-bottom:10px solid #d4c09a;box-shadow:0 7px 0 -3px #756b54}.room-sofa:after{content:'';position:absolute;left:46%;top:0;height:75%;border-left:1px solid #d9cbaf}.room-frame{position:absolute;right:18%;top:20%;width:21%;height:28%;border:4px solid #a78e67;background:linear-gradient(30deg,#c18a65 50%,#e4d6b2 50%)}.room-plant{position:absolute;right:3%;bottom:6%;font-size:36px}.site-section{padding:23px 22px}.site-section h4{font:22px/1.15 Georgia;margin:8px 0 16px;color:#42583e}.site-services{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;font-size:8px;color:#728169}.site-services b{display:block;font-size:10px;margin:8px 0 4px;color:#435c3d}.site-project{background:#eee7db}.swatches{display:flex;gap:9px}.swatches span{display:flex;align-items:end;padding:9px;min-height:80px;flex:1;border-radius:3px;font-size:8px;background:#aabb9a;color:#344830}.swatches span:nth-child(2){background:#c28766;color:#fff9eb}.swatches span:nth-child(3){background:#faf6e7}.site-section p{font-size:9px;color:#687460}.site-cta{text-align:center;padding:28px 22px 32px}.site-cta h4{margin-bottom:9px}.site-cta button{margin-top:8px}.site-cta button.ready-to-click{box-shadow:0 0 0 4px #91ab7c55;background:#354f31}.site-tour-note{padding:8px 12px;background:#f5f3e9;border-top:1px solid #dadfce;font-size:11px;text-align:center;color:#66795f}.scene[data-mode="website"][data-chapter="2"] .neighbor,.scene[data-mode="website"][data-chapter="2"] .connection{visibility:hidden}
@media(max-width:750px){.scenarios{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.scenarios button{white-space:normal;font-size:9px;padding:6px 2px}.scene{background-size:100% 100%}.pin-one,.scene[data-reverse="true"] .pin-one{left:12%;top:70%}.pin-two,.scene[data-reverse="true"] .pin-two{left:87%;top:31%}.river-label{left:49%;top:30%;font-size:10px}.scene[data-chapter="1"] .neighbor{top:36%}.scene[data-chapter="1"] .customer{width:151px;left:calc(50% + 18px)}.scene[data-chapter="1"] .customer p{font-size:12px;white-space:normal;line-height:1.4}.scene[data-chapter="1"][data-reverse="true"] .customer{left:calc(50% - 18px)}.comparison-row{font-size:8px;padding:6px 4px}.site-tour{width:calc(100% - 20px);top:108px}.site-viewport{height:348px}.site-nav{padding:12px;font-size:8px}.site-nav strong{font-size:17px}.site-hero{padding:18px 12px;gap:10px;grid-template-columns:1.1fr 1fr}.site-hero h3{font-size:26px}.site-hero p{font-size:8px}.room-art{min-height:150px}.room-window{border-width:3px}.room-frame{border-width:3px}.room-plant{font-size:24px}.site-section{padding:21px 13px}.site-section h4{font-size:20px}.site-services{gap:7px}.site-services b{font-size:9px}.site-services span{font-size:7px}.site-tour-note{font-size:10px}.site-bar{font-size:8px}.swatches{gap:5px}.swatches span{padding:7px;min-height:70px;font-size:7px}}
.search-results[data-viewed="1"] .pin-one,.search-results[data-viewed="2"] .pin-two{box-shadow:0 0 0 7px #4384da25,0 0 0 2px #4384da;background:#4384da}.search-results:not([data-viewed="0"]) .result-pin{filter:saturate(.3);opacity:.55!important}.search-results[data-viewed="0"] .result-pin{box-shadow:0 0 0 6px #73a48230,0 4px 10px #324e3433}
/* Keep the search and review cards in separate desktop columns. */
@media(min-width:751px){
 .scene[data-chapter="1"] .map-search{left:24px;right:auto;transform:none;width:min(320px,calc(43% - 48px))}
 .scene[data-chapter="1"][data-reverse="true"] .map-search{left:auto;right:24px}
}

/* Real local geography, cropped without stretching; cards occupy reserved space. */
.scene{background-size:cover;background-position:center}
.city,.river-label{display:none}
.map-caption{font-size:10px;letter-spacing:.2px;background:#fffffff0;padding:5px 9px;border-radius:5px;color:#566b5d;z-index:6}
.map-credit{position:absolute;bottom:5px;right:7px;background:#ffffffda;padding:1px 4px;font-size:8px;color:#68786d;z-index:6;text-decoration:none}
.demo{font-size:10px;letter-spacing:.4px}
.result-location{position:static;transform:none}
.result-pin{position:absolute;transform:translate(-50%,-100%) rotate(-45deg)}
.result-card{left:auto;right:24px;top:35px;bottom:auto;transform:none;width:280px}
.result-card:after{display:none}
.scene[data-reverse="true"] .result-card{left:24px;right:auto}
@media(max-width:750px){
 .result-card,.scene[data-reverse="true"] .result-card{top:247px;right:12px;left:auto;width:183px;transform:none}
 .scene[data-reverse="true"] .result-card{left:12px;right:auto}
 .map-caption{font-size:9px;max-width:none;bottom:24px;left:10px}
 .map-credit{font-size:7px}
}

.result-card{z-index:2}.result-pin,.other-pin{z-index:1}

.scene[data-chapter] .neighbor,.scene[data-chapter="0"][data-reverse="true"] .neighbor{left:var(--cx);top:var(--cy)}
/* Two bigger home-service stories: AI discovery and a photo inquiry. */
.scenarios{flex-wrap:wrap}.toolbar{align-items:center}.scenarios button{padding:8px 11px}.demo{white-space:nowrap}
.ai-discovery{position:absolute;top:28px;left:24px;width:min(420px,44%);padding:21px;background:#fffefc;border:1px solid #dddcd5;border-radius:18px;box-shadow:0 12px 35px #273e3420;z-index:5;transform-origin:center bottom}
.ai-heading{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.ai-heading>span{font-size:26px;color:#547660}.ai-heading small{margin-left:auto;font-size:7px;letter-spacing:1px;color:#92978e}.ai-question{margin:15px 0 10px;padding:13px 15px;border-radius:15px 15px 3px 15px;background:#f0f0e9;font-size:14px;line-height:1.5;min-height:68px}.ai-thinking{display:flex;align-items:center;gap:4px;font-size:10px;color:#7a887b}.ai-thinking i{width:5px;height:5px;border-radius:50%;background:#73947c;animation:thinking .8s ease-in-out infinite alternate}.ai-thinking i:nth-child(2){animation-delay:.15s}.ai-thinking i:nth-child(3){animation-delay:.3s}.ai-thinking span{margin-left:6px}.ai-thinking button{margin-left:auto;border:0;border-radius:50%;width:27px;height:27px;background:#294e3d;color:white}
#ai-answer>p{font-size:12px;line-height:1.5;margin:13px 0}.ai-option{border:1px solid #e0e6dc;border-radius:9px;padding:10px 12px;margin:8px 0;background:#fbfcf7;display:grid;gap:3px;font-size:11px}.ai-option b{font-size:13px}.ai-option span{color:#667665}.ai-option small{font-size:9px;color:#6b8b76}.ai-option:nth-of-type(2){background:white}#ai-visit{background:#edf3eb;color:#355a3e;border:0;border-radius:8px;padding:10px 12px;width:100%;font-size:11px;text-align:left}
.scene[data-discovery="ai"] .map-search{display:none}.scene[data-discovery="ai"][data-chapter="0"] .ai-discovery{width:min(510px,85%);left:50%;top:42px;transform:translateX(-50%)}.scene[data-discovery="ai"][data-chapter="1"] .neighbor{visibility:hidden}
.ai-website{position:absolute;top:38px;left:50%;transform:translateX(-50%);width:min(560px,90%);border:1px solid #c8dada;border-radius:14px;overflow:hidden;background:#f5faf9;z-index:7;box-shadow:0 15px 40px #283e3425}.comfort-site{padding:25px 30px;background:radial-gradient(at 100% 0,#cde5de,transparent 70%)}.comfort-logo{font:bold 22px Georgia;margin-bottom:24px;color:#245c58}.comfort-logo small{display:block;font:7px Arial;letter-spacing:2px;margin:4px 0 0 28px}.comfort-site>small{font-size:7px;letter-spacing:1px;color:#688681}.comfort-site h3{font:34px/1.1 Georgia;margin:12px 0;color:#285651}.comfort-site p{font-size:12px;color:#6d837f}.comfort-services{display:flex;gap:15px;font-size:10px;margin:24px 0}.comfort-site button{border:0;background:#285e55;color:white;border-radius:6px;padding:12px 18px;font-size:12px}.comfort-note{display:block;font-size:11px;color:#6b8175;margin-top:18px}.scene[data-browsing="true"] .neighbor,.scene[data-browsing="true"] .connection{visibility:hidden}.photo-attachment{display:flex;gap:10px;align-items:center;font-size:10px}.photo-attachment img{width:85px;border-radius:6px}.photo-attachment b{font-size:9px;font-weight:400;color:#4d8566}
@keyframes thinking{to{transform:translateY(-4px);opacity:.4}}
@media(max-width:1000px){.demo{display:none}}
@media(max-width:750px){.scenarios{grid-template-columns:repeat(3,1fr)}.scenarios button{padding:6px 3px}.ai-discovery{top:14px;left:12px;width:calc(100% - 24px);padding:13px;border-radius:12px}.ai-heading{font-size:12px}.ai-heading>span{font-size:20px}.ai-heading small{font-size:6px}.ai-question{font-size:12px;padding:10px;min-height:0;margin:8px 0}.ai-thinking{font-size:8px}.scene[data-discovery="ai"][data-chapter="0"] .ai-discovery{top:35px;width:calc(100% - 24px)}.scene[data-discovery="ai"][data-chapter="1"] .ai-question{display:none}#ai-answer>p{font-size:10px;margin:6px 0}.ai-option{padding:6px 9px;margin:5px 0;font-size:9px}.ai-option b{font-size:11px}.ai-option small{font-size:8px}.ai-option:nth-of-type(2){display:none}#ai-visit{font-size:10px;padding:8px}.scene[data-discovery="ai"][data-chapter="1"] .result-card{top:238px}.ai-website{top:60px;width:calc(100% - 24px)}.comfort-site{padding:22px 18px}.comfort-site h3{font-size:29px}.comfort-site p{font-size:11px}.comfort-services{gap:9px;font-size:9px}.comfort-site>small{font-size:6px}.comfort-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.ai-thinking i{animation:none}}
.scene[data-discovery="ai"][data-chapter="0"] .customer{display:none}

/* Give the eye one speaker to follow during conversations. */
.scene[data-speaker="customer"] .business,.scene[data-speaker="business"] .customer,.scene[data-speaker="none"] .business,.scene[data-speaker="none"] .customer{visibility:hidden}
.scene[data-speaker="customer"] .neighbor .avatar,.scene[data-speaker="business"] .owner .avatar{box-shadow:0 0 0 5px #ffffffb0,0 4px 18px #28483838}

.scene[data-celebrating="false"] .reaction{display:none}

/* Small, synchronized activity cues; no competing speech bubbles. */
.service-icon{display:none!important}
.activity-badge{position:absolute;right:-15px;bottom:-7px;display:grid;place-items:center;min-width:32px;height:32px;padding:4px;background:#fff;border:2px solid #e0e8df;border-radius:11px;box-shadow:0 3px 9px #28483825;transform-origin:center bottom;z-index:2}
.activity-icon{display:block;font-size:19px;line-height:1}
.activity-badge[data-active="true"]{border-color:#7da78a;background:#f6fbf3}
.activity-badge[data-active="false"]{opacity:.8}
.activity-dots{display:none;gap:2px;position:absolute;right:-11px;top:-6px;background:#426c51;border:2px solid white;border-radius:8px;padding:4px}
.activity-dots i{display:block;width:3px;height:3px;border-radius:50%;background:white;animation:activity-dot 900ms ease-in-out infinite}
.activity-dots i:nth-child(2){animation-delay:150ms}.activity-dots i:nth-child(3){animation-delay:300ms}
.activity-badge[data-kind="message"][data-active="true"] .activity-dots,.activity-badge[data-kind="laptop"][data-active="true"] .activity-dots{display:flex}
.activity-badge[data-kind="phone"][data-active="true"] .activity-icon{animation:activity-ring 1600ms ease-in-out infinite}
.activity-badge[data-kind="search"] .activity-icon{animation:activity-search 1900ms ease-in-out infinite}
.activity-badge[data-kind="laptop"][data-active="true"] .activity-icon{animation:activity-type 1400ms ease-in-out infinite}
.activity-badge[data-kind="photo"] .activity-icon{animation:activity-flash 1700ms ease-in-out infinite}
.activity-badge[data-kind="hello"][data-active="true"] .activity-icon{animation:activity-ring 1800ms ease-in-out infinite}
.screen-activity{display:flex;align-items:center;gap:5px;font-size:16px!important;letter-spacing:0!important;color:#567863!important}
.screen-activity i{width:4px;height:4px;background:#749a7f;border-radius:50%;animation:activity-dot 1000ms ease-in-out infinite}
.scene[data-motion="still"] .activity-icon,.scene[data-motion="still"] .activity-dots i,.scene[data-motion="still"] .screen-activity i{animation-play-state:paused}
@keyframes activity-ring{0%,35%,100%{transform:rotate(0)}8%,24%{transform:rotate(-13deg)}16%,30%{transform:rotate(11deg)}}
@keyframes activity-search{0%,100%{transform:translate(-1px,1px) rotate(-9deg)}50%{transform:translate(2px,-2px) rotate(8deg)}}
@keyframes activity-type{0%,100%{transform:translateY(0)}45%{transform:translateY(-2px)}55%{transform:translateY(0) scale(1.04,.97)}}
@keyframes activity-dot{0%,70%,100%{transform:translateY(0);opacity:.5}35%{transform:translateY(-2px);opacity:1}}
@keyframes activity-flash{0%,65%,100%{opacity:1;transform:scale(1)}75%{opacity:.5;transform:scale(1.1)}}
@media(max-width:750px){.activity-badge{min-width:27px;height:27px;right:-10px;bottom:-5px;border-radius:9px}.activity-icon{font-size:16px}.screen-activity{font-size:14px!important}}
@media(prefers-reduced-motion:reduce){.activity-icon,.activity-dots i,.screen-activity i{animation:none!important}}
/* Browsing is a visible character action: phone swipes and a desktop cursor. */
.browsing-person{position:absolute;left:24px;bottom:42px;z-index:9;display:flex;align-items:center;gap:13px;width:260px;pointer-events:none}
.browsing-face{position:relative;flex:0 0 64px;width:64px;height:64px;border:4px solid white;border-radius:50%;box-shadow:0 4px 14px #294c3426;background:#fff}
.browsing-face img{width:100%;height:100%;border-radius:50%;display:block}.browsing-face>span{position:absolute;right:-10px;top:-13px;font-size:25px}
.browsing-thought{position:relative;padding:11px 13px;border:1px solid #d6dfd1;border-radius:13px;background:#fffef9;box-shadow:0 5px 20px #2e443c17}
.browsing-thought:before{content:'';position:absolute;left:-6px;top:50%;width:10px;height:10px;border-radius:50%;background:#fffef9;border-left:1px solid #d6dfd1}
.browsing-thought small{display:block;font-size:8px;color:#7d8a79}.browsing-thought p{font-size:13px;line-height:1.35;margin:4px 0 0;color:#365140}
.scene[data-mode="website"][data-chapter="2"] .map-search{display:none}
.site-tour{width:280px;left:60%;top:22px;border:7px solid #33433c;border-radius:32px;background:#33433c;box-shadow:0 16px 45px #253e3430}
.phone-hardware{position:relative;height:24px;background:#faf8f1;display:flex;justify-content:space-between;align-items:center;padding:0 14px;font-size:7px;border-radius:22px 22px 0 0}
.phone-hardware i{position:absolute;left:50%;top:0;transform:translateX(-50%);width:77px;height:12px;border-radius:0 0 9px 9px;background:#33433c}
.site-tour .site-bar{font-size:8px;padding:6px 9px}.site-tour .site-bar>span:nth-child(2){display:none}.site-tour .site-viewport{height:353px}.site-tour .site-tour-note{font-size:8px;padding:7px 9px;border-radius:0 0 20px 20px}
.site-tour .site-nav{padding:12px;font-size:7px}.site-tour .site-nav strong{font-size:17px}.site-tour .site-hero{padding:18px 12px;gap:12px;grid-template-columns:1fr}.site-tour .site-hero h3{font-size:28px}.site-tour .site-hero p{font-size:10px}.site-tour .site-hero .room-art{min-height:140px}
.site-tour .site-section{padding:21px 13px}.site-tour .site-section h4{font-size:21px}.site-tour .site-services{grid-template-columns:1fr;gap:13px}.site-tour .site-services b{display:inline;margin:0 6px}.site-tour .site-services span{font-size:9px}
.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.gallery-grid figure{margin:0}.gallery-grid .room-art{min-height:108px}.gallery-grid .warm-room{background:linear-gradient(#c9987c 0 74%,#d6bb94 74%)}.gallery-grid .warm-room .room-sofa{background:#bdc7a8}.gallery-grid figcaption{font-size:8px;margin-top:6px;color:#6b7862}.gallery-grid .room-plant{font-size:23px}
.swipe-hand{position:absolute;right:18px;top:285px;font-size:36px;z-index:10;pointer-events:none;filter:drop-shadow(0 3px 3px #263c3430);transform-origin:center bottom}.swipe-hand i{position:absolute;width:19px;height:19px;border:2px solid #ffffffcc;border-radius:50%;top:0;left:11px;z-index:-1;box-shadow:0 0 0 6px #6e9a6e25}
.ai-website{left:60%;width:min(530px,62%);top:24px}.comfort-note{display:none}.browse-cursor{position:absolute;width:26px;height:31px;z-index:10;pointer-events:none;filter:drop-shadow(0 2px 2px #24493930);transform-origin:3px 2px}.browse-cursor.cursor-click{transform:scale(.85)}
@media(min-width:751px) and (max-width:1000px){.browsing-person{width:240px;bottom:24px}.ai-website{left:60%;width:62%}.comfort-site{padding:20px}.comfort-site h3{font-size:29px}}
@media(max-width:750px){.site-tour{top:12px;left:50%;width:230px;border-width:6px;border-radius:27px}.site-tour .site-viewport{height:315px}.site-tour .site-nav>span{font-size:6px}.site-tour .site-tour-note{font-size:7px}.phone-hardware{height:21px}.swipe-hand{top:263px;font-size:31px;right:13px}.browsing-person{left:14px;bottom:37px;width:calc(100% - 28px);gap:12px}.browsing-face{flex-basis:48px;width:48px;height:48px;border-width:3px}.browsing-face>span{font-size:21px;right:-8px;top:-11px}.browsing-thought{padding:9px 11px;max-width:220px}.browsing-thought p{font-size:11px}.browsing-thought small{font-size:7px}.ai-website{left:50%;top:15px;width:calc(100% - 24px)}.comfort-site{padding:18px}.comfort-logo{font-size:19px;margin-bottom:14px}.comfort-site h3{font-size:26px}.comfort-site p{font-size:10px}.comfort-services{margin:17px 0;font-size:8px}.comfort-site button{padding:10px 14px}.browse-cursor{width:22px;height:27px}}

.site-tour .site-viewport{background:#faf8f1}

@media(max-width:750px){.browsing-person{bottom:60px}}

/* Keep browsing reactions attached to the active device. */
.browsing-person{width:244px;flex-direction:row-reverse;gap:10px}
.browsing-thought:before{left:auto;right:-6px;border-left:0;border-right:1px solid #d6dfd1}
@media(max-width:750px){.browsing-person{width:252px;max-width:calc(100% - 24px);flex-direction:row;gap:10px}.browsing-thought:before{right:auto;left:-6px;border-right:0;border-left:1px solid #d6dfd1}.browsing-thought p{font-size:11px}}

/* Embedded-story presentation: one short caption below the map. */
.intro{padding:25px 0 21px}.intro>p{font-size:13px;line-height:1.4;margin:0}
.story-panel{display:block;min-height:0;padding:17px 27px 18px}.story-panel .eyebrow{color:var(--rust);font-size:9px;letter-spacing:1.2px;margin:0 0 6px}.story-panel h2{font-size:24px;margin:0 0 4px}.story-panel>p:not(.eyebrow){font-size:12px;color:var(--muted);margin:0}.story-panel #step-meta{display:inline-block!important;margin-top:8px;color:#4f7956;font-weight:600}.story-panel #step-meta[hidden]{display:none!important}.story-panel .contact-preview{max-width:350px;margin:11px 0 0}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:750px){.intro{padding:20px 0}.intro>p{font-size:11px;margin-top:8px}.story-panel{padding:17px 16px 18px;min-height:0}.story-panel h2{font-size:21px}.story-panel>p:not(.eyebrow){font-size:11px}}
.embedded body{background:transparent}
.embedded header,.embedded .intro{display:none}
.embedded main{width:100%;margin:0}
.embedded .experience{box-shadow:none}

.room-photo{display:block;width:100%;height:150px;object-fit:cover;border-radius:5px}.site-hero>.room-photo{height:200px}.compact .toolbar{display:none}.compact .experience{border-radius:12px}.compact .scene{max-height:520px}.compact .story-panel{padding-top:14px;padding-bottom:14px}.compact .story-panel h2{font-size:23px}@media(max-width:750px){.compact .scene{max-height:none}.site-hero>.room-photo{height:160px}}