/* Feature compositions and functional discovery previews. */
[hidden]{display:none!important}
.asset-placeholder{display:flex;align-items:center;justify-content:center;min-width:0;padding:18px;background:#e5e1d9;color:#504b44;text-align:center;font-size:10px;font-weight:650;line-height:1.5;letter-spacing:.06em;overflow:hidden}
.warm{background:#e5d7c3;color:#725a42}.rose{background:#ebc4d6;color:#813c61}.blue{background:#c7d9e1;color:#375968}.sage{background:#dce1cb;color:#55633e}
.cover-slot{display:grid;place-content:center;min-width:0;text-align:center;font-size:7px;line-height:1.5;letter-spacing:.1em;font-weight:700}
.collection-cover{height:280px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding-top:48px;margin-bottom:24px}.collection-cover .cover-slot{font-size:10px}.collection-cover:after{display:none}.collection-copy{margin-top:0}
.hero-device .tab svg{width:18px;height:18px}.hero-device .tabbar{padding-top:8px}.hero-device .tab{gap:4px}
.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.feature.utility-card{grid-column:auto;min-height:0;display:flex;flex-direction:column;border-radius:24px}
.utility-card .feature-copy{max-width:none;padding:34px 34px 26px}
.utility-card .feature-copy h3{font-size:30px;line-height:1.08;letter-spacing:-.035em}
.utility-card .feature-copy p{font-size:14px;line-height:1.5;opacity:1;color:#646059}
.feature-save{background:#daeaf6!important}.feature-save .feature-copy p,.feature-local .feature-copy p{color:rgba(17,17,17,.82)}.feature-collections{background:#222320!important;color:#fafaf8}
.feature-collections .feature-copy p{color:#bdbfb4}
.save-composition{margin:auto 28px 28px}.save-source-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.save-source-grid>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:112px;border:1px solid rgba(17,17,17,.1);border-radius:12px;background:#fbfdff;font-size:26px}.save-source-grid b{font-size:11px}.save-source-grid small{font-size:8px;color:#6c7177;text-align:center}.save-flow{text-align:center;font-size:26px;line-height:48px;color:rgba(17,17,17,.6)}.saved-receipt{padding:20px;background:#fafaf8;border:1px solid rgba(17,17,17,.1);border-radius:14px;box-shadow:0 8px 20px rgba(40,80,120,.14)}.saved-receipt>span{font-size:9px;letter-spacing:.14em;color:#6c7177}.saved-receipt strong{display:block;margin:12px 0 8px;font-size:17px;letter-spacing:-.025em}.saved-receipt p{margin:0;color:#6c7177;font-size:12px;line-height:1.5}
.collection-composition{margin:auto 28px 28px}.collection-example-cover{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;min-height:180px;overflow:hidden;border-radius:12px}.collection-example-cover .asset-placeholder{padding:14px;font-size:10px}.collection-example-caption{display:flex;flex-direction:column;gap:8px;margin-top:16px}.collection-example-caption strong{font-size:20px;letter-spacing:-.03em}.collection-example-caption span{font-size:10px;color:#b4b8aa}.collection-composition>p{margin:20px 0 0;border-top:1px solid #ffffff24;padding-top:16px;font-size:13px;color:#bdc1b4;line-height:1.5}
.feature.feature-local{grid-column:1/-1;background:#fde4d3;display:grid;grid-template-columns:.75fr 1.25fr;min-height:820px;align-items:start;padding:0}
.feature-local.utility-card .feature-copy{padding:48px 36px;position:sticky;top:20px;container-type:inline-size}.feature-local .feature-copy h3{font-size:min(42px,15.5cqi)}
.local-experience{position:relative;background:#fafaf8;color:#171714;font-size:14px;line-height:1.4;padding:26px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.feature-local>.local-experience{align-self:stretch;min-height:820px;max-height:900px;border-left:1px solid #19191915}
.local-preview-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px}.local-preview-head>strong{font-size:2em;letter-spacing:-.04em}.local-preview-head>span{font-size:.68em;color:#7a7a72}
.local-choice{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #16161620;margin-bottom:20px}.local-choice button{position:relative;min-height:44px;border:0;background:none;color:#82827b;font-size:1em;cursor:pointer}.local-choice [aria-selected=true]{color:#111;font-weight:700}.local-choice [aria-selected=true]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#111}
.local-chips{display:flex;gap:14px;overflow:auto;margin-bottom:20px}.local-chips button{flex:none;padding:3px 0 7px;background:none;border:0;border-bottom:1px solid transparent;color:#85857d;font-size:.72em;cursor:pointer}.local-chips [aria-pressed=true]{color:#111;border-bottom-color:#111}
.local-section-title{font-size:1.06em;font-weight:650;margin:20px 0 14px;letter-spacing:-.025em}.local-section-title>span{display:block;margin-top:4px;font-size:.7em;font-weight:400;letter-spacing:0;color:#85857d}
.nearby-results button,.watch-grid button,.local-experience>.nearby-row{cursor:pointer}.nearby-lead{display:block;width:100%;padding:0;border:1px solid #11111118;border-radius:12px;overflow:hidden;background:none;text-align:left}.nearby-lead>.asset-placeholder{height:130px;font-size:.75em}.discovery-copy{display:block;padding:14px}.discovery-copy small{font-size:.62em;color:#777}.discovery-copy strong{display:block;margin:6px 0;font-size:1.3em;letter-spacing:-.03em}.discovery-copy>span{display:block;font-size:.79em;color:#777;line-height:1.5}
.nearby-row{display:grid;grid-template-columns:52px minmax(0,1fr) 12px;gap:12px;align-items:center;width:100%;padding:17px 0;border:0;border-bottom:1px solid #11111115;background:none;text-align:left;color:inherit}.nearby-row>span:nth-child(2){display:flex;flex-direction:column;gap:5px}.nearby-row small{font-size:.59em;color:#82827b;line-height:1.4}.nearby-row strong{font-size:.92em;font-weight:650;line-height:1.2}.nearby-row span span{font-size:.69em;color:#82827b;line-height:1.4}.date-block{display:flex;flex-direction:column;justify-content:center;gap:5px;text-align:center;min-height:57px;background:#f1e4ea;border-radius:8px;font-size:.53em;letter-spacing:.04em}.date-block b{font-size:1.7em;font-weight:600}.tiny-triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;height:57px;overflow:hidden;border-radius:6px}.tiny-triptych i{display:grid;place-items:center;font-style:normal;font-size:0;background:#e3d8c5}.tiny-triptych i:nth-child(2){background:#c7d8e0}.tiny-triptych i:nth-child(3){background:#dbe1cc}.place-monogram{min-height:57px;display:grid;place-items:center;background:#e9e7e0;border-radius:7px;font-size:1.2em}
[data-mode-panel=in] .place-monogram{font-size:.56em;font-weight:650;letter-spacing:.1em}
.local-section-title+.nearby-row{padding-top:0}
.watch-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.watch-grid button{min-width:0;border:0;padding:0;text-align:left;background:none;color:inherit}.watch-grid .asset-placeholder{aspect-ratio:3/4;border-radius:9px;font-size:.77em}.watch-grid small{display:block;margin-top:10px;font-size:.58em;color:#87877e;letter-spacing:.12em}.watch-grid strong{display:block;font-size:1em;margin:4px 0}.watch-grid button>span:last-child{font-size:.67em;color:#77776e}.sample-disclosure{margin:22px 0 0;color:#94948c;font-size:.61em;line-height:1.5}
.discovery-detail{position:absolute;z-index:110;left:12px;right:12px;bottom:16px;border:1px solid #1111111a;border-radius:18px;padding:28px 22px 22px;background:#fafaf8;color:#111;box-shadow:0 -20px 100px #1116}.close-detail{position:absolute;top:10px;right:12px;width:30px;height:30px;border:0;border-radius:50%;background:#e9e9e4;color:#333;font-size:22px;cursor:pointer}.detail-kind{display:block;max-width:85%;font-size:9px;color:#83837b;letter-spacing:.07em}.detail-title{font-size:23px;line-height:1.1;letter-spacing:-.03em;margin:14px 0}.detail-body{font-size:12px;color:#77776e;line-height:1.55}.detail-save{margin-top:14px;min-height:42px;width:100%;border:0;border-radius:999px;background:#111;color:#fff;font-size:10px;font-weight:750;letter-spacing:.1em;cursor:pointer}
.local-demo-scroll{padding:45px 0 66px;overflow:auto}.local-demo-scroll>.local-experience{font-size:10px;padding:16px;min-height:100%;overflow:visible}.local-demo-scroll .local-choice{margin-bottom:10px}.local-demo-scroll .local-chips{margin-bottom:10px;gap:12px}.local-demo-scroll .local-preview-head{margin-bottom:8px}.local-demo-scroll .local-section-title{margin:12px 0 10px}.local-demo-scroll .nearby-lead>.asset-placeholder{height:88px}.local-demo-scroll .nearby-row{padding:12px 0;grid-template-columns:42px 1fr 10px;gap:10px}.local-demo-scroll .date-block,.local-demo-scroll .place-monogram,.local-demo-scroll .tiny-triptych{min-height:44px;height:44px}.local-demo-scroll .discovery-detail{position:fixed;bottom:74px}
.feature.feature-people{grid-column:1/-1;background:#f0e8eb;color:#171714;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center}.feature-people.utility-card .feature-copy{max-width:none;text-shadow:none;padding:42px}.feature-people.utility-card .feature-copy p{color:#69636a}.human-recommendations{padding:18px 32px}.human-recommendations article{display:grid;grid-template-columns:32px 1fr;gap:14px;border-bottom:1px solid #1919191a;padding:22px 0}.human-recommendations article:last-child{border:0}.person-initial{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#d9c3cc;font-size:12px}.human-recommendations small{font-size:10px;color:#877c82}.human-recommendations blockquote{margin:8px 0 12px;font-size:21px;font-weight:550;letter-spacing:-.025em;line-height:1.2}.context-placeholder{font-size:9px;color:#94898e;border-bottom:1px dashed #b6a5ad;padding-bottom:3px}
.activity-scroll{overflow-y:auto;overscroll-behavior:contain;padding-bottom:82px}.activity-opening h3{font-size:20px}.activity-event{padding:12px 18px}.activity-time{margin-bottom:7px}.activity-sentence{gap:5px;font-size:11px}.activity-sentence .actor{font-size:10px;min-height:29px;padding:4px 9px}.summary-art{display:flex;align-items:center;gap:3px;padding:4px;background:#eeeae4;border-radius:8px}.summary-art i{display:grid;place-items:center;width:21px;height:26px;background:#dfc5cf;font-style:normal;font-size:10px;border-radius:3px}.summary-art i:nth-child(even){background:#c9d9dc}.summary-art b{font-size:8px;padding:0 4px}.activity-sentence .destination{font-size:16px;min-height:28px}.activity-single{padding:16px 18px;border-bottom:1px solid #11111115}.activity-attribution{display:flex;align-items:center;gap:5px;font-size:9px;color:#777}.activity-attribution b{color:#222;font-weight:650}.activity-attribution time{margin-left:auto;font-size:8px}.single-save-layout{display:grid;grid-template-columns:56px 1fr;gap:12px;margin-top:12px}.single-save-layout>.asset-placeholder{height:67px;padding:6px;font-size:6px;border-radius:7px}.single-save-layout h4{margin:0;font-size:11px}.single-save-layout p{margin:6px 0;color:#777;font-size:10px;line-height:1.4}.single-save-layout div>span{font-size:10px;font-family:var(--serif)}
.activity-expanded-example{padding:16px 0}.activity-expanded-example>.activity-attribution,.activity-expanded-example>h4,.activity-annotation,.rail-hint{margin-left:18px;margin-right:18px}.activity-expanded-example>h4{font-family:var(--serif);font-size:19px;font-weight:300;margin-top:10px;margin-bottom:7px}.activity-annotation{font-size:9px;line-height:1.4;color:#777;margin-top:0;margin-bottom:12px}.activity-rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 18px 8px;scrollbar-width:thin}.activity-media{flex:0 0 117px;min-width:0;scroll-snap-align:start}.activity-media .asset-placeholder{height:130px;border-radius:7px;font-size:7px;padding:12px}.activity-media:nth-child(3n+2){flex-basis:145px}.activity-media small{display:block;font-size:6px;color:#777;margin:7px 0 4px;letter-spacing:.1em}.activity-media strong{display:block;font-size:9px;line-height:1.3}.rail-hint{display:block;margin-top:4px;font-size:7px;color:#999}.activity-event .expanded-saves{display:none}.activity-event.expanded .expanded-saves{display:flex;margin:8px -18px 0}.activity-media .asset-placeholder img{display:none}
.discovery-map{position:absolute;inset:0 0 66px;overflow:hidden;background:#e5e4db}.map-drawing{position:absolute;inset:0;width:100%;height:100%}.map-heading{position:absolute;top:51px;left:18px;right:18px;padding:15px;background:#fafaf8ef;border:1px solid #11111112;border-radius:15px;box-shadow:0 6px 25px #1111}.map-heading strong{display:block;font-size:16px;letter-spacing:-.025em}.map-heading span{display:block;font-size:9px;color:#888;margin-top:5px}.discovery-pin{position:absolute;z-index:2;width:40px;height:40px;border:3px solid #fff;border-radius:50%;background:#222;color:#fff;display:grid;place-items:center;transform:translate(-50%,-50%);box-shadow:0 4px 12px #1113;cursor:pointer}.discovery-pin:after{content:"";position:absolute;width:2px;height:10px;background:#fff;left:50%;top:100%;box-shadow:0 3px 5px #1112}.discovery-pin.event{background:#ce70a8}.discovery-pin.collection{background:#73865b;border-radius:10px}.discovery-pin span{font-size:16px}.discovery-pin[aria-pressed=true]{outline:3px solid #fff8;outline-offset:3px}.you-dot{position:absolute;left:49%;top:68%;width:13px;height:13px;border-radius:50%;border:3px solid #fff;background:#608dbb;box-shadow:0 0 0 10px #608dbb24}.map-legend{position:absolute;bottom:90px;left:18px;right:18px;display:flex;justify-content:center;gap:18px;padding:10px;border-radius:8px;background:#fafaf8dd;font-size:8px;color:#56564e}.map-help{position:absolute;bottom:20px;left:18px;right:18px;margin:0;font-size:11px;text-align:center;font-weight:650}.map-help small{display:block;font-size:7px;margin-top:8px;font-weight:400;color:#7b7b73}.discovery-map .discovery-detail{bottom:14px}
.demo-grid{grid-template-columns:minmax(200px,.65fr) minmax(390px,1.35fr);grid-template-rows:auto auto;gap:0 60px;align-items:start}.steps{grid-column:1;grid-row:1/span 2;align-self:center}.step{align-items:center}.explainer{grid-column:2;grid-row:1;min-height:0;padding:0 0 28px;max-width:610px;justify-self:center}.demo-phone{grid-column:2;grid-row:2}.explainer-index{margin-bottom:12px}.explainer p{margin-top:12px}.explainer .status:empty{display:none}.hint{margin-top:15px}
@media(max-width:860px){.feature.feature-local{grid-template-columns:1fr;background:#fafaf8}.feature-local.utility-card .feature-copy{position:static;padding:30px;background:#fde4d3}.feature-local>.local-experience{border-left:0;border-top:1px solid #19191915;min-height:750px;max-height:850px}.feature.feature-people{grid-template-columns:1fr}.feature-people.utility-card .feature-copy{padding:30px 30px 0}.demo-grid{grid-template-columns:minmax(0,1fr);gap:26px}.steps{grid-column:1;grid-row:1;min-width:0}.explainer{grid-column:1;grid-row:2;padding-bottom:0}.demo-phone{grid-column:1;grid-row:3}}
@media(max-width:620px){.feature-grid{grid-template-columns:minmax(0,1fr);gap:16px}.feature.utility-card{grid-column:1}.utility-card .feature-copy{padding:28px 24px 24px}.utility-card .feature-copy h3{font-size:29px}.save-composition,.collection-composition{margin:0 20px 24px}.save-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.save-source-grid>span{min-height:98px}.collection-example-cover{min-height:165px}.collection-example-cover .asset-placeholder{font-size:8px;padding:8px}.feature-local.utility-card .feature-copy{padding:28px 24px}.feature-local .feature-copy h3{font-size:33px}.feature-local>.local-experience{min-height:100svh;max-height:none;overflow:visible;font-size:13px;padding:22px 18px}.feature-local .discovery-detail{position:sticky;bottom:16px;margin:12px 0 0;left:auto;right:auto}.nearby-row{gap:10px;grid-template-columns:48px minmax(0,1fr) 10px}.feature-people.utility-card .feature-copy{padding:28px 24px 0}.human-recommendations{padding:4px 24px 14px}.human-recommendations blockquote{font-size:21px}.feature-people.utility-card .feature-copy p{color:#69636a}.hero-device .tab svg{width:17px;height:17px}}
/* photos in the mock-up slots: the same boxes as the placeholders they replaced */
.slot-photo{display:block;width:100%;min-width:0;object-fit:cover}
.nearby-lead>.slot-photo{height:130px}.local-demo-scroll .nearby-lead>.slot-photo{height:88px}
.watch-grid .slot-photo{aspect-ratio:3/4;border-radius:9px}
.activity-media .slot-photo{height:130px;border-radius:7px}
.single-save-layout>.slot-photo{height:67px;border-radius:7px}
.collection-view .collection-cover>.slot-photo{position:static;width:100%;height:100%;aspect-ratio:auto;box-shadow:none;transform:none}
.tiny-triptych>img{width:100%;height:100%;min-width:0;object-fit:cover}
img.place-monogram{width:100%;height:57px;object-fit:cover}
