@font-face{font-family:Panel;src:url('fonts/Michroma-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#000}body{color:#f1eee8;font-family:Panel,Arial,sans-serif;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto}header{padding:clamp(25px,5vw,64px) clamp(24px,5.5vw,80px) 0}h1{font-size:clamp(26px,3.3vw,46px);font-weight:400;letter-spacing:.015em;line-height:1.15;margin:0;-webkit-text-stroke:3.8px currentColor}main{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:350px;padding:45px 24px 35px}.clock{width:min(850px,86vw);position:relative}svg{display:block;width:100%;overflow:visible;filter:drop-shadow(0 0 2px #ff100a60) drop-shadow(0 0 9px #e0141914)}.segment{fill:#e51b14;opacity:0;transition:opacity 85ms linear}.segment.on{opacity:1}.segment.weak{opacity:.08}.segment.fractured{opacity:.82}p{font-size:clamp(12px,1.4vw,17px);letter-spacing:.07em;margin:clamp(24px,4vh,48px) 0 0;color:#e8e5df;opacity:.95}footer{padding:0 clamp(24px,5.5vw,80px) clamp(25px,5vw,58px);display:flex;flex-direction:column;align-items:flex-end;gap:12px}footer a{font-size:clamp(10px,1.1vw,14px);line-height:1.6;color:inherit;text-decoration:none;letter-spacing:.015em}footer a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible{outline:1px solid #eee;outline-offset:6px}.fallback{position:absolute;inset:0;display:grid;place-items:center;background:#000;font-size:clamp(60px,16vw,170px);color:#e51b14;font-style:italic}@keyframes breathe{0%,100%{opacity:.12}45%,55%{opacity:.95}}@media(prefers-reduced-motion:reduce){p{animation:none;opacity:.85}.segment{transition:none}}@media(max-width:480px){main{padding:30px 10px;min-height:300px}.clock{width:94vw}p{margin-top:36px}footer{gap:9px}h1{-webkit-text-stroke:1.8px currentColor}}@media(max-height:500px) and (min-width:600px){main{min-height:220px;padding:16px}.clock{width:430px}header{padding-top:20px}footer{padding-bottom:20px}p{margin-top:10px}}


.tagline{font-size:clamp(10px,1.05vw,14px);letter-spacing:.055em;line-height:1.6;margin-top:12px;color:#f1eee8}

body{isolation:isolate}#circuit{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}header,main,footer{position:relative;z-index:1}@media(prefers-reduced-motion:reduce){#circuit{display:none}}