.atlas-page{--atl-head:60px;--atl-gutter:clamp(16px, 4vw, 64px);--atl-name-col:9.5rem;--atl-ease:cubic-bezier(.2, .7, .2, 1);--atl-display:clamp(2.5rem, 4.6vw, 4.25rem);--atl-heading:clamp(1.75rem, 2.4vw, 2.25rem);--atl-lead:1.25rem;--atl-body:1.0625rem;--atl-small:.875rem}.atl{position:relative}.atl button{cursor:pointer}.atl button:focus-visible,.atl summary:focus-visible,.atl a:focus-visible,.atl input:focus-visible,.gaz summary:focus-visible,.gaz a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.atl-wrap{grid-template-columns:minmax(0,52fr) minmax(0,48fr);display:grid}.atl-map{top:var(--atl-head);height:calc(100svh - var(--atl-head));background:var(--paper-deep);align-self:start;position:sticky}.atl-plate{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;position:absolute;inset:0;overflow:hidden}.atl-plate.is-panning{cursor:grabbing}.atl-plate svg{transform-origin:50%;width:100%;height:100%;padding:28px 28px 64px;transition:transform .5s ease-out;display:block}.atl-plate svg.is-direct{transition-duration:.1s}.atl-plate svg [role=button]{cursor:pointer;outline:none}.atl-focus-ring{opacity:0}.atl-plate svg [role=button]:focus-visible .atl-focus-ring{opacity:1}.atl-pin{transition:transform .15s}.atl-plate svg [role=button]:hover .atl-pin{transform:scale(1.25)}.atl-hint{z-index:5;pointer-events:none;font-size:var(--atl-body);color:var(--paper);background:color-mix(in srgb, var(--night) 35%, transparent);place-items:center;display:grid;position:absolute;inset:0}.atl-hint kbd{font:inherit;font-weight:700}.atl-zoom{gap:2px;display:grid;position:absolute;bottom:20px;right:20px}.atl-zoom button{background:var(--card);width:44px;height:44px;color:var(--ink);border:0;place-items:center;transition:background-color .2s,transform .15s;display:grid}.atl-zoom button:hover{background:var(--paper)}.atl-zoom button:active{transform:scale(.94)}.atl-key{font-size:var(--atl-small);color:var(--ink-soft);pointer-events:none;flex-wrap:wrap;gap:6px 20px;display:flex;position:absolute;bottom:22px;left:24px;right:88px}.atl-key span{align-items:center;gap:8px;display:inline-flex}.atl-key i{flex-shrink:0;display:inline-block}.atl-key-dot{border-radius:50%;width:10px;height:10px}.atl-key-wash{width:18px;height:12px}.atl-key-line{border-top:2px solid;width:22px}.atl-key-line--dash{border-top-style:dashed}.atl-col{padding:clamp(48px, 5vw, 72px) var(--atl-gutter) 0 clamp(32px, 4vw, 64px)}.atl-intro h1{max-width:11ch;font:800 var(--atl-display)/1 var(--serif);letter-spacing:-.025em;color:var(--ink);margin:0}.atl-intro p{max-width:34ch;font-size:var(--atl-lead);color:var(--ink);margin:20px 0 0;line-height:1.45}.atl-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;margin-top:40px;display:flex}.atl-modes{gap:4px;display:flex}.atl-modes button,.atl-cats button{background:var(--paper-deep);font:600 var(--atl-body)/1.2 var(--sans);color:var(--ink);border:0;padding:11px 18px;transition:background-color .2s,color .2s,transform .15s}.atl-modes button span{font-variant-numeric:tabular-nums;margin-left:6px;font-weight:400}.atl-modes button:hover,.atl-cats button:hover{background:color-mix(in srgb, var(--paper-deep) 82%, var(--ink))}.atl-modes button[aria-pressed=true],.atl-cats button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.atl-modes button:active,.atl-cats button:active{transform:scale(.97)}.atl-tools{font-size:var(--atl-body);align-items:center;gap:24px;display:flex}.atl-layers{position:relative}.atl-layers summary,.atl-share{font:inherit;color:var(--ink);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--ink) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--ink) 35%, transparent);text-underline-offset:5px;background:0 0;border:0;padding:0;list-style:none;transition:text-decoration-color .2s}.atl-layers summary::-webkit-details-marker{display:none}.atl-layers summary:hover,.atl-share:hover{text-decoration-color:currentColor}.atl-layers>div{z-index:20;background:var(--ink);min-width:190px;color:var(--paper);gap:12px;padding:16px 18px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.atl-layers label{cursor:pointer;align-items:center;gap:10px;display:flex}.atl-layers input{width:16px;height:16px;accent-color:var(--bronze)}.atl-time{gap:6px;margin-top:20px;display:grid}.atl-time>button{grid-template-columns:var(--atl-name-col) minmax(0, 1fr);background:var(--paper-deep);min-height:60px;color:var(--ink);text-align:left;border:0;grid-template-rows:auto auto;align-items:center;column-gap:16px;padding:9px 16px;transition:background-color .2s,color .2s,transform .15s;display:grid}.atl-time>button:hover{background:color-mix(in srgb, var(--paper-deep) 82%, var(--ink))}.atl-time>button:active{transform:scale(.99)}.atl-time>button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.atl-time-name{font:600 var(--atl-body)/1.2 var(--serif);grid-area:1/1}.atl-time-span{font-size:var(--atl-small);font-variant-numeric:tabular-nums;opacity:.85;grid-area:2/1;line-height:1.3}.atl-time-bar{background:color-mix(in srgb, currentColor 10%, transparent);grid-area:1/2/span 2;height:12px;position:relative}.atl-time-bar i{top:0;bottom:0;left:var(--from);right:var(--to);background:var(--bar);transform-origin:0;min-width:4px;position:absolute}.atl-time-axis{height:22px;margin:4px 16px 0 calc(var(--atl-name-col) + 32px);font-size:var(--atl-small);color:var(--ink-soft);font-variant-numeric:tabular-nums;position:relative}.atl-time-axis span{white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.atl-cats{flex-wrap:wrap;gap:4px;margin-top:20px;display:flex}.atl-panel{margin-top:clamp(48px,6vw,80px)}.atl-frame{margin:0 0 28px}.atl-frame-img{aspect-ratio:4/3;background:var(--paper-deep);overflow:hidden}.atl-frame-img img{object-fit:cover;width:100%;height:100%;display:block}.atl-frame figcaption{max-width:60ch;font-size:var(--atl-small);color:var(--ink-soft);margin-top:10px;line-height:1.45}.atl-frame figcaption span{white-space:nowrap}.atl-entry h2{font:700 var(--atl-heading)/1.1 var(--serif);letter-spacing:-.015em;color:var(--ink);margin:0}.atl-entry-meta{font-size:var(--atl-small);color:var(--ink-soft);align-items:center;gap:10px;margin:10px 0 0;display:flex}.atl-entry-meta i{border-radius:50%;flex-shrink:0;width:10px;height:10px}.atl-entry .atl-entry-alt{font-family:var(--serif);color:var(--ink-soft);margin:4px 0 0;font-style:italic}.atl-entry p{max-width:60ch;font-size:var(--atl-body);color:var(--ink);margin:20px 0 0;line-height:1.6}.atl-entry .atl-entry-lede{font:400 var(--atl-lead)/1.5 var(--serif)}.atl-entry dl{background:var(--paper-deep);grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;margin:24px 0 0;padding:20px;display:grid}.atl-entry dt{font-size:var(--atl-small);color:var(--ink-soft)}.atl-entry dd{font-size:var(--atl-body);margin:2px 0 0;font-weight:600;line-height:1.35}.atl-entry-reads h3{font:600 var(--atl-small)/1.3 var(--sans);color:var(--ink-soft);margin:28px 0 4px}.atl-entry-reads ul{margin:0;padding:0;list-style:none}.atl-entry-reads li{justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;display:flex}.atl-entry-reads button{text-align:left;font:600 var(--atl-body)/1.35 var(--serif);color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--ink) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--ink) 35%, transparent);text-underline-offset:4px;background:0 0;border:0;padding:0}.atl-entry-reads button:hover{text-decoration-color:currentColor}.atl-entry-reads li span{font-size:var(--atl-small);color:var(--ink-soft);white-space:nowrap}.atl-actions{align-items:center;gap:24px;margin-top:28px;display:flex}.atl-actions .btn{font:600 var(--atl-body)/1.2 var(--sans);transition:background-color .2s,transform .15s}.atl-actions .btn:active{transform:scale(.97)}.atl-actions a{color:var(--ink);text-underline-offset:5px;font-weight:600}.atl-today{--atl-today-pad:clamp(24px, 3vw, 36px);padding:var(--atl-today-pad);background:var(--night);color:var(--bone);grid-template-columns:auto minmax(0,1fr);gap:20px 28px;margin:clamp(64px,8vw,112px) 0 clamp(48px,6vw,80px);display:grid}.atl-today--empty{color:var(--ink-soft);background:0 0;padding:0;display:block}.atl-today-img{aspect-ratio:2;margin:calc(-1 * var(--atl-today-pad)) calc(-1 * var(--atl-today-pad)) 4px;grid-column:1/-1;overflow:hidden}.atl-today-img img{object-fit:cover;width:100%;height:100%;display:block}.atl-today-date{font-size:var(--atl-small);color:var(--dim);align-content:start;justify-items:center;margin:0;display:grid}.atl-today-date b{font:800 var(--atl-display)/.9 var(--serif);letter-spacing:-.03em;color:var(--bone)}.atl-today-label{font-size:var(--atl-small);color:var(--bronze);margin:8px 0 0;font-weight:600}.atl-today h3{font:700 var(--atl-heading)/1.15 var(--serif);color:var(--bone);margin:0}.atl-today-body p:not(.atl-today-label){max-width:60ch;font-size:var(--atl-body);color:var(--bone);margin:12px 0 0;line-height:1.6}.atl-today-actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:12px 24px;display:flex}.atl-today-actions>button{font:600 var(--atl-body)/1.2 var(--sans);color:var(--bone);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--bone) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--bone) 40%, transparent);text-underline-offset:5px;white-space:nowrap;background:0 0;border:0;padding:0}.atl-today-actions>button:hover{text-decoration-color:currentColor}.atl-today-step{font-size:var(--atl-small);color:var(--dim);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:6px;margin-left:auto;display:inline-flex}.atl-today-step button{background:color-mix(in srgb, var(--bone) 12%, transparent);width:40px;height:40px;color:var(--bone);border:0;place-items:center;transition:background-color .2s,transform .15s;display:grid}.atl-today-step button:hover{background:color-mix(in srgb, var(--bone) 22%, transparent)}.atl-today-step button:active{transform:scale(.94)}.atl-toast{z-index:60;background:var(--ink);color:var(--paper);font-size:var(--atl-small);align-items:center;gap:8px;padding:10px 18px;display:inline-flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.atlas-page .gaz{max-width:1440px;padding:clamp(96px, 12vw, 176px) var(--atl-gutter) clamp(96px, 10vw, 160px);margin:0 auto}.gaz-head h2{font:800 var(--atl-display)/1 var(--serif);letter-spacing:-.025em;color:var(--ink);margin:0}.gaz-head p{max-width:42ch;font-size:var(--atl-lead);color:var(--ink);margin:20px 0 0;line-height:1.45}.gaz-cols{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:6px 24px;margin-top:clamp(40px,5vw,64px);display:grid}.gaz-col{gap:6px;display:grid}.gaz-group summary{background:var(--paper-deep);min-height:64px;color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:0 20px;list-style:none;transition:background-color .2s,color .2s;display:flex}.gaz-group summary::-webkit-details-marker{display:none}.gaz-group summary:hover{background:color-mix(in srgb, var(--paper-deep) 82%, var(--ink))}.gaz-group[open] summary{background:var(--ink);color:var(--paper)}.gaz-group h3{font:700 var(--atl-lead)/1.2 var(--serif);margin:0}.gaz-count{font-size:var(--atl-body);font-variant-numeric:tabular-nums;align-items:center;gap:14px;display:inline-flex}.gaz-count:after{content:"+";font-size:var(--atl-lead);transition:transform .25s var(--atl-ease);line-height:1}.gaz-group[open] .gaz-count:after{transform:rotate(45deg)}.gaz-group ul{margin:0;padding:6px 0 18px;list-style:none}.gaz-group li a{color:var(--ink);grid-template-columns:160px minmax(0,1fr);align-items:center;gap:20px;padding:10px 20px;text-decoration:none;transition:background-color .2s;display:grid}.gaz-group li a:hover{background:color-mix(in srgb, var(--paper-deep) 60%, transparent)}.gaz-group li img,.gaz-thumb{object-fit:cover;background:var(--paper-deep);width:160px;height:120px;transition:transform .3s var(--atl-ease);display:block}.gaz-group li a:hover img{transform:scale(1.04)}.gaz-text{gap:2px;display:grid}.gaz-name{font:600 var(--atl-body)/1.3 var(--serif);font-size:var(--atl-lead)}.gaz-meta{font-size:var(--atl-body);color:var(--ink);line-height:1.45}.gaz-read{font-size:var(--atl-body);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--ink) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--ink) 35%, transparent);text-underline-offset:3px;margin-top:4px;font-weight:600}@media (prefers-reduced-motion:no-preference){.atl-intro>*,.atl-bar,.atl-time>button{animation:atl-rise .8s var(--atl-ease) both}.atl-intro>:nth-child(2){animation-delay:80ms}.atl-bar{animation-delay:.16s}.atl-time>button{animation-delay:calc(.22s + var(--i,0) * 60ms)}.atl-time-bar i{animation:atl-grow 1s var(--atl-ease) both;animation-delay:calc(.42s + var(--i,0) * 70ms)}.atl-frame-img img{animation:atl-frame-in .7s var(--atl-ease) both, atl-drift 16s ease-in-out .7s infinite alternate}.atlas-page [data-reveal]>*{transition:opacity .7s var(--atl-ease), transform .9s var(--atl-ease)}.atlas-page [data-reveal]>:nth-child(2){transition-delay:80ms}.atlas-page [data-reveal]>:nth-child(3){transition-delay:.16s}.atlas-page [data-reveal]>:nth-child(n+4){transition-delay:.24s}.gaz-cols>[data-reveal]:nth-child(2)>*{transition-delay:.12s}.atlas-page [data-reveal].is-pending>*{opacity:0;transform:translateY(24px)}}@keyframes atl-rise{0%{opacity:0;transform:translateY(20px)}}@keyframes atl-grow{0%{transform:scaleX(0)}}@keyframes atl-frame-in{0%{opacity:0;transform:scale(1.04)}}@keyframes atl-drift{0%{transform:scale(1)}to{transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){.atl-plate svg,.atl-pin{transition:none}}@media (width<=1023px){.atl-wrap{flex-direction:column;display:flex}.atl-col{display:contents}.atl-col>*{margin-inline:var(--atl-gutter);max-width:44rem}.atl-intro{order:1;padding-top:clamp(36px,6vw,56px)}.atl-bar{order:2}.atl-time,.atl-cats{order:3}.atl-map{aspect-ratio:720/875;order:4;align-self:stretch;height:auto;max-height:88svh;margin-top:24px;position:relative;top:auto}.atl-panel{order:5}.atl-today{order:6}.gaz-cols{grid-template-columns:1fr}}@media (width<=640px){.atlas-page{--atl-name-col:7.75rem}.atl-map{aspect-ratio:auto;flex-direction:column;height:auto;max-height:none;display:flex}.atl-plate{aspect-ratio:720/875;width:100%;max-height:80svh;position:relative;inset:auto}.atl-plate svg{padding:8px}.atl-time>button{column-gap:12px;padding:8px 12px}.atl-time-axis{margin:4px 12px 0 calc(var(--atl-name-col) + 24px)}.atl-key{gap:4px 16px;padding:4px 16px 16px;position:static}.atl-zoom{top:12px;bottom:auto;right:12px}.atl-today{grid-template-columns:1fr}.atl-today-date{display:none}.atl-entry dl{grid-template-columns:1fr}.gaz-group li a{grid-template-columns:112px minmax(0,1fr);align-items:start;gap:14px;padding:10px 12px}.gaz-group li img,.gaz-thumb{width:112px;height:84px}.gaz-name{font-size:var(--atl-body)}.gaz-group summary{padding:0 16px}}
