.atl-top{grid-column:1/-1}
.atl-top h1{font-weight:300;font-size:clamp(46px,8.4vw,118px);line-height:.98;letter-spacing:-.035em;margin:0}
.atl-top h1 em{font-style:normal;color:var(--celeste)}
.atl-intro{grid-column:1/-1;max-width:62ch;font-size:clamp(17px,1.6vw,20px);line-height:1.55;margin-top:3vh}
.atl{grid-column:1/-1;display:grid;grid-template-columns:minmax(280px,520px) 1fr;gap:4vw;margin-top:5vh;align-items:start}
@media (max-width:820px){.atl{grid-template-columns:1fr}}
.atl-stage{position:relative;width:100%;aspect-ratio:1;max-width:520px}
.atl-stage canvas,.atl-stage svg{position:absolute;inset:0;width:100%;height:100%}
.atl-stage svg{touch-action:none;cursor:grab}
.atl-stage svg:focus-visible{outline:2px solid #FFE2C6;outline-offset:4px;border-radius:50%}
.atl-ctrl{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 8px}
.atl-ctrl button,.atl-list button{font:inherit;color:inherit;background:transparent;border:1px solid #2E4A6B;border-radius:40px;padding:8px 14px;font-size:14px;cursor:pointer}
.atl-ctrl button:hover,.atl-ctrl button:focus-visible{border-color:#FFE2C6;outline:none}
.atl-ctrl button[aria-pressed=true]{border-color:#FFE2C6;color:#FFE2C6}
.atl-day{display:flex;gap:12px;align-items:center;font-size:14px;margin:6px 0}
.atl-day input{flex:1;accent-color:#FFE2C6}
.atl-light{font-size:13px;color:rgba(169,216,242,.85);min-height:2.6em}
.atl-list{list-style:none;padding:0;margin:0;border-top:var(--hair)}
.atl-list>li{border-bottom:var(--hair)}
.atl-list>li>button{width:100%;text-align:left;border:0;border-radius:0;padding:14px 0;display:flex;gap:14px;align-items:baseline;font-size:19px}
.atl-list>li>button:focus-visible{outline:2px solid #FFE2C6;outline-offset:2px}
.atl-list .mono{font-size:12px;color:var(--celeste);min-width:3.4em}
.atl-list .kind{font-family:var(--mono,monospace);font-size:12px;color:var(--celeste)}
.atl-pan{padding:0 0 18px 4.2em;font-size:16px;line-height:1.6;color:rgba(244,241,234,.86)}
.atl-pan p{margin:.4em 0}
.atl-pan .src{font-size:13px;color:rgba(169,216,242,.85)}
.atl-cut{grid-column:1/-1;display:grid;grid-template-columns:200px 1fr;gap:4vw;align-items:center;border-top:var(--hair);margin-top:7vh;padding-top:4vh}
.atl-cut svg{width:100%;max-width:200px}
@media (max-width:620px){.atl-cut{grid-template-columns:1fr}}
.atl-credit{grid-column:1/-1;max-width:70ch;font-size:13px;line-height:1.6;color:rgba(244,241,234,.62);border-top:var(--hair);margin-top:6vh;padding-top:3vh}
.notex .atl-stage canvas{opacity:.6}
.src-list{grid-column:1/-1;list-style:none;padding:0;margin:4vh 0 0;border-top:var(--hair)}
.src-list li{border-bottom:var(--hair);padding:16px 0;display:grid;grid-template-columns:200px 1fr;gap:3vw}
@media (max-width:700px){.src-list li{grid-template-columns:1fr;gap:4px}}
.src-list .mono{font-size:12px;color:var(--celeste)}
.src-list p{margin:.25em 0;font-size:15px;line-height:1.55}
.src-list .lim{color:rgba(244,241,234,.62);font-size:14px}
.arcs{list-style:none;padding:0;margin:1em 0 0}
.arcs li{padding:8px 0;border-top:var(--hair);font-size:15px}

.open-about{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:5vh 0 0;border-top:var(--hair)}
.open-about>div{padding:18px 20px 22px 0;border-bottom:var(--hair)}
.open-about dt{font-size:12px;color:var(--celeste);letter-spacing:.05em;margin-bottom:8px}
.open-about dd{margin:0;font-size:16px;line-height:1.5}
@media (max-width:820px){.open-about{grid-template-columns:1fr 1fr}}@media (max-width:520px){.open-about{grid-template-columns:1fr}}
#visits{font-size:12px;color:var(--celeste);background:transparent;border:1px solid #2E4A6B;border-radius:40px;padding:6px 12px;cursor:pointer}
#visits[aria-pressed=true]{border-color:#FFE2C6;color:#FFE2C6}
#visits:disabled{opacity:.6;cursor:default}