.home-motion .brand-moment { background:#f5f7f7; color:#25434d; padding-block:64px 48px; }
.brand-layout { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:48px; align-items:center; }
.home-motion .brand-copy h2 { color:#214f88; font-size:46px; line-height:1.12; font-weight:550; margin:18px 0 24px; }
.home-motion .brand-copy .brand-lead { font-size:23px; line-height:1.45; color:#306755; margin:0 0 20px; }
.brand-copy > p:not(.msc-label):not(.brand-lead) { max-width:440px; font-size:15px; line-height:1.8; color:#52666c; }
.brand-copy .msc-text-link { margin-top:18px; }
.brand-object { min-width:0; position:relative; }
.torch-stage { height:420px; position:relative; }
.torch-canvas { display:block; width:100%; height:100%; touch-action:pan-y; cursor:grab; opacity:0; transition:opacity .5s; }
.torch-canvas:active { cursor:grabbing; }
[data-torch-state="ready"] .torch-canvas { opacity:1; }
.torch-fallback { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:180px; height:auto; object-fit:contain; }
[data-torch-state="ready"] .torch-fallback { display:none; }
.torch-legend { position:absolute; right:4px; top:65px; bottom:60px; display:flex; flex-direction:column; justify-content:space-between; font-size:11px; color:#56706d; pointer-events:none; }
.torch-legend > span { display:flex; align-items:center; gap:10px; }
.torch-legend > span::before { content:""; width:24px; height:1px; background:#abbfba; }
.torch-toolbar { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:25px; min-height:44px; }
.torch-separate { display:flex; gap:9px; align-items:center; font-size:12px; color:#315349; cursor:pointer; }
.torch-separate input { width:16px; height:16px; margin:0; accent-color:#306755; }
.torch-tools { display:flex; gap:5px; }
.home-motion .torch-tools button { width:36px; height:36px; padding:0; display:grid; place-items:center; border:1px solid #bbcec8; border-radius:50%; background:transparent; color:#214f88; box-shadow:none; cursor:pointer; }
.torch-tools button > span { display:contents; }
.torch-tools svg { width:15px; height:15px; }
.home-motion .torch-tools button:hover { background:#e2ece8; }
.torch-tools button:disabled { opacity:.4; cursor:default; }
.brand-object-caption { text-align:center; font-size:11px; line-height:1.6; color:#586e69; margin:12px 0 0; }
.torch-status { text-align:center; font-size:12px; color:#52666c; margin:0; }
.home-motion .unseen-skill { padding-block:68px 38px; background:#fff; }
.home-motion .unseen-heading { margin-bottom:34px; gap:24px; align-items:flex-end; }
.home-motion .unseen-heading h2 { font-size:46px; line-height:1.1; color:#214f88; margin:12px 0 0; font-weight:550; }
.home-motion .unseen-heading > p { color:#536c69; font-size:16px; line-height:1.8; margin:0 0 4px; }
.unseen-toolbar { display:flex; justify-content:space-between; align-items:center; gap:20px; border-bottom:1px solid #c8d6d2; margin-bottom:20px; }
.unseen-scenes { display:flex; align-self:stretch; gap:20px; }
.home-motion .unseen-scenes button { display:flex; align-items:center; gap:9px; padding:16px 2px; border:0; border-bottom:3px solid transparent; border-radius:0; background:none; font:inherit; font-size:14px; color:#586a72; cursor:pointer; box-shadow:none; }
.unseen-scenes button > span { font-size:10px; font-variant-numeric:tabular-nums; color:#788982; }
.home-motion .unseen-scenes button[aria-selected="true"] { color:#214f88; border-bottom-color:#214f88; }
.unseen-lens { display:flex; padding:3px; background:#eef3f1; border-radius:6px; flex:none; gap:2px; }
.home-motion .unseen-lens button { display:flex; align-items:center; justify-content:center; gap:7px; min-width:80px; height:34px; padding:0 10px; border:0; border-radius:4px; color:#4b6460; background:transparent; font:inherit; font-size:12px; box-shadow:none; cursor:pointer; }
.home-motion .unseen-lens button[aria-pressed="true"] { background:#fff; color:#214f88; box-shadow:0 1px 4px #23453814; }
.unseen-lens svg { width:15px; height:15px; }
.unseen-layout { display:grid; grid-template-columns:minmax(0,1.85fr) minmax(0,1fr); gap:34px; align-items:center; min-width:0; }
.unseen-media { aspect-ratio:3/2; position:relative; overflow:hidden; background:#e9eeed; }
.unseen-picture,.unseen-picture img { display:block; width:100%; height:100%; }
.unseen-picture img { object-fit:cover; }
.unseen-picture.is-active { animation:unseen-appear .5s ease both; }
.unseen-pins { position:absolute; inset:0; }
.home-motion .unseen-pin { position:absolute; left:var(--pin-x); top:var(--pin-y); transform:translate(-50%,-50%); width:38px; height:38px; display:grid; place-items:center; border:1px solid #fff; border-radius:50%; padding:0; background:#164f63e6; color:#fff; box-shadow:0 0 0 5px #ffffff30; cursor:pointer; font:inherit; font-size:12px; }
.home-motion .unseen-pin[aria-pressed="true"] { background:#fff; color:#164f63; box-shadow:0 0 0 6px #ffffff50; }
.unseen-image-caption { position:absolute; bottom:14px; left:16px; background:#10354de6; padding:6px 10px; color:#fff; font-size:10px; line-height:1.4; pointer-events:none; }
.unseen-scan { position:absolute; inset:0; pointer-events:none; opacity:0; background:linear-gradient(110deg,transparent 25%,#f3fffa50 50%,transparent 70%); transform:translateX(-100%); }
.unseen-media.is-revealing .unseen-scan { animation:unseen-sweep .8s ease-out; }
.unseen-detail { min-width:0; }
.home-motion .unseen-detail h3 { color:#214f88; font-size:28px; line-height:1.18; margin:12px 0 18px; font-weight:550; }
.home-motion .unseen-detail p { font-size:14px; line-height:1.8; color:#506b69; margin:0 0 18px; }
.home-motion .unseen-detail .unseen-eyebrow { font-size:10px; line-height:1.5; color:#54796d; margin:0; text-transform:uppercase; }
.home-motion .unseen-reveal { margin-top:12px; padding:0 0 5px; border:0; border-bottom:1px solid #9eb8af; border-radius:0; background:none; box-shadow:none; color:#214f88; font-size:13px; cursor:pointer; }
.unseen-skill-choices { display:flex; flex-direction:column; gap:2px; margin-bottom:24px; }
.home-motion .unseen-skill-choices button { display:flex; align-items:center; gap:12px; width:100%; min-height:40px; text-align:left; border:0; border-left:2px solid transparent; border-radius:0; padding:7px 10px; color:#536b65; background:none; font:inherit; font-size:13px; box-shadow:none; cursor:pointer; }
.home-motion .unseen-skill-choices button[aria-pressed="true"] { border-left-color:#367562; background:#edf4f0; color:#214f88; }
.unseen-skill-choices svg { width:17px; height:17px; flex:none; }
.home-motion .unseen-skill-answer h3 { font-size:24px; margin-top:10px; }
.unseen-skill-answer a { display:inline-flex; align-items:center; gap:8px; color:#214f88; font-size:12px; line-height:1.5; text-decoration:none; }
.unseen-skill-answer a:hover { text-decoration:underline; }
.unseen-skill-answer a svg { width:17px; height:17px; flex:none; }
.unseen-footer { display:flex; justify-content:space-between; gap:24px; align-items:center; padding:16px 0 24px; }
.unseen-footer p { color:#61736c; font-size:10px; line-height:1.65; margin:0; }
.unseen-footer .msc-text-link { font-size:12px; }
.unseen-all-areas { border-top:1px solid #c7d6d0; border-bottom:1px solid #c7d6d0; }
.unseen-all-areas > summary { list-style:none; display:flex; justify-content:space-between; align-items:center; padding:19px 0; gap:20px; cursor:pointer; color:#214f88; font-size:14px; }
.unseen-all-areas > summary::-webkit-details-marker { display:none; }
.unseen-all-areas > summary svg { width:18px; height:18px; flex:none; transition:transform .25s; }
.unseen-all-areas[open] > summary svg { transform:rotate(180deg); }
.legacy-areas { padding:25px 0; }
.unseen-status { font-size:12px; color:#506b69; }
.unseen-status:empty { display:none; }
.brand-moment [hidden],.unseen-skill [hidden] { display:none!important; }
.brand-moment :is(button,a,input,canvas):focus-visible,.unseen-skill :is(button,a,summary):focus-visible { outline:3px solid #a36b1d; outline-offset:4px; }
@keyframes unseen-appear { from { opacity:.5; } to { opacity:1; } }
@keyframes unseen-sweep { 0% { opacity:0; transform:translateX(-100%); } 35% { opacity:1; } 100% { opacity:0; transform:translateX(100%); } }
@media(max-width:1100px) {
 .brand-layout { gap:20px; }
 .home-motion .brand-copy h2,.home-motion .unseen-heading h2 { font-size:39px; }
 .unseen-layout { gap:24px; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); }
 .home-motion .unseen-detail h3 { font-size:24px; }
 .home-motion .unseen-skill-answer h3 { font-size:21px; }
 .unseen-skill-choices { margin-bottom:16px; }
}
@media(max-width:800px) {
 .home-motion .brand-moment { padding-block:48px 32px; }
 .brand-layout { grid-template-columns:1fr; gap:12px; }
 .brand-copy { max-width:550px; }
 .home-motion .brand-copy h2 { font-size:36px; }
 .home-motion .brand-copy .brand-lead { font-size:21px; }
 .torch-stage { height:360px; }
 .torch-legend { right:5%; font-size:10px; top:50px; bottom:70px; }
 .home-motion .unseen-skill { padding-block:44px 28px; }
 .home-motion .unseen-heading { display:block; margin-bottom:22px; }
 .home-motion .unseen-heading h2 { font-size:35px; }
 .home-motion .unseen-heading > p { font-size:14px; margin-top:18px; }
 .unseen-toolbar { flex-wrap:wrap; gap:8px; padding-bottom:10px; }
 .unseen-scenes { gap:20px; }
 .home-motion .unseen-scenes button { font-size:13px; padding-block:12px; }
 .unseen-layout { grid-template-columns:1fr; gap:23px; }
 .unseen-detail { min-height:220px; }
 .home-motion .unseen-detail h3 { font-size:26px; }
 .unseen-skill-choices { flex-direction:row; gap:4px; }
 .home-motion .unseen-skill-choices button { flex:1; flex-direction:column; justify-content:center; gap:7px; border-left:0; border-bottom:2px solid transparent; text-align:center; padding:9px 4px; min-height:76px; font-size:11px; line-height:1.4; }
 .home-motion .unseen-skill-choices button[aria-pressed="true"] { border-bottom-color:#367562; }
 .unseen-footer { align-items:flex-start; flex-direction:column; gap:16px; }
 .unseen-image-caption { font-size:9px; bottom:10px; left:10px; }
 .home-motion .unseen-pin { width:34px; height:34px; font-size:11px; }
}
@media(max-width:360px) {
 .home-motion .brand-copy h2,.home-motion .unseen-heading h2 { font-size:31px; }
 .torch-toolbar { gap:14px; }
 .torch-tools { gap:3px; }
 .home-motion .torch-tools button { width:32px; height:32px; }
 .unseen-scenes { gap:12px; }
 .home-motion .unseen-scenes button { gap:5px; font-size:12px; }
}
html[data-page-motion="reduced"] :is(.unseen-picture.is-active,.unseen-media.is-revealing .unseen-scan) { animation:none; }
html[data-page-motion="reduced"] { scroll-behavior:auto!important; }
@media(prefers-reduced-motion:reduce) {
 .unseen-picture.is-active,.unseen-media.is-revealing .unseen-scan { animation:none; }
 .torch-canvas,.unseen-all-areas > summary svg { transition:none; }
}
