@font-face{font-family:Book;src:url(/assets/fonts/literata-latin-opsz-normal.woff2) format("woff2");font-weight:400 800;font-display:swap}@font-face{font-family:Book;src:url(/assets/fonts/literata-latin-opsz-italic.woff2) format("woff2");font-weight:400 800;font-style:italic;font-display:swap}@font-face{font-family:Label;src:url(/assets/fonts/radio-canada-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Label;src:url(/assets/fonts/radio-canada-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}:root{--paper: #f3ecdf;--paper-2: #fbf6ea;--ink: #1d1b18;--muted: #5f584e;--line: #cfc4b1;--sea: #12394a;--sea-ink: #f7f1e6;--red: #cf4a33;--red-ink: #a8371f;--mustard: #e2ad3b;--moss: #4f6f53;--hood: var(--red);--gutter: clamp(1rem, 4vw, 3.5rem);--w-full: 72rem;--w-text: 44rem;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:1.125rem/1.6 Book,Georgia,serif;overflow-x:clip}img,svg{max-width:100%}a{color:inherit}button{font:inherit;color:inherit}.lbl{font:600 .75rem/1.2 Label,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase}.frame{width:min(100% - 2 * var(--gutter),var(--w-full));margin-inline:auto}.measure{width:min(100% - 2 * var(--gutter),var(--w-text));margin-inline:auto}.skip{position:absolute;left:-999px;top:.5rem;z-index:20;padding:.7rem 1rem;background:var(--ink);color:#fff}.skip:focus{left:.5rem}:focus-visible{outline:2px solid currentColor;outline-offset:3px}.top{position:relative;z-index:10;background:var(--paper)}.top-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.6rem}.mark{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;min-height:48px}.mark svg{width:2.6rem;height:2.6rem;flex:none}.mark b{display:block;font:800 1.3125rem/.9 Book,serif;letter-spacing:.02em;text-transform:uppercase}.mark span{display:block;margin-top:.2rem;font:600 .75rem/1 Label,sans-serif;letter-spacing:.3em}.nav{display:flex;gap:1.6rem;list-style:none;margin:0 0 0 auto;padding:0;font:500 1rem/1 Label,sans-serif}.nav a{position:relative;display:inline-flex;align-items:center;min-height:48px;text-decoration:none}.nav a[aria-current=page]:after{content:"";position:absolute;left:0;right:0;bottom:.55rem;height:2px;background:var(--red)}.burger{display:inline-flex;align-items:center;gap:.7rem;min-height:48px;padding:0 .4rem 0 1.1rem;border:1px solid var(--ink);border-radius:2rem;background:none;cursor:pointer}.burger .bars{display:grid;gap:5px;width:2rem;height:2rem;place-content:center;border-radius:50%;background:var(--ink)}.burger .bars i{display:block;width:.9rem;height:1.5px;background:var(--paper)}html:not(.js) .burger{display:none}.g-head{position:relative;background:var(--sea);color:var(--sea-ink);padding:2.4rem 0 0}.g-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:1rem 3.5rem;align-items:end}.g-copy{padding-bottom:4.6rem}.g-head .ini{--ini: color-mix(in srgb, var(--tabc, #cf4a33) 50%, #fff);--ini-pal: #e2ad3b #f7f1e6 #cf4a33 #8fb1c2}.g-head .lead p:first-child:after{content:"";display:table;clear:both}.win{margin:0 0 -3rem}.g-head--win .g-copy{padding-bottom:5.5rem}.g-head .crumbs{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem;padding:0;list-style:none}.g-head .crumbs li+li:before{content:"/";margin-right:.5rem;opacity:.6}.g-head .crumbs a{text-decoration:none}.g-head .crumbs a:hover{text-decoration:underline}.g-head h1{margin:0 0 1.2rem;font:700 3rem/1.06 Book,serif;letter-spacing:-.02em;text-wrap:balance}.g-head .chapter{display:inline-flex;align-items:center;gap:.7rem;margin:0 0 .9rem}.g-head .chapter i{display:inline-block;width:2.2rem;height:1.3rem;border-radius:0 .4rem .4rem 0;background:var(--tabc, var(--red));box-shadow:0 1.5px #0000004d}.g-head .lead p{margin:0 0 1rem;font-size:1.3125rem;line-height:1.5}.sheet{position:relative;margin:0 0 -4rem;padding:1.1rem 1.1rem .8rem;background:var(--paper-2);color:var(--ink);border-radius:2px 6px 6px 2px;box-shadow:0 1px #00000014,0 18px 30px -12px #0000006b,inset 14px 0 18px -14px #00000040}.sheet .map{position:relative}.sheet .map svg{display:block;width:100%;height:auto}.sheet figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.3rem 1rem;margin-top:.6rem;font-size:.875rem;color:var(--muted)}.sheet figcaption a{color:inherit}.g-body{padding:6rem 0 1rem}.jump{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 2.4rem;padding:0;list-style:none}.jump a{display:inline-flex;align-items:center;min-height:48px;padding:0 1.1rem;border:1px solid #a39a89;border-radius:2rem;text-decoration:none;font:500 1rem/1 Label,sans-serif}.jump a:hover{border-color:var(--ink)}.jump a:focus-visible{background:var(--ink);color:var(--paper)}.sec{margin:0 0 4rem;scroll-margin-top:1rem}.sec-head{display:flex;align-items:center;gap:.8em;margin:0 0 .4rem;color:var(--red-ink)}.sec-head:after{content:"";flex:1;height:1px;background:#8f8676}.sec h2,.prose h2{margin:0 0 .6rem;font:700 2.25rem/1.1 Book,serif;letter-spacing:-.015em;text-wrap:balance}.sec>p{margin:0 0 1.2rem}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:1rem;list-style:none;margin-block:1.6rem 0;padding:0;counter-reset:e}.card{position:relative;display:flex;flex-direction:column;padding:3.2rem 1.4rem 1.4rem;background:var(--paper-2);border-radius:3px 10px 10px 3px;counter-increment:e;box-shadow:0 1px #00000012,0 12px 24px -18px #00000073,inset 10px 0 12px -12px #0000002e}.card:before{content:counter(e,decimal-leading-zero);position:absolute;left:1.4rem;top:1rem;font:italic 400 1.75rem/1 Book,serif;color:var(--red-ink)}.card:after{content:"";position:absolute;right:1.4rem;top:1.45rem;width:2rem;height:.55rem;border-radius:0 .3rem .3rem 0;background:var(--tabc, var(--red));box-shadow:0 1px #0000002e}.card h3{margin:0;font:700 1.5rem/1.15 Book,serif;letter-spacing:-.01em}.card .meta{margin:.4rem 0 .2rem;color:var(--red-ink);letter-spacing:.1em}.card .where{margin-bottom:.6rem;letter-spacing:.08em}.card .txt{margin:0;font-size:1rem;line-height:1.55}.prose{margin:0 0 3rem}.prose p{margin:0 0 1.1rem}.prose a,.sec a{color:var(--red-ink);text-decoration-thickness:1px;text-underline-offset:.2em}.faq{margin:0 0 3rem}.faq h2{margin:0 0 1rem;font:700 2.25rem/1.1 Book,serif}.faq details{border-top:1px solid #8f8676}.faq details:last-of-type{border-bottom:1px solid #8f8676}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:48px;padding:.8rem 0;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";flex:none;font:400 1.5rem/1 Book,serif;color:var(--red-ink)}.faq details[open] summary:after{content:"–"}.faq summary h3{margin:0;font:600 1.125rem/1.35 Book,serif}.faq details>div{padding:0 0 1rem}.faq details>div p{margin:0}.turn{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.3rem 1rem;margin:0 0 3.5rem;padding:1.4rem 1.6rem;background:var(--paper-2);border-radius:2px 8px 8px 2px;text-decoration:none;box-shadow:0 1px #0000001a,0 10px 20px -14px #00000080}.turn .lbl{color:var(--red-ink)}.turn b{grid-column:1;font:700 1.5rem/1.15 Book,serif}.turn .ar{grid-row:1 / span 2;grid-column:2;font-size:1.5rem;transition:translate .2s}.turn:hover .ar{translate:4px 0}.turn.lit .lbl{color:var(--mustard)}.home-body{padding:3.4rem 0 1rem}.next-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:0 auto 1.6rem}.next-head h2{margin:.5rem 0 0;font:700 3rem/1 Book,serif;letter-spacing:-.02em}.picks{display:grid;grid-template-columns:repeat(3,1fr);margin:0 auto 3.4rem;border-top:1px solid var(--line)}.picks article{position:relative;padding:1.4rem 1.6rem 0 0}.picks article+article{padding-left:1.6rem;border-left:1px solid var(--line)}.picks picture img{display:block;width:100%;height:auto;aspect-ratio:8 / 5;object-fit:cover;border-radius:2px;margin-bottom:.9rem}.picks h3{margin:.4rem 0;font:700 1.5rem/1.15 Book,serif}.picks h3 a{text-decoration:none}.picks h3 a:after{content:"";position:absolute;inset:0}.picks h3 a:hover{text-decoration:underline;text-underline-offset:.2em}.picks p{margin:0;color:var(--muted)}.picks .no{color:var(--red-ink)}.figure{margin:0 0 2.4rem}.figure img{display:block;width:100%;height:auto;border-radius:2px}.foot{margin-top:2rem;padding:2.6rem 0 2rem;background:var(--sea);color:var(--sea-ink)}.foot .frame{display:grid;grid-template-columns:1.2fr 2fr;gap:1.6rem 3rem}.foot .mark svg .bg{fill:#f7f1e6}.foot p{margin:.8rem 0 0;font-size:1rem}.foot ul{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:0 2.4rem;margin:0;padding:0;list-style:none;font:500 1rem/1 Label,sans-serif}.foot-links{display:grid;gap:.4rem;align-content:start}.foot-links .foot-head{margin:0;opacity:.8;max-width:none}.foot-links ul+.foot-head{padding-top:.9rem;border-top:1px solid #f7f1e633}.foot ul a{display:inline-flex;align-items:center;min-height:48px;text-decoration:none}.foot ul a:hover{text-decoration:underline}.foot small{grid-column:1 / -1;padding-top:1.2rem;border-top:1px solid #f7f1e633;font-size:.875rem;opacity:.85}@media(max-width:1100px){.js .nav{display:none}html:not(.js) .nav{flex-wrap:wrap;gap:0 1rem}.next-head{flex-direction:column;align-items:start}.g-head h1{font-size:2.25rem}.g-grid{grid-template-columns:minmax(0,1fr);width:min(100% - 2 * var(--gutter),var(--w-text))}.g-copy,.g-head--win .g-copy{padding-bottom:0}.sheet,.win{margin-top:.8rem}.next-head h2,.sec h2,.prose h2,.faq h2{font-size:1.75rem}.picks{grid-template-columns:1fr}.picks article+article{padding-left:0;border-left:0;border-top:1px solid var(--line);margin-top:1.2rem}.foot .frame{grid-template-columns:1fr}}@media(max-width:560px){.foot ul{grid-template-columns:repeat(2,auto)}.entries li{grid-template-columns:2.1rem 1fr;gap:0 .8rem}.entries h3{font-size:1.3125rem}.g-head .lead p{font-size:1.125rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}.m-water{fill:#7aa5b6}.m-land{fill:#ecdfc4}.m-coast{fill:none;stroke:#2f4b55;stroke-width:1.5;stroke-linejoin:round}.m-shoreline{fill:none;stroke:#d4e4e6;stroke-width:.9;stroke-opacity:.75}.m-wave{fill:none;stroke:#e3eef0;stroke-width:1.1;stroke-linecap:round;stroke-opacity:.8}.m-park{fill:#a9c088;stroke:#6f8b58;stroke-width:.6}.m-lake{fill:#7aa5b6;stroke:#2f4b55;stroke-width:.6}.m-minor{fill:none;stroke:#fdf8ec;stroke-width:1.1}.m-major{fill:none;stroke:#fdf8ec;stroke-width:2.7;stroke-linecap:round}.m-hood{fill:transparent;stroke:transparent;stroke-width:2.2;stroke-linejoin:round;cursor:pointer;transition:fill .3s,stroke .3s}.m-hood.on{fill:url(#hatch);stroke:var(--red)}.m-street{stroke:#8c3a28;stroke-width:2}.m-st{font:italic 600 21px Book,serif;fill:#3d1810;paint-order:stroke;stroke:#f4dfd2;stroke-width:5px}.m-pin{cursor:pointer}.m-pin .p{transition:transform .25s}.m-pin .ring{fill:none;stroke:transparent;stroke-width:2}.m-pin .dot{fill:var(--red);stroke:#fdf8ec;stroke-width:2.4}.m-pin text{font:600 18px Label,sans-serif;fill:#fff;text-anchor:middle}.m-pin.on .p{transform:scale(1.25)}.m-pin.on .ring{stroke:var(--red)}.m-pin.on .dot{fill:#a8321d}.m-ferry{fill:none;stroke:#f3ead6;stroke-width:1.8;stroke-dasharray:1.5 6;stroke-linecap:round}.m-boat path,.m-clock path,.m-clock circle{stroke:#2c2a26;stroke-width:1.2;stroke-linejoin:round;stroke-linecap:round}.m-boat .hl{fill:#24505f}.m-boat .win{fill:#24505f;stroke:none}.m-boat .wk{fill:none;stroke:#eef5f5;stroke-width:1.4}.ln{fill:none}.pap{fill:#fbf6ea}.acc{fill:#c4573f}.sl{fill:#8f9b98}.grn{fill:#7d9668}.m-clock .shade{fill:#2c2a26;fill-opacity:.13;stroke:none}.m-clock .ln{stroke-width:.9}.m-water-label{font:italic 500 24px Book,serif;letter-spacing:.24em;fill:#173e4d;text-anchor:middle}.m-water-label.sm{font-size:16px;letter-spacing:.2em}.m-tag{fill:#fbf6ea;fill-opacity:.94;stroke:none}.m-place{font:800 28px Book,serif;letter-spacing:.03em;fill:#1d1b18;text-anchor:middle}.m-fine{opacity:var(--fine, 0)}.m-fine text{font:italic 500 8.5px Book,serif;fill:#3a322a;text-anchor:middle;paint-order:stroke;stroke:#ecdfc4;stroke-width:2.5px}.duo{position:relative;display:inline-block;padding:.15em 0;overflow-x:visible;overflow-y:clip}.duo>span{display:block;white-space:nowrap}.duo-b{position:absolute;left:50%;top:.15em;font:italic 600 1rem/1 Book,serif;color:var(--red-ink);transform:translate(-50%,115%)}html:not(.js) .duo-b{display:none}.duo-svg{position:absolute;width:0;height:0}.contents{position:fixed;inset:0;z-index:40}.contents[hidden]{display:none}.cbox-grid{position:absolute;inset:0;display:grid;grid-template-columns:34% 28% 38%;grid-template-rows:62% 38%;grid-template-areas:"a b c" "a d e"}.cbox{position:relative;overflow:hidden}.cbox-a{grid-area:a}.cbox-b{grid-area:b}.cbox-c{grid-area:c}.cbox-d{grid-area:d}.cbox-e{grid-area:e}.cbox-in{position:absolute;inset:0;display:grid;align-content:end;gap:1rem;padding:clamp(1.25rem,3vw,3rem);overflow:auto}.cbox-a .cbox-in{background:var(--sea);color:var(--sea-ink);align-content:center}.cbox-b .cbox-in{background:var(--paper-2);color:var(--ink)}.cbox-c .cbox-in{display:block;padding:0;background:var(--paper)}.cbox-c picture,.cbox-c img{display:block;width:100%;height:100%;object-fit:cover}.cbox-d .cbox-in{background:var(--mustard);color:var(--ink)}.cbox-e .cbox-in{background:var(--paper);color:var(--ink);border-left:1px solid var(--line)}.cbox-head{margin:0;opacity:.8}.cbox p:not(.lbl){margin:0;font-size:1rem}.cbox ul{list-style:none;margin:0;padding:0}.cbox-hoods a{display:flex;align-items:baseline;gap:.9rem;min-height:48px;font:600 2.25rem/1.15 Book,serif;letter-spacing:-.02em;color:inherit;text-decoration:none}.cbox-hoods a .lbl{opacity:.75}.cbox-hoods a:before{content:"";align-self:center;width:1.4rem;height:.6rem;flex:none;order:-1;border-radius:0 3px 3px 0;background:var(--k)}.cbox-city a{display:flex;align-items:center;gap:.7rem;min-height:44px;font:600 1.5rem/1.2 Book,serif;color:inherit;text-decoration:none}.cbox-city a:before{content:"";width:1.4rem;height:.6rem;flex:none;border-radius:0 3px 3px 0;border:1px solid #1d1b1826;background:var(--k)}.cbox-about{display:inline-flex;align-items:center;min-height:48px;font:600 1.75rem/1.15 Book,serif;color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}.cbox a:hover,.cbox a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.18em}.cbox a:focus-visible{outline:2px solid currentColor;outline-offset:3px}.contents-close{position:absolute;top:1rem;right:1rem;z-index:2;min-height:48px;padding:0 1.2rem;border:1px solid #1d1b1840;border-radius:2rem;background:var(--paper-2);color:var(--ink);cursor:pointer}html.locked{overflow:hidden}.crumb{position:relative;isolation:isolate}.crumb:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--crumb, var(--ink));clip-path:inset(0 calc(100% - var(--sweep, 0) * 100%) 0 0)}.crumb.lit{color:var(--crumb-ink, var(--paper))}.crumbs-cv{position:fixed;inset:0;z-index:30;width:100%;height:100%;pointer-events:none}.ini{position:relative;float:left;margin:.06em .14em 0 0;font:700 4rem/.82 Book,serif;color:var(--ini, var(--red))}.ini svg{position:absolute;left:-45%;top:-45%;width:190%;height:190%;overflow:visible;pointer-events:none}.ini svg *{transform-box:fill-box;transform-origin:50% 50%}.ini b{position:relative;z-index:1;font:inherit;display:inline-block}.where{display:inline-flex;align-items:center;gap:.45em;min-height:32px;margin:0;padding:0;border:0;background:none;color:var(--muted);cursor:pointer;text-align:left}.where svg{flex:none;width:.9rem;height:1.15rem;fill:var(--red)}.where u{text-decoration:underline dotted #8f8676;text-underline-offset:.3em}.where:hover u,.where[aria-expanded=true] u{text-decoration-style:solid;text-decoration-color:var(--red)}.spot{position:fixed;left:0;top:0;z-index:25;width:17rem;padding:.5rem .5rem .6rem;background:var(--paper-2);border-radius:3px 8px 8px 3px;box-shadow:0 1px #00000014,0 22px 40px -18px #0009;pointer-events:none;opacity:0;transition:opacity .16s}.spot.on{opacity:1}.spot-map{position:relative;overflow:hidden;border-radius:2px;aspect-ratio:3 / 2;--fine: 1}.spot-map svg{display:block;width:100%;height:100%}.spot-line{fill:none;stroke:var(--red);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:.9}.spot-pin .ring{fill:none;stroke:var(--red);stroke-width:2.5}.spot-pin .dot{fill:var(--red);stroke:#fdf8ec;stroke-width:2.4}.spot-lid{position:absolute;inset:0;background:var(--paper-2);transform-origin:50% 0;transform:scaleY(0)}.spot-say{margin:.5rem .2rem 0;overflow:hidden;font:600 .75rem/1.3 Label,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}.spot-say span{display:block}.louvre{--n: 14;position:relative;margin:0;aspect-ratio:3 / 2;border:.9rem solid #f8f3e8;border-radius:4px;background:#f8f3e8;box-shadow:0 0 0 1px #0000001a,0 30px 50px -20px #000000a6;touch-action:pan-y;outline:0}.louvre:focus-visible{box-shadow:0 0 0 3px var(--mustard),0 30px 50px -20px #000000a6}.louvre picture,.louvre img{display:block;width:100%;height:100%;object-fit:cover}.louvre-slats{position:absolute;inset:0;overflow:hidden;perspective:900px;pointer-events:none}.louvre-slat{position:absolute;left:-2%;right:-2%;top:calc(var(--i) * 100% / var(--n));height:calc(100% / var(--n) * 1.1);background:linear-gradient(#fbf8f1,#ddd4c4);box-shadow:0 1px 2px #00000040;transform:translateY(var(--dy, 0px)) rotateX(var(--a, 0deg));transition:transform .5s cubic-bezier(.45,0,.2,1) var(--dl, 0s)}.louvre.tilting .louvre-slat{transition:transform .07s linear}.louvre-cord{position:absolute;top:0;right:7%;z-index:2;width:5px;height:58%;border-radius:3px;background:linear-gradient(90deg,#e3dccf,#fff,#cbc2b2);box-shadow:0 2px 4px #0000004d;pointer-events:none}.louvre-light{position:absolute;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(162deg,#fff1cf 0 26px,#0000 26px 44px);-webkit-mask:linear-gradient(90deg,#0000 30%,#000 75%);mask:linear-gradient(90deg,#0000 30%,#000 75%);mix-blend-mode:soft-light;opacity:calc(var(--open, 0) * .5)}.louvre-say{margin:0 0 .8rem;color:#f7f1e6d9}html:not(.js) .louvre-cord,html:not(.js) .louvre-say{display:none}.fanwrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:2rem 4rem;align-items:center;margin:0 auto 4rem}.fan{--cw: 5.75rem;--ch: 19rem;position:relative;width:var(--cw);height:var(--ch);margin:2rem auto 1rem}.fan-card{all:unset;box-sizing:border-box;position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:.8rem .6rem 2.6rem;border-radius:.5rem;background:var(--c);color:var(--ci, var(--ink));cursor:pointer;box-shadow:inset 0 0 0 1px #0000001a,0 8px 18px -6px #00000059;transform-origin:50% 88%;transition:transform .62s cubic-bezier(.3,1.35,.6,1)}.fan-card:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.fan-card .lbl{font-size:.75rem;letter-spacing:.12em}.fan-card b{writing-mode:vertical-rl;transform:rotate(180deg);font:700 1.5rem/1 Book,serif;letter-spacing:-.01em}.fan-card:after{content:"";position:absolute;left:50%;top:88%;width:12px;height:12px;margin:-6px;border-radius:50%;background:var(--paper);box-shadow:inset 0 1px 2px #00000080}.fan-pin{position:absolute;left:50%;top:88%;z-index:20;width:14px;height:14px;margin:-7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff3c9,#b88a2e 60%,#6b4c12);pointer-events:none}.fan-panel{display:grid}.fan-item{grid-area:1 / 1;position:relative}.js .fan-item{opacity:0;visibility:hidden;transform:translateY(.8rem);transition:opacity .35s,transform .45s cubic-bezier(.2,1,.3,1),visibility 0s .35s}.js .fan-panel:not(.woke) .fan-item:not(.on) picture{display:none}.js .fan-item.on{opacity:1;visibility:visible;transform:none;transition-delay:.08s,.08s,0s}.fan-item img{display:block;width:100%;height:auto;aspect-ratio:8 / 5;object-fit:cover;border-radius:2px;margin-bottom:1rem}.fan-item h3{margin:.4rem 0;font:700 1.75rem/1.15 Book,serif}.fan-item h3 a{text-decoration:none}.fan-item h3 a:after{content:"";position:absolute;inset:0}.fan-item h3 a:hover{text-decoration:underline;text-underline-offset:.2em}.fan-item p{margin:0;color:var(--muted)}.fan-item .no{color:var(--red-ink)}html:not(.js) .fan{display:none}html:not(.js) .fanwrap{grid-template-columns:minmax(0,1fr)}html:not(.js) .fan-panel{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:2rem}html:not(.js) .fan-item{grid-area:auto}@media(max-width:900px){.fanwrap{grid-template-columns:1fr}.fan{--cw: 4.25rem;--ch: 12rem;margin-bottom:.5rem}.fan-card b{font-size:1.125rem}.cbox-grid{grid-template-columns:50% 50%;grid-template-rows:58% 30% 12%;grid-template-areas:"a a" "b c" "d d"}.cbox-e{display:none}.cbox-in{padding:1.25rem;gap:.6rem}.cbox-a .cbox-in{align-content:end}.cbox-hoods a{font-size:1.5rem;min-height:44px}.cbox-city a{font-size:1.125rem;min-height:40px}.cbox-d .cbox-in{align-content:center}.cbox-about{font-size:1.125rem;min-height:44px}.cbox-d p{display:none}}@media(max-width:560px){.cbox-in{padding:1rem;gap:.3rem}.cbox-hoods a{font-size:1.3125rem;min-height:40px}.cbox-hoods a .lbl{display:none}.cbox-city a{min-height:36px}}@media(max-width:560px)and (max-height:700px){.cbox-grid{grid-template-rows:60% 30% 10%}.cbox-hoods a{min-height:34px;font-size:1.125rem}.cbox-city a{min-height:30px;font-size:1rem}.cbox-head{display:none}}@media(prefers-reduced-motion:reduce){.louvre-slat,.fan-card,.fan-item{transition:none!important}}.scroll-index{display:none}.has-scroll-index{scroll-padding-top:100px}.has-scroll-index .scroll-index{position:fixed;top:16px;left:50%;z-index:35;display:flex;align-items:center;gap:1rem;min-height:72px;margin:0;padding:.5rem 1rem;border:1px solid #b7aa93;border-radius:3px 10px 10px 3px;background:var(--paper-2);color:var(--ink);box-shadow:0 3px 0 -1px var(--paper),0 4px 0 -1px #b7aa93,0 10px 25px -14px #0006;opacity:0;visibility:hidden;transform:translate(-50%,-120%);transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .2s,visibility 0s .35s}.has-scroll-index .scroll-index.is-visible{opacity:1;visibility:visible;transform:translate(-50%);transition-delay:0s}.index-home{display:grid;place-items:center;width:44px;height:44px;flex:none}.index-home svg{width:36px;height:36px}.index-current{min-width:0;padding-left:.9rem;border-left:3px solid var(--chapter-color)}.index-current .lbl{display:block;color:var(--muted);font-size:.75rem;letter-spacing:.08em;margin-bottom:.2rem}.index-current strong{display:block;font:600 1.125rem/1.2 Book,serif}.index-chapters{display:flex;align-items:center;gap:.35rem;margin:0 0 0 auto;padding:0;list-style:none}.index-chapters a{position:relative;display:flex;align-items:center;min-height:48px;padding:.6rem .65rem;border-bottom:2px solid transparent;font:600 .875rem/1.2 Label,sans-serif;text-decoration:none;white-space:nowrap}.index-chapters a:before{content:"";position:absolute;top:-.5rem;left:.65rem;width:1.25rem;height:5px;background:var(--index-tab);border:1px solid #1d1b1826;border-radius:0 0 2px 2px;transition:height .2s}.index-chapters a:hover:before,.index-chapters a[aria-current=page]:before{height:9px}.index-chapters a:hover{background:#1d1b1808}.index-chapters a[aria-current=page]{border-bottom-color:var(--red-ink)}.index-contents,.index-up{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;height:44px;flex:none;border:1px solid var(--line);border-radius:3px;background:none;text-decoration:none;cursor:pointer}.index-contents{padding:0 .8rem;font:600 .875rem/1 Label,sans-serif}.index-contents svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}.index-up{width:44px;font-size:1.5rem}.index-contents:hover,.index-up:hover{background:var(--sea);border-color:var(--sea);color:var(--sea-ink)}.index-progress{position:absolute;left:-1px;right:-1px;bottom:-1px;height:3px;background:var(--red);transform:scaleX(var(--reading-progress, 0));transform-origin:left;pointer-events:none}.locked .scroll-index{opacity:0;pointer-events:none}@media(min-width:1101px){.index-contents span{display:none}}@media(max-width:1100px){.index-chapters{display:none}.index-contents{margin-left:auto}}@media(max-width:760px){.has-scroll-index{scroll-padding-top:1rem}.has-scroll-index .scroll-index{top:auto;bottom:calc(14px + env(safe-area-inset-bottom,0px));min-height:64px;gap:.65rem;padding:.45rem .65rem;transform:translate(-50%,calc(100% + 40px));box-shadow:0 3px 0 -1px var(--paper),0 4px 0 -1px #b7aa93,0 5px 30px -10px #00000073}.has-scroll-index .scroll-index.is-visible{transform:translate(-50%)}.index-current .lbl{font-size:.75rem;letter-spacing:0}.index-current strong{font-size:1rem}.index-current{padding-left:.6rem}.index-home{display:none}.index-contents{padding-inline:.6rem}.has-scroll-index .foot{padding-bottom:calc(7rem + env(safe-area-inset-bottom,0px))}}@media(max-width:380px){.top-inner{gap:.65rem}.top-inner .mark{gap:.4rem}.top-inner .mark b{font-size:1.125rem}.top-inner .burger{padding-left:.7rem;gap:.5rem}.index-current .lbl{font-size:.75rem;max-width:9rem}.index-contents{gap:.4rem}.index-contents svg{width:14px}}@media(prefers-reduced-motion:reduce){.scroll-index,.index-chapters a:before{transition:none!important}}
