:root{--navy:#102754;--deep:#08182f;--blue:#214cbe;--yellow:#ffe42b;--paper:#f6f5ef;--ink:#142648;--muted:#58647b;font-family:"Segoe UI",system-ui,-apple-system,sans-serif;color-scheme:light;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0}body{margin:0;background:var(--navy);color:white}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.03;font-weight:650;letter-spacing:-.055em}h1{font-size:clamp(60px,6.6vw,110px)}h2{font-size:clamp(50px,5.8vw,90px)}h3{font-size:30px;letter-spacing:-.035em}em{font-style:normal;color:var(--blue)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}button,a,input,select{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #578dff}img{display:block;max-width:100%;height:auto}button{color:inherit}button[hidden],[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:10px;left:20px;z-index:100;transform:translateY(-150%);background:white;color:var(--ink);padding:12px}.skip-link:focus{transform:none}
.masthead{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:28px clamp(24px,5vw,88px)}.brand{width:190px}.brand img{width:100%;height:auto;object-fit:contain}.back-show{font-size:12px;color:#d8e4fb;display:flex;align-items:center;gap:18px}.back-show span{font-size:22px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.18em;font-weight:650;margin-bottom:28px}.chapter{position:relative;scroll-margin-top:0}.light{background:var(--paper);color:var(--ink)}.dark{background:var(--navy);color:white}.dark em{color:var(--yellow)}.yellow-page{background:#f7df3e;color:var(--ink)}.yellow-page em{color:var(--blue)}.spread{max-width:1440px;min-height:100svh;margin:0 auto;padding:100px clamp(28px,7vw,120px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,100px);align-items:center}.copy{max-width:550px}.lead{font-size:clamp(19px,1.65vw,25px);line-height:1.5;letter-spacing:-.025em;margin-top:30px}.copy>p:not(.eyebrow):not(.lead):not(.small-note){font-size:16px;line-height:1.8;color:var(--muted);margin-top:22px;max-width:470px}.dark .copy>p:not(.eyebrow):not(.lead){color:#bdcce6}.yellow-page .copy>p:not(.eyebrow):not(.lead){color:#3c4661}.editorial-note{margin-top:32px;padding:20px 0 0;border-top:1px solid #cfd4db;display:flex;flex-direction:column;gap:8px;max-width:470px}.editorial-note b{font-size:16px}.editorial-note span{font-size:14px;line-height:1.6;color:var(--muted)}.button{min-height:52px;padding:15px 23px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:3px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.yellow{background:var(--yellow);color:var(--ink)}.outline{border-color:#7385a2;color:white}.text-link{display:flex;align-items:center;gap:22px;font-size:12px;font-weight:650;margin-top:24px}.text-link.ink{color:var(--blue);margin-top:30px}.small-note{font-size:12px;line-height:1.6;margin-top:22px;opacity:.7}
/* Il pin resta ancorato alla sua coordinata mentre la camera si allontana. */
.intro{height:250svh}.intro-sticky{height:100svh;min-height:580px;position:sticky;top:0;overflow:hidden;background:#173453}.intro-map{position:absolute;inset:0;overflow:hidden;filter:saturate(.7)}.tile-board{width:1024px;height:1024px;position:absolute;will-change:transform;background:#e8e9de}.map-tile{position:absolute;width:25%;height:25%;max-width:none;border:0;user-select:none;pointer-events:none}.intro-camera{width:max(105vw,1100px);height:auto;aspect-ratio:1;left:68%;top:54%;transform-origin:43.5% 63%;transform:translate(-43.5%,-63%) scale(5)}.intro-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,24,47,.98) 0%,rgba(10,29,58,.92) 27%,rgba(12,33,65,.58) 54%,rgba(15,34,59,.1) 100%),linear-gradient(0deg,rgba(8,24,47,.8),transparent 30%)}.intro-copy{position:absolute;left:clamp(28px,7vw,130px);top:50%;transform:translateY(-46%);max-width:700px;z-index:3}.intro-copy h1 em{color:var(--yellow)}.intro-lead{font-size:clamp(17px,1.45vw,23px);line-height:1.6;color:#d1dcee;margin-top:28px}.intro-copy .button{margin-top:32px}.intro-copy .eyebrow{color:#e2e8f2}.intro-pin{position:absolute;left:43.5%;top:63%;transform:translate(-50%,-100%);display:block;z-index:2}.pin-shape{display:block;width:28px;height:28px;background:#2146b4;border:2px solid white;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 4px 8px #10275455}.pin-shape:after{content:"";display:block;width:10px;height:10px;background:var(--yellow);border-radius:50%;position:absolute;left:7px;top:7px}.intro-pin .pin-shape{width:42px;height:42px;border-width:3px}.intro-pin .pin-shape:after{width:16px;height:16px;left:10px;top:10px}.intro-other-pin{position:absolute;transform:translate(-50%,-100%)}.intro-other-pin .pin-shape{width:17px;height:17px}.intro-other-pin .pin-shape:after{width:6px;height:6px;left:4px;top:4px}.pin-caption{position:absolute;left:68%;top:57%;z-index:2;color:var(--ink);background:var(--paper);padding:16px 20px;transform:translateX(-50%);box-shadow:0 6px 25px #0c254d33;min-width:245px}.pin-caption span,.pin-caption small{display:block;font-size:10px;color:#52617b}.pin-caption strong{display:block;font-size:16px;margin:5px 0}.intro-mascot{position:absolute;bottom:7%;right:7%;width:clamp(190px,24vw,360px);transform:translateY(130px);opacity:0;filter:drop-shadow(0 20px 15px #0a1c3f66)}.intro-footer{position:absolute;left:clamp(28px,5vw,88px);right:clamp(28px,5vw,88px);bottom:26px;display:flex;justify-content:space-between;font-size:11px;color:#d1dcee;z-index:3}.intro-footer a{padding-right:10px}.map-attribution{position:absolute;bottom:5px;right:5px;font-size:9px;line-height:1.5;color:#2b3c56;background:#ffffffe8;padding:1px 4px;z-index:4}.intro-attribution{bottom:54px;right:28px}
/* Images originales de la mascotte, sans recomposition du personnage. */
.identity-art{position:relative;display:grid;place-items:center;align-content:center;padding-top:50px}.identity-art>img{position:relative;width:min(100%,470px);filter:drop-shadow(0 20px 14px #10275414)}.giant-word{position:absolute;left:-25px;top:-20px;font-size:clamp(95px,11vw,180px);font-weight:850;letter-spacing:-.08em;color:#e2e5e3;transform:rotate(-9deg)}.art-caption{font-size:11px;letter-spacing:.04em;margin-top:24px;text-align:center}.identity-art .art-caption{color:var(--muted)}.actor-stage{position:relative;min-height:540px;display:flex;flex-direction:column;align-items:center;justify-content:center}.actor-word{position:absolute;top:30px;font-size:clamp(85px,10vw,150px);line-height:1;font-weight:850;color:#ffffff0b;letter-spacing:-.07em;white-space:nowrap}.sprite-actor{position:relative;width:min(100%,400px);aspect-ratio:1;filter:drop-shadow(0 22px 18px #06152c33)}.sprite-actor img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;visibility:hidden}.sprite-actor img.is-visible{visibility:visible}.actor-caption{display:flex;align-items:center;justify-content:center;gap:9px;text-align:center;font-size:12px;color:#c9d8f3;min-height:40px;max-width:360px;line-height:1.5}.live-dot{width:6px;height:6px;background:var(--yellow);border-radius:50%;flex-shrink:0}.scene-choices{display:flex;flex-wrap:wrap;gap:0 22px;margin-top:34px;border-top:1px solid #ffffff38}.scene-choices button{background:none;border:0;border-bottom:2px solid transparent;padding:18px 0 10px;font-size:12px;color:#b8c9e7}.scene-choices button[aria-pressed=true]{border-color:var(--yellow);color:var(--yellow)}.motion-toggle{background:none;border:0;text-decoration:underline;text-underline-offset:4px;color:#9fb7de;font-size:11px;padding:16px 8px}.work-stage{display:grid;justify-items:center;position:relative;min-height:500px;align-content:center}.work-stage .sprite-actor{width:430px;max-width:100%}.work-index{position:absolute;left:-20px;top:0;font-size:220px;line-height:1;letter-spacing:-.08em;font-weight:800;color:#132d5f0c}.work-progress{display:flex;gap:9px;margin-top:12px}.work-progress i{width:38px;height:3px;background:#14264825}.work-progress i.is-active{background:var(--blue)}.work-stage .art-caption{margin-top:15px}.work-choices{display:flex;align-items:flex-start;flex-direction:column;margin-top:30px;max-width:390px}.work-choices button{background:none;border:0;border-bottom:1px solid #14264833;text-align:left;padding:13px 0;width:100%;color:#344267;font-size:15px}.work-choices button[aria-pressed=true]{font-weight:750;color:#142648}.work-choices button[aria-pressed=true]:after{content:"↗";float:right}
/* Démonstration éditoriale, sans requête vers le service IA. */
.chat-demo{background:#fff;box-shadow:0 25px 65px #122a4c15;border:1px solid #e0e4e9;border-radius:12px;overflow:hidden;max-width:490px;width:100%;justify-self:center}.chat-header{background:var(--navy);display:flex;align-items:center;gap:10px;padding:16px 20px;color:white}.chat-header img{width:48px;height:48px}.chat-header b{font-size:19px}.chat-header span:not(.chat-ai){display:block;font-size:10px;color:#c4d3eb;margin-top:2px}.chat-ai{margin-left:auto;font-size:10px;border:1px solid #8a9bb8;border-radius:50%;padding:6px}.chat-body{min-height:390px;padding:22px 20px;background:#f2f5f9}.chat-bubble{font-size:13px;line-height:1.65;max-width:92%;padding:12px 15px;border-radius:3px 14px 14px 14px;background:white;color:#263956}.chat-bubble.human{margin:18px 0 18px auto;background:var(--navy);color:white;border-radius:14px 3px 14px 14px;max-width:84%}.chat-searching{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.chat-searching img{width:65px}.chat-map{height:125px;position:relative;overflow:hidden;margin-top:12px;border-radius:4px;background:#e9e9df}.chat-map .tile-board{width:1024px;height:1024px;transform-origin:0 0}.chat-map-pin{position:absolute;transform:translate(-50%,-100%)}.chat-map-pin .pin-shape{width:21px;height:21px}.chat-map-pin .pin-shape:after{width:7px;height:7px;left:5px;top:5px}.chat-result-link{display:block;font-size:11px;color:var(--blue);font-weight:700;margin-top:11px}.chat-send{display:flex;justify-content:space-between;gap:16px;align-items:center;border:0;background:var(--yellow);color:var(--ink);padding:17px 20px;width:100%;font-size:12px;font-weight:700}.chat-disclosure{padding:12px 20px;font-size:10px;line-height:1.5;color:#657089}
/* Démo cartographique autonome, données et tuiles locales. */
.map-chapter{padding:100px clamp(28px,6vw,110px) 90px}.map-heading{max-width:1280px;margin:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.map-heading h2{font-size:clamp(44px,4.4vw,70px)}.map-heading>p{font-size:15px;line-height:1.8;color:#bdcce6;padding-bottom:4px}.map-demo{max-width:1280px;margin:42px auto 0;border-radius:6px;overflow:hidden;background:white;color:var(--ink)}.map-filters{display:flex;align-items:flex-end;gap:16px;padding:20px 24px;background:#fff}.map-filters label{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:700;letter-spacing:.025em;min-width:0;flex:1}.map-filters label.map-search{flex:1.3}.map-filters input,.map-filters select{background:#f7f8fa;border:1px solid #dce2eb;border-radius:3px;width:100%;height:40px;font-size:12px;letter-spacing:0;color:var(--ink);padding:0 10px}.filter-reset{border:0;background:none;color:#546781;white-space:nowrap;height:40px;font-size:11px;text-decoration:underline;text-underline-offset:4px}.map-content{display:grid;grid-template-columns:1fr 290px;min-height:510px}.map-surface{position:relative;overflow:hidden;background:#e6e8dc;min-height:510px;isolation:isolate;cursor:grab}.map-surface.is-dragging{cursor:grabbing}.map-camera{left:0;top:0;transform-origin:0 0}.map-markers{position:absolute;inset:0;overflow:hidden}.map-marker{position:absolute;z-index:2;transform:translate(-50%,-100%);border:0;padding:6px;background:transparent;cursor:pointer}.map-marker .pin-shape{width:24px;height:24px}.map-marker .pin-shape:after{width:8px;height:8px;left:6px;top:6px}.map-marker[data-selected=true]{z-index:3}.map-marker[data-selected=true] .pin-shape{background:#0c254e;border-color:var(--yellow);box-shadow:0 0 0 6px #ffe42b55}.map-cluster{transform:translate(-50%,-50%);background:var(--navy);color:white;border:4px solid #6380c488;border-radius:50%;min-width:38px;height:38px;font-size:11px;font-weight:700;padding:0 6px;box-shadow:0 2px 9px #12285733}.map-tools{position:absolute;left:15px;top:15px;display:flex;flex-direction:column;z-index:5;box-shadow:0 3px 12px #14264822}.map-tools button{background:white;border:1px solid #dce2eb;color:var(--ink);width:36px;height:36px;font-size:22px;display:grid;place-items:center}.map-tools button+button{border-top:0}.map-count{position:absolute;left:15px;bottom:15px;background:white;padding:8px 12px;font-size:10px;font-weight:700;z-index:4;box-shadow:0 2px 10px #12285714}.map-empty{position:absolute;inset:0;background:#ffffffc9;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:15px;padding:28px}.map-empty button{display:block;border:0;background:var(--navy);color:white;padding:12px 20px;font-size:12px;margin-top:20px}.space-detail{padding:24px;background:var(--paper);border-left:1px solid #dce2eb;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}.detail-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--blue);font-weight:750}.space-detail img{width:100%;height:150px;object-fit:cover;border-radius:3px}.space-detail h3{font-size:20px;line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere}.space-detail p{font-size:12px;line-height:1.6;color:var(--muted)}.space-detail dl{display:flex;gap:25px;margin:0;width:100%;padding:10px 0;border-top:1px solid #d8dee4;border-bottom:1px solid #d8dee4}.space-detail dt{font-size:9px;color:var(--muted)}.space-detail dd{margin:4px 0 0;font-size:11px;font-weight:700}.detail-link{font-size:11px;color:var(--blue);font-weight:700;padding-top:6px}.detail-contact{font-size:11px;color:var(--ink);border-bottom:1px solid #afb9c7;padding-bottom:4px}.map-footnote{max-width:1280px;margin:18px auto 0;font-size:10px;line-height:1.8;color:#adc0df}.map-footnote a{color:#fff;margin-left:8px;text-decoration:underline;text-underline-offset:3px}
.potential{padding:110px clamp(28px,8vw,150px) 100px}.potential-heading,.potential-grid{max-width:1180px;margin:auto}.potential-heading .lead{max-width:680px}.potential-heading h2{font-size:clamp(45px,5.5vw,82px)}.potential-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:100px;margin-top:70px}.potential-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;margin-bottom:22px;color:var(--blue)}.today{position:relative;padding-right:28px}.today h3{font-size:40px}.today>p{font-size:15px;line-height:1.8;margin-top:22px;color:var(--muted);max-width:350px}.today img{width:270px;margin:25px auto 0}.tomorrow article{display:flex;gap:25px;padding:0 0 25px;margin-bottom:25px;border-bottom:1px solid #d6dce0}.tomorrow article>span{font-size:12px;color:#8c99ae;padding-top:6px}.tomorrow article h3{font-size:23px;line-height:1.2;letter-spacing:-.025em}.tomorrow article p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:10px}.tomorrow .small-note{max-width:400px}.finale{padding:110px clamp(28px,7vw,120px) 110px;overflow:hidden}.finale-inner{max-width:1300px;margin:auto;text-align:center}.finale h2{font-size:clamp(45px,5.6vw,90px)}.finale .lead{color:#c1d2ef;font-size:19px}.finale-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:32px}.mascot-ensemble{display:flex;justify-content:center;align-items:flex-end;gap:20px;margin:44px auto 0;max-width:850px}.mascot-ensemble img{width:30%;max-height:245px;object-fit:contain;filter:drop-shadow(0 15px 15px #05112644)}.mascot-ensemble img:nth-child(2){transform:translateY(-12px)}.finale-footer{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#a4b9dc;border-top:1px solid #ffffff24;padding-top:24px;margin-top:45px}
/* Navigation et lecture automatique, communes à toutes les tailles. */
.chapter-nav{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:6px;padding:10px 6px;background:#091c3cc9;border:1px solid #ffffff15;border-radius:25px;backdrop-filter:blur(12px)}.chapter-nav a{position:relative;display:grid;place-items:center;width:18px;height:20px}.chapter-nav a:after{content:"";width:5px;height:5px;background:#91a8cc;border-radius:50%}.chapter-nav a[aria-current]:after{background:var(--yellow);box-shadow:0 0 0 4px #ffe42b24}.chapter-nav a span{position:absolute;right:30px;white-space:nowrap;background:#091c3c;color:white;font-size:10px;padding:8px 12px;border-radius:3px;opacity:0;pointer-events:none;transition:opacity .2s}.chapter-nav a:hover span,.chapter-nav a:focus-visible span{opacity:1}.player{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:40;background:#071832eb;border:1px solid #ffffff29;border-radius:6px;padding:7px 10px;display:flex;align-items:center;gap:7px;box-shadow:0 6px 30px #07172d33;color:white;backdrop-filter:blur(12px)}.player>button{display:grid;place-items:center;background:none;border:0;width:34px;height:32px;font-size:16px}.player>button:hover{color:var(--yellow)}.player #play{border:1px solid #ffffff30;border-radius:50%;width:32px;font-size:12px}.player-counter{font-size:10px;letter-spacing:.06em;min-width:55px;text-align:center}.speed-label{margin-left:4px;border-left:1px solid #ffffff30;padding-left:10px}.speed-label select{color:#dbe5f6;background:#13294e;border:0;border-radius:2px;padding:3px;font-size:11px}.player-progress{position:absolute;bottom:-1px;left:0;right:0;height:2px;overflow:hidden;border-radius:0 0 6px 6px}.player-progress i{display:block;width:100%;height:100%;background:var(--yellow);transform-origin:left;transform:scaleX(0)}
.js-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.js-ready .reveal.is-in{opacity:1;transform:none}
@media(min-width:1700px){.spread{max-width:1550px}.intro-copy{left:calc((100vw - 1440px)/2)}.chat-demo{max-width:530px}.chat-body{min-height:430px}}
@media(max-width:1050px){.spread{gap:40px;padding:90px 60px 90px 35px}.copy h2{font-size:58px}.actor-stage{min-height:450px}.sprite-actor{width:330px}.work-stage .sprite-actor{width:350px}.potential-grid{gap:45px}.map-chapter{padding-inline:30px 55px}.map-content{grid-template-columns:1fr 245px}.space-detail{padding:18px}.map-filters{gap:10px;padding:17px}.space-detail img{height:125px}.intro-copy{left:40px}.intro-copy h1{font-size:70px}.intro-lead{font-size:18px;max-width:370px}.pin-caption{left:76%}.intro-mascot{right:4%;width:250px}.masthead{padding-inline:35px}.chat-body{min-height:370px}}
@media(max-width:740px){h1{font-size:clamp(49px,11vw,75px)}h2,.copy h2{font-size:clamp(45px,10vw,66px)}.masthead{padding:22px 22px}.brand{width:145px}.back-show{font-size:9px;gap:8px}.back-show span{font-size:16px}.eyebrow{font-size:9px;margin-bottom:22px;letter-spacing:.14em}.spread{grid-template-columns:1fr;gap:35px;min-height:auto;padding:76px 28px 90px}.copy{max-width:none}.copy .lead{font-size:20px;margin-top:24px}.copy>p:not(.eyebrow):not(.lead):not(.small-note){font-size:15px;max-width:none}.intro{height:215svh}.intro-sticky{min-height:570px}.intro-camera{left:76%;top:66%;width:1100px}.intro-shade{background:linear-gradient(180deg,#08182ff7 0%,#0c244bf5 37%,#10275499 68%,#102754c9 100%),linear-gradient(90deg,#10275499,transparent)}.intro-copy{top:115px;left:28px;right:24px;transform:none}.intro-copy h1{font-size:clamp(50px,11vw,76px)}.intro-copy .eyebrow{margin-bottom:20px}.intro-lead{font-size:15px;line-height:1.6;margin-top:20px;max-width:320px}.intro-copy .button{margin-top:22px;min-height:46px;padding:12px 17px;font-size:11px}.intro-copy .text-link{font-size:10px;margin-top:17px}.pin-caption{top:70%;left:40%;padding:12px 15px;min-width:205px;max-width:220px}.pin-caption strong{font-size:13px}.pin-caption span,.pin-caption small{font-size:9px}.intro-mascot{width:180px;right:6%;bottom:10%}.intro-footer{left:22px;right:22px;bottom:86px;font-size:9px}.intro-attribution{bottom:65px;right:22px;font-size:8px}.identity-art{order:2;padding-top:20px}.identity-art>img{width:290px}.giant-word{font-size:115px;left:50%;top:-15px;transform:translateX(-50%) rotate(-9deg)}.identity .spread{gap:40px}.identity .copy{order:1}.identity-art .art-caption{margin-top:15px}.actor-stage{min-height:370px}.actor-word{font-size:100px;top:0}.sprite-actor{width:300px}.actor-caption{font-size:11px}.scene-choices{margin-top:22px;gap:0 20px}.scene-choices button{font-size:11px}.work-stage{order:2;min-height:380px}.work-stage .sprite-actor{width:300px}.work-index{font-size:175px;left:0}.work-choices{margin-top:20px;max-width:none}.work-choices button{font-size:14px}.installations .copy{order:1}.chat-demo{max-width:440px}.chat-body{min-height:350px;padding:18px 16px}.chat-bubble{font-size:12px}.chat-header{padding:13px 16px}.chat-header b{font-size:16px}.chat-map{height:125px}.map-chapter{padding:75px 22px 95px}.map-heading{display:block}.map-heading h2{font-size:45px}.map-heading>p{font-size:14px;margin-top:22px}.map-demo{margin-top:28px}.map-filters{display:grid;grid-template-columns:1fr 1fr;padding:16px;gap:14px 10px}.map-filters label.map-search{grid-column:1 / -1}.filter-reset{justify-self:start;height:20px;grid-column:1 / -1;padding:0}.map-content{grid-template-columns:1fr}.map-surface{min-height:360px;height:48svh;max-height:500px}.space-detail{border-left:0;border-top:1px solid #dce2eb;display:grid;grid-template-columns:100px 1fr;gap:8px 16px;padding:18px}.detail-eyebrow{grid-column:1 / -1}.space-detail img{grid-column:1;grid-row:2 / span 3;width:100px;height:110px}.space-detail h3{font-size:16px;grid-column:2}.space-detail p{font-size:11px;grid-column:2}.space-detail dl{grid-column:2;gap:20px}.space-detail dd{font-size:10px}.detail-link,.detail-contact{grid-column:1 / -1;justify-self:start;font-size:11px}.space-detail.no-photo h3,.space-detail.no-photo p,.space-detail.no-photo dl{grid-column:1 / -1}.map-footnote{font-size:9px}.potential{padding:75px 28px 85px}.potential-heading h2{font-size:45px}.potential-heading .lead{font-size:19px}.potential-grid{grid-template-columns:1fr;gap:40px;margin-top:45px}.today{padding:0;min-height:220px;padding-right:125px}.today h3{font-size:31px}.today>p{font-size:14px}.today img{position:absolute;right:-10px;bottom:0;width:140px}.potential-label{font-size:9px;margin-bottom:16px}.tomorrow article{gap:18px;margin-bottom:22px;padding-bottom:22px}.tomorrow article h3{font-size:21px}.tomorrow article p{font-size:14px}.finale{padding:75px 24px 110px}.finale h2{font-size:45px}.finale .lead{font-size:16px}.finale-actions{gap:10px}.finale-actions .button{font-size:11px;min-height:45px;padding:12px 16px}.mascot-ensemble{gap:8px;margin-top:38px}.mascot-ensemble img{width:32%;max-height:170px}.finale-footer{flex-wrap:wrap;justify-content:center;font-size:9px;gap:16px;margin-top:30px}.finale-footer>span{width:100%}.chapter-nav{right:7px;padding:6px 3px;gap:4px}.chapter-nav a{width:12px;height:17px}.chapter-nav a:after{width:4px;height:4px}.chapter-nav a span{right:24px}.player{bottom:12px;gap:3px;padding:6px 8px}.player>button{width:30px}.player-counter{min-width:50px;font-size:9px}.speed-label{padding-left:7px}.player #play{width:30px;height:30px}}
@media(max-width:380px){.intro-copy{top:95px}.intro-copy h1{font-size:47px}.intro-lead{font-size:14px}.intro-copy .button{margin-top:16px}.intro-copy .text-link{margin-top:13px}.pin-caption{top:73%;left:38%;min-width:190px}.intro-mascot{width:145px;right:2%}.spread{padding-inline:24px;gap:28px}.lead{font-size:18px}.today{padding-right:95px}.today img{width:115px}.map-filters select,.map-filters input{font-size:11px}.space-detail{grid-template-columns:80px 1fr;gap:8px 12px}.space-detail img{width:80px;height:100px}.map-heading h2,.finale h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.js-ready .reveal{opacity:1;transform:none}.intro{height:100svh}.intro-sticky{position:relative}.intro-mascot{opacity:1;transform:none}.intro-camera{transform:translate(-43.5%,-63%) scale(1)}.sprite-actor{filter:none}}
@media print{.masthead,.chapter-nav,.player,.button,.scene-choices,.work-choices,.motion-toggle,.back-show{display:none!important}.intro{height:100vh}.intro-sticky{position:relative}.intro-camera{transform:translate(-43.5%,-63%) scale(1)}.intro-mascot{opacity:1;transform:none}.spread{min-height:90vh}.chapter{break-after:page}.reveal{opacity:1!important;transform:none!important}.map-content{min-height:500px}.map-surface{min-height:500px}}