/* A workday told through place, people, and evidence. */
:root{--map-ground:#e7e2d7;--map-building:#f6f2e9;--map-building-edge:#d0c8b7;--map-road:#faf7ef;--map-road-line:#d2caba;--map-river:#c1c9c4;--map-river-edge:#f1ede4;--map-park:#cfd3c0;--map-park-path:#e8e8d9;--map-ink:#7b786d;--scene-ease:cubic-bezier(.22,1,.36,1)}
[data-theme=dark]{--map-ground:#292b29;--map-building:#343733;--map-building-edge:#454941;--map-road:#1b1e1b;--map-road-line:#41463f;--map-river:#111c1d;--map-river-edge:#3b4640;--map-park:#303e32;--map-park-path:#435447;--map-ink:#a8b0a3}
.scene-kicker{font-size:11px;letter-spacing:.12em;font-weight:800;line-height:1.6}.field-hero{padding-top:56px;padding-bottom:42px}.field-hero-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:75px;align-items:end;margin-bottom:42px}.field-hero-heading .scene-kicker{display:flex;align-items:center;gap:10px;margin-bottom:22px}.field-hero-heading .scene-kicker>span{width:21px;height:3px;background:var(--brand-red)}.field-hero h1{font-size:clamp(52px,6.3vw,88px);line-height:1.04;letter-spacing:-.055em}.field-hero h1 em,.evidence-heading h2 em{font-style:normal;color:var(--accent)}.field-intro{padding-bottom:4px;max-width:440px}.field-intro>p:first-child{font-size:22px;line-height:1.55;letter-spacing:-.02em}.field-intro .field-intro-detail{font-size:14px;color:var(--muted);margin-top:15px;max-width:370px;line-height:1.8}.field-intro .hero-actions{gap:22px;margin-top:24px}.field-intro .button{gap:17px}.field-intro .text-link{font-size:13px}
.presence-stage{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--surface);box-shadow:0 8px 0 -4px var(--bg),0 9px 0 -4px var(--line)}.presence-toolbar{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;border-bottom:1px solid var(--line);gap:16px}.presence-toolbar>div{display:flex;align-items:center;gap:13px}.presence-toolbar .brand-mark{width:23px;height:24px}.presence-toolbar strong{font-size:14px}.scene-label{font-size:9px;letter-spacing:.06em;color:var(--muted);border-left:1px solid var(--line);padding-left:14px;margin-left:4px}.scene-play{display:grid;place-items:center;width:36px;height:36px;min-width:36px;border:1px solid var(--control);color:var(--text);border-radius:50%;background:transparent}.scene-play svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}.scene-play:hover{background:var(--surface-2)}.scene-play:disabled{opacity:.5;cursor:default}.presence-map{position:relative;height:472px;isolation:isolate;overflow:hidden;background:var(--map-ground)}.district-map{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;color:var(--map-ink)}.map-ground{fill:var(--map-ground)}.map-building{fill:var(--map-building);stroke:var(--map-building-edge);stroke-width:1;filter:drop-shadow(2px 4px 0 var(--map-building-edge))}.map-river-edge{fill:none;stroke:var(--map-river-edge);stroke-width:83}.map-river{fill:none;stroke:var(--map-river);stroke-width:65}.map-avenue{fill:none;stroke:var(--map-road);stroke-width:28}.map-avenue-line{fill:none;stroke:var(--map-road-line);stroke-width:1;stroke-dasharray:5 8}.map-park{fill:var(--map-park);stroke:var(--map-building-edge);stroke-width:2}.map-park-path{fill:none;stroke:var(--map-park-path);stroke-width:7}.map-labels{fill:var(--map-ink);font-size:10px;letter-spacing:3px;font-family:var(--font);font-weight:600}
.roster-panel{position:absolute;z-index:4;left:22px;top:22px;width:264px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 24px #12171414;padding:18px 12px 14px}.roster-title{display:flex;justify-content:space-between;font-size:14px;font-weight:800;padding:0 7px}.roster-title>span{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.roster-filters{display:flex;gap:3px;margin:14px 0 9px;padding:3px;background:var(--bg);border-radius:6px}.roster-filters button{background:transparent;flex:1;font-size:10px;font-weight:700;min-height:34px;color:var(--muted);border-radius:4px}.roster-filters button[aria-pressed=true]{background:var(--surface-2);color:var(--text)}.roster-person{background:transparent;display:flex;align-items:center;gap:10px;text-align:left;padding:12px 7px;width:100%;border-radius:6px;border:1px solid transparent;min-height:65px}.roster-person[aria-pressed=true]{background:var(--surface-2);border-color:var(--line)}.person-avatar{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:var(--bg);border:1px solid var(--line);font-size:10px;font-weight:800;flex:none}.roster-person strong{display:block;font-size:12px;letter-spacing:-.02em}.roster-person small{display:block;color:var(--muted);font-size:10px;line-height:1.6;margin-top:2px}.person-age{font-size:10px;color:var(--muted);margin-left:auto;font-variant-numeric:tabular-nums}.roster-hint{font-size:10px;color:var(--muted);line-height:1.7;border-top:1px solid var(--line);padding-top:12px;margin:9px 7px 0}
.map-person{position:absolute;z-index:2;background:none;display:flex;align-items:center;flex-direction:column;min-width:56px;min-height:58px;padding:4px;transition:transform .6s var(--scene-ease),opacity .3s;transform:translate(-50%,-50%)}.map-person>span{height:39px;width:39px;background:var(--surface);border:2px solid var(--control);border-radius:50% 50% 50% 3px;transform:rotate(-45deg);display:grid;place-items:center;font-size:0;box-shadow:-3px 5px 8px #0002}.map-person>span:after{content:attr(data-initials);font-size:11px;font-weight:800;transform:rotate(45deg)}.map-person small{margin-top:8px;display:block;padding:3px 7px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:4px;font-size:10px;font-weight:700;white-space:nowrap}.map-person[aria-pressed=true]{z-index:3;transform:translate(-50%,-50%) translateY(-5px)}.map-person[aria-pressed=true]>span{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.map-person[aria-pressed=true] small{background:var(--button);color:var(--on-button);border-color:var(--button)}.map-person-camille{left:49%;top:53%}.map-person-mateo{left:72%;top:27%}.map-person-alex{left:82%;top:68%}.map-person-alex>span{border-style:dashed}.presence-detail{position:absolute;z-index:4;bottom:23px;left:32%;width:281px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);box-shadow:0 12px 25px #1418141c;border-radius:8px;padding:17px 20px;transition:transform .6s var(--scene-ease)}.presence-detail-top{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:10px;color:var(--muted)}.presence-detail-top>span:first-child{color:var(--accent);font-weight:800}.example-gps{font-size:8px;letter-spacing:.08em}.presence-detail h2{font-size:22px;letter-spacing:-.035em;margin-top:9px}.presence-detail>p{font-size:11px;color:var(--muted);margin-top:4px}.presence-timestamp{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:12px;margin-top:13px}.timestamp-icon{font-size:22px;color:var(--muted)}.presence-timestamp strong{font-size:11px;display:block}.presence-timestamp small{font-size:9px;color:var(--muted);display:block;margin-top:2px}.presence-stage[data-person=mateo] .presence-detail{transform:translateX(35px)}.presence-stage[data-person=alex] .presence-detail{transform:translateX(65px)}.presence-stage.is-switching .presence-detail{animation:presence-enter .6s var(--scene-ease)}.map-compass{position:absolute;right:22px;top:22px;display:grid;text-align:center;font-size:10px;font-weight:800;color:var(--map-ink)}.map-compass span{font-size:27px;line-height:1.3}.map-scale{position:absolute;bottom:23px;right:24px;font-size:8px;color:var(--map-ink);text-align:center}.map-scale>span{display:block;width:65px;height:5px;border:1px solid var(--map-ink);border-top:0;margin-bottom:5px}.presence-foot{padding:16px 22px;display:flex;justify-content:space-between;gap:20px;font-size:12px;font-weight:700}.presence-foot p{display:flex;gap:12px;align-items:center}.tiny-index{font-size:10px;font-variant-numeric:tabular-nums;color:var(--accent)}.presence-foot a{font-size:11px;text-decoration:underline;text-underline-offset:5px;min-height:24px}.scene-caption{font-size:11px;color:var(--muted);line-height:1.7;max-width:95ch;margin-top:19px}
.field-evidence{background:var(--surface-2);border-bottom:1px solid var(--line)}.evidence-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:40px}.evidence-heading .scene-kicker{margin-bottom:20px}.evidence-heading h2{font-size:clamp(38px,4.4vw,62px);line-height:1.1;letter-spacing:-.055em}.evidence-heading>p{font-size:16px;line-height:1.8;max-width:290px;color:var(--muted);padding-bottom:5px}.evidence-story{display:grid;grid-template-columns:1.55fr 1fr;gap:0;align-items:stretch;overflow:hidden;border-radius:12px;border:1px solid var(--line);background:var(--surface)}.field-film{position:relative;min-height:590px;overflow:hidden;background:#34332e;color:#fffdf8}.field-film video{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:57% center}.field-film-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0c151047,transparent 28%,transparent 40%,#101411bc);pointer-events:none}.film-topline{position:absolute;top:24px;left:26px;right:26px;display:flex;align-items:center;justify-content:space-between;gap:16px}.film-topline>span{font-size:9px;letter-spacing:.09em;font-weight:700;text-shadow:0 1px 4px #000}.film-topline .scene-play{background:#181b1880;border-color:#ffffff95;color:#fffdf8;width:44px;height:44px}.film-topline .scene-play:hover{background:#181b18}.film-caption{position:absolute;bottom:62px;left:30px;right:30px}.film-caption>span{display:block;font-size:10px;font-weight:700;letter-spacing:.08em;margin-bottom:15px}.film-caption strong{display:block;font-size:clamp(34px,3.8vw,54px);letter-spacing:-.05em;line-height:1.07;max-width:400px}.film-disclosure{position:absolute;bottom:22px;left:30px;font-size:9px;color:#eee8dc}.evidence-console{padding:22px 27px;display:flex;flex-direction:column;min-width:0}.evidence-console-top{display:flex;align-items:center;gap:10px;padding-bottom:17px;border-bottom:1px solid var(--line)}.evidence-console-top .brand-mark{width:23px;height:24px}.evidence-console-top strong{font-size:12px;letter-spacing:-.025em}.evidence-console-top>span:last-child{font-size:8px;letter-spacing:.06em;color:var(--muted);margin-left:auto}.evidence-task{margin-top:21px}.evidence-task .scene-kicker{font-size:8px;color:var(--muted)}.evidence-task h3{font-size:24px;letter-spacing:-.035em;margin-top:6px}.evidence-task>p:last-child{font-size:11px;color:var(--muted);margin-top:7px}.evidence-photo{height:142px;position:relative;border-radius:6px;overflow:hidden;margin-top:20px;background:var(--bg)}.evidence-photo img{width:100%;height:100%;object-fit:cover;object-position:center 60%;transition:transform 1s var(--scene-ease)}.photo-category{position:absolute;top:10px;left:10px;font-size:8px;letter-spacing:.1em;background:#fffdf8;color:#242320;border-radius:3px;padding:4px 8px;font-weight:800}.photo-check{position:absolute;right:12px;bottom:12px;width:27px;height:27px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-size:13px;font-weight:800;transform:scale(0);transition:transform .45s var(--scene-ease)}.evidence-file{display:flex;align-items:center;gap:12px;padding:15px 0 9px}.file-icon{font-size:22px}.evidence-file strong{font-size:10px;display:block}.evidence-file small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.evidence-file>span:last-child{margin-left:auto;color:var(--accent);font-size:17px}.evidence-progress{height:2px;background:var(--line);overflow:hidden}.evidence-progress>span{display:block;height:100%;background:var(--accent);width:0;transition:width 1.1s var(--scene-ease)}.evidence-review{display:flex;gap:10px;align-items:center;min-height:80px;padding-block:17px}.review-avatar{width:32px;height:32px;flex:none;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:9px;background:var(--bg)}.evidence-review strong{display:block;font-size:12px}.evidence-review p{font-size:10px;line-height:1.7;color:var(--muted);margin-top:3px}.evidence-console>.button{width:100%;justify-content:space-between;font-size:12px;min-height:45px;padding:13px 17px;margin-top:auto}.evidence-console>.text-link{justify-content:center;font-size:12px}.evidence-local-note{font-size:9px;color:var(--muted);margin-top:11px;text-align:center}.evidence-story[data-evidence-step="1"] .evidence-progress>span,.evidence-story[data-evidence-step="2"] .evidence-progress>span{width:100%}.evidence-story[data-evidence-step="1"] .evidence-photo img,.evidence-story[data-evidence-step="2"] .evidence-photo img{transform:scale(1.055)}.evidence-story[data-evidence-step="2"] .photo-check{transform:scale(1)}.evidence-story[data-evidence-step="2"] .evidence-console>.button{background:var(--good-bg);color:var(--good);cursor:default}.evidence-chapters{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--control);margin-top:23px}.evidence-chapters button{background:transparent;position:relative;text-align:left;padding:20px 25px 21px 38px;min-height:102px;border-bottom:2px solid transparent;color:var(--muted)}.evidence-chapters button:first-child{padding-left:26px}.evidence-chapters button+button{border-left:1px solid var(--line)}.evidence-chapters button>span{position:absolute;left:13px;top:24px;font-size:9px;color:var(--accent);font-variant-numeric:tabular-nums}.evidence-chapters button:first-child>span{left:0}.evidence-chapters strong{font-size:17px;display:block;letter-spacing:-.03em}.evidence-chapters small{font-size:12px;display:block;margin-top:4px}.evidence-chapters button[aria-pressed=true]{border-bottom-color:var(--accent);color:var(--text)}
.actual-product-section{padding-block:95px;border-bottom:1px solid var(--line)}.actual-product-section .scene-kicker{margin-bottom:21px}.actual-product-section .product-lead{font-size:17px;color:var(--muted)}.actual-product-section .hero-chapter-copy h2{font-size:24px}.actual-product-section h2{font-size:48px;line-height:1.1}.actual-product-section .product-stage{max-width:600px}.actual-product-section .device-theatre{height:510px}.actual-product-section .tour-device{width:211px}.product-tour{padding-top:75px}.media-note{font-size:11px;max-width:95ch}
.field-hero h1 em{white-space:nowrap}.presence-toolbar .scene-play{width:44px;height:44px}.roster-filters button{min-height:44px}
@keyframes presence-enter{from{opacity:.4;translate:0 9px}to{opacity:1;translate:0 0}}
@media(min-width:1450px){.presence-map{height:515px}.field-hero-heading{margin-bottom:48px}}
@media(max-width:1050px){.field-hero-heading{gap:32px;grid-template-columns:1.2fr 1fr}.field-hero h1{font-size:66px}.field-intro>p:first-child{font-size:19px}.presence-map{height:440px}.roster-panel{width:235px;left:16px;top:16px}.map-person-camille{left:53%;top:39%}.map-person-mateo{left:77%;top:20%}.map-person-alex{left:85%;top:68%}.presence-detail{left:36%;bottom:20px;width:260px}.evidence-console{padding:20px}.evidence-heading h2{font-size:47px}.evidence-story{grid-template-columns:1.2fr 1fr}.evidence-heading>p{font-size:14px;max-width:250px}.evidence-photo{height:130px}}
@media(max-width:760px){.field-hero{padding-top:31px;padding-bottom:30px}.field-hero-heading{display:block;margin-bottom:27px}.field-hero h1{font-size:clamp(45px,9vw,66px);line-height:1.06}.field-hero h1 em{white-space:nowrap}.field-hero-heading .scene-kicker{font-size:9px;margin-bottom:17px}.field-intro{margin-top:24px;max-width:520px}.field-intro>p:first-child{font-size:18px;max-width:450px;line-height:1.6}.field-intro .field-intro-detail{font-size:13px;line-height:1.7;margin-top:11px}.field-intro .hero-actions{margin-top:19px;gap:14px}.field-intro .button{font-size:12px;min-height:48px;padding:13px 17px;gap:14px}.field-intro .text-link{font-size:12px}.presence-stage{border-radius:10px}.presence-toolbar{padding:11px 14px}.presence-toolbar>div{gap:8px}.presence-toolbar strong{font-size:12px}.presence-toolbar .brand-mark{width:20px;height:22px}.scene-label{font-size:7px;padding-left:8px;margin-left:0}.presence-map{height:460px;display:flex;flex-direction:column}.district-map{height:310px;top:116px;width:150%;max-width:none;left:-22%}.roster-panel{position:relative;left:0;top:0;width:100%;padding:11px 12px 10px;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;z-index:5}.roster-title,.roster-hint{display:none}.roster-filters{margin:0 0 8px;background:transparent;padding:0;justify-content:start}.roster-filters button{flex:none;padding:6px 12px;min-height:32px;font-size:10px}.roster-people{display:flex;gap:4px}.roster-person{width:auto;min-width:0;flex:1;gap:7px;padding:9px 5px;min-height:48px}.person-avatar{width:26px;height:26px;font-size:8px}.roster-person strong{font-size:10px}.roster-person strong{max-width:69px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.roster-person small,.person-age{display:none}.map-person-camille{left:30%;top:47%}.map-person-mateo{left:70%;top:38%}.map-person-alex{left:83%;top:60%}.map-person>span{height:34px;width:34px}.map-person small{font-size:9px}.presence-detail{left:14px;right:14px;bottom:16px;width:auto;padding:13px 15px;border-radius:6px;min-height:129px}.presence-stage[data-person=mateo] .presence-detail,.presence-stage[data-person=alex] .presence-detail{transform:none}.presence-detail h2{font-size:20px;margin-top:4px}.presence-timestamp{padding-top:9px;margin-top:9px}.map-compass{top:125px;right:16px}.map-scale{display:none}.presence-foot{padding:12px 14px;display:block}.presence-foot p{font-size:11px;gap:8px}.presence-foot a{display:inline-block;margin-top:5px;margin-left:21px;font-size:10px;min-height:32px}.scene-caption{font-size:10px;margin-top:14px;line-height:1.8}.evidence-heading{display:block;margin-bottom:25px}.evidence-heading .scene-kicker{font-size:9px;margin-bottom:17px}.evidence-heading h2{font-size:clamp(36px,7vw,48px)}.evidence-heading>p{font-size:14px;max-width:400px;margin-top:19px}.evidence-story{display:flex;flex-direction:column;border-radius:9px}.field-film{min-height:380px}.film-topline{top:18px;left:19px;right:19px}.film-topline>span{font-size:8px}.film-caption{bottom:54px;left:22px}.film-caption strong{font-size:40px;max-width:290px}.film-disclosure{left:22px;bottom:18px}.evidence-console{padding:20px}.evidence-console-top{padding-bottom:13px}.evidence-task{margin-top:17px}.evidence-task h3{font-size:25px}.evidence-photo{height:170px}.evidence-console>.button{min-height:48px}.evidence-chapters{margin-top:16px}.evidence-chapters button,.evidence-chapters button:first-child{padding:27px 10px 16px;min-height:118px}.evidence-chapters button>span,.evidence-chapters button:first-child>span{left:10px;top:10px}.evidence-chapters strong{font-size:13px;line-height:1.5}.evidence-chapters small{font-size:10px;line-height:1.5}.actual-product-section{padding-block:60px}.actual-product-section h2{font-size:38px}.actual-product-section .product-stage{margin-top:30px}.actual-product-section .device-theatre{height:450px}.actual-product-section .tour-device{width:186px}.actual-product-section .hero-chapter-copy{display:none}.actual-product-section .product-lead{font-size:16px}.actual-product-section .hero-facts{display:none}.product-tour{padding-top:60px}}
@media(prefers-reduced-motion:reduce){.presence-stage *,.evidence-story *{animation:none!important;transition:none!important}.map-person[aria-pressed=true]{transform:translate(-50%,-50%)}.presence-detail{transform:none!important}.field-film video{scroll-behavior:auto}}
@media(max-width:760px){.roster-filters button{min-height:44px}.district-map{top:128px}.map-compass{top:137px}}