.sundial{--bg:#cdcdc8;--surface:#e8e9e3;--ink:#1f1b16;--muted:#5c5850;--line:#c2c3bb;--brass-ink:#7a5512;--patina:#3d6a5a;--g-base:#cdcdc8;--g-dark:#2a2a2c;--g-mid:#8d8c88;--g-light:#f2f1ec;--g-warm:#b8ada2;--band:#dcdcd7;--incise:#6e6d68;--band-edge:#b4b4ae;--f-display:var(--font-cinzel), "Trajan Pro", Georgia, serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--f-body:var(--font-archivo), "Helvetica Neue", system-ui, sans-serif}.sundial *{box-sizing:border-box}.sundial{background-color:var(--bg);background-image:var(--granite,none);min-height:100vh;color:var(--ink);font-family:var(--f-body);background-size:240px 240px;font-size:15px;line-height:1.5;overflow-x:clip}.sundial .fret{background:var(--band);border-bottom:1px solid var(--band-edge);color:var(--incise);display:block;box-shadow:0 1px #ffffff2e,0 6px 14px -10px #00000073}.sundial .fret svg{width:100%;height:34px;display:block}.sundial .wrap{max-width:680px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));gap:18px;margin:0 auto;padding-block:22px 48px;display:grid}.sundial header{text-align:center;justify-items:center;gap:4px;display:grid;container-type:inline-size}.sundial .eyebrow{font-family:var(--f-display);letter-spacing:.22em;color:var(--muted);font-size:12px;font-weight:600}.sundial h1{font-family:var(--f-display);letter-spacing:.06em;margin:0;font-size:min(36px,7.35294cqi);font-weight:600;line-height:1.1}.sundial h1 span{white-space:nowrap;display:block}.sundial .mock{color:var(--muted);text-wrap:balance;font-size:12.5px}.sundial .fog{pointer-events:none;opacity:0;transition:opacity 1.5s;position:absolute;inset:-8% -10%;overflow:hidden;-webkit-mask-image:radial-gradient(closest-side,#000 55%,#0000 100%);mask-image:radial-gradient(closest-side,#000 55%,#0000 100%)}.sundial .fog.on{opacity:.8}.sundial .fog .cloud{will-change:transform;background-repeat:no-repeat;background-size:100% 100%;position:absolute;top:0;left:0}.sundial .dial-box{margin-block:-20px -25px;position:relative}.sundial canvas#dial{touch-action:none;width:100%;height:auto;display:block}.sundial .readout{text-align:center;justify-items:center;gap:4px;display:grid}.sundial .readout .state{font-family:var(--f-display);letter-spacing:.08em;text-wrap:balance;font-size:clamp(20px,5vw,26px);font-weight:600;line-height:1.2}.sundial .readout .state.sun{color:var(--brass-ink)}.sundial .readout .state{white-space:nowrap;min-height:1.2em}.sundial .readout .detail{color:var(--muted);justify-items:center;height:3em;line-height:1.5;display:grid}.sundial .readout .detail span{white-space:nowrap;min-height:1.5em;display:block}@media (max-width:360px){.sundial .readout .detail{font-size:13.5px}}.sundial .controls{gap:10px;display:grid}.sundial .row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.sundial button{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:14px}.sundial button:hover{border-color:var(--muted)}.sundial input[type=date]{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:5px 10px;font-size:14px}.sundial input[type=date]:hover{border-color:var(--muted)}.sundial button[aria-pressed=true]{border-color:var(--brass-ink);color:var(--brass-ink)}.sundial button:focus-visible,.sundial input:focus-visible{outline:2px solid var(--brass-ink);outline-offset:2px}.sundial button.play{justify-content:center;align-items:center;padding:6px 11px;display:inline-flex}.sundial button.play svg{fill:currentColor;width:14px;height:14px;display:block}.sundial button.play .i-pause,.sundial button.play[aria-pressed=true] .i-play{display:none}.sundial button.play[aria-pressed=true] .i-pause{display:block}@media (max-width:374px){.sundial .row{gap:5px}.sundial button{padding:6px 8px}.sundial button.play{padding:6px 9px}.sundial input[type=date]{padding:5px 6px;font-size:13px}}.sundial .datelabel{text-align:center;min-width:11ch;font-weight:600}.sundial .scrub{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.sundial .scrub:after{content:"";min-width:72px}.sundial .scrub output{font-variant-numeric:tabular-nums;min-width:72px;font-weight:500}.sundial input[type=range]{--p:.5;--track:8px;--thumb:22px;appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:36px;margin:0}.sundial input[type=range]::-webkit-slider-runnable-track{height:var(--track);background:linear-gradient(to right, #b98a2e 0 calc(var(--thumb) / 2 + var(--p) * (100% - var(--thumb))), #3f3d39 0);border-radius:999px}.sundial input[type=range]::-webkit-slider-thumb{appearance:none;width:var(--thumb);height:var(--thumb);margin-top:calc((var(--track) - var(--thumb)) / 2);background:#b98a2e;border:3px solid #f4f1e8;border-radius:50%;box-shadow:0 1px 4px #00000059}.sundial input[type=range]::-moz-range-track{height:var(--track);background:#3f3d39;border-radius:999px}.sundial input[type=range]::-moz-range-progress{height:var(--track);background:#b98a2e;border-radius:999px}.sundial input[type=range]::-moz-range-thumb{width:var(--thumb);height:var(--thumb);box-sizing:border-box;background:#b98a2e;border:3px solid #f4f1e8;border-radius:50%;box-shadow:0 1px 4px #00000059}@media (pointer:coarse){.sundial input[type=range]{--track:12px;--thumb:34px;height:48px}.sundial .scrub{grid-template-columns:auto 1fr}.sundial .scrub:after{display:none}}.sundial .plaque{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:10px;gap:10px;padding:14px 16px;display:grid}.sundial .plaque h2{font-family:var(--f-display);letter-spacing:.2em;color:var(--muted);margin:0;font-size:13px;font-weight:600}.sundial .hours{margin:0;padding:0;list-style:none;display:grid}.sundial .hours li{border-top:1px solid var(--line);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:2px 10px;padding:8px 0;display:flex}.sundial .hours li:first-child{border-top:0}.sundial .hours .t{font-weight:600}.sundial .hours .why{color:var(--muted);flex-basis:100%;font-size:13px}.sundial .hours .fc{font-family:var(--f-display);letter-spacing:.14em;color:var(--muted);flex-basis:100%;font-size:11.5px;font-weight:600}.sundial .hours .fc.cloudy{color:var(--patina)}.sundial .hours .dur{color:var(--brass-ink);font-weight:600}.sundial .hours li.lunch .t:before{content:"LUNCH · ";font-family:var(--f-display);letter-spacing:.14em;color:var(--patina);font-size:12px}.sundial .notes{color:var(--muted);text-align:center;justify-self:center;max-width:58ch;font-size:13px}.sundial .notes p{text-wrap:pretty;margin:0 0 6px}.sundial .monument{justify-self:center;gap:8px;width:min(100%,420px);margin:6px 0 0;display:grid}.sundial .monument img{border-radius:4px;width:100%;height:auto;display:block;box-shadow:0 10px 24px -14px #0000008c}.sundial .monument figcaption{color:var(--muted);text-align:center;text-wrap:balance;font-size:12px}.sundial .monument figcaption a{color:inherit}@media (prefers-reduced-motion:reduce){.sundial *{transition:none!important}}html:has(.sundial){background:#cdcdc8}