.electric-logo{width:100%;height:100%;position:relative;isolation:isolate}.electric-logo canvas{display:block;width:100%;height:100%;pointer-events:none}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:#09080a;color:#f5e9df}body{font-family:Arial,sans-serif}main{min-height:100svh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 50% 38%,#22131855,transparent 65%)}header,footer{display:flex;justify-content:space-between;align-items:center;padding:26px 5vw;position:relative;z-index:2}header{border-bottom:1px solid #f5e9df10}.wordmark{text-decoration:none;color:inherit;font-family:Georgia,serif;font-size:32px;display:flex;align-items:center;gap:22px}.wordmark span,.edition,.eyebrow{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.26em}.wordmark span{color:#a89993}.edition{color:#897873}.stage{position:relative;flex:1;min-height:580px;display:flex;flex-direction:column;align-items:center;justify-content:center}.art{position:relative;width:min(76vw,650px);height:min(64vh,580px);min-height:350px;z-index:1}.art-fallback{position:absolute;inset:12%;width:76%;height:76%;object-fit:contain;opacity:.055}.electric-logo{position:absolute;inset:0}.portrait{animation:portrait-light 4.3s ease-out both}.art.logo{animation:none}.halo{position:absolute;top:10%;left:25%;width:50%;height:65%;background:radial-gradient(ellipse,#a0504920,transparent 68%);pointer-events:none}.caption{position:relative;text-align:center;margin-top:-14px;padding:0 20px 28px;z-index:1}.caption.portrait{animation:none;opacity:.65}.eyebrow{color:#bd998a;margin:0 0 16px}h1{font-family:Georgia,serif;font-size:clamp(30px,4vw,52px);font-weight:400;letter-spacing:-.04em;margin:0}h1 em{font-weight:400;color:#d9b5a3}.subline{font-size:12px;letter-spacing:.1em;color:#8e7b77;margin:17px 0 0}footer{border-top:1px solid #f5e9df10;padding-top:20px;padding-bottom:max(24px,env(safe-area-inset-bottom));color:#907f77}.sequence{font-size:9px;letter-spacing:.15em;display:flex;align-items:center;gap:10px}.sequence b{font-weight:400;margin:0 12px}.sequence i{width:5px;height:5px;border-radius:50%;background:#493835}.sequence i.active{background:#ecc8ae;box-shadow:0 0 9px #d4a186}button{border:1px solid #d6b29c45;background:#d6b29c08;color:#e8ccbd;min-height:44px;padding:10px 18px;border-radius:30px;cursor:pointer;font-size:11px;letter-spacing:.04em}button span{margin-left:12px;font-size:19px}button:hover{background:#d6b29c18}button:focus-visible{outline:2px solid #f0c5ad;outline-offset:4px}@keyframes portrait-light{0%{opacity:0}12%{opacity:.9}24%{opacity:.15}38%{opacity:1}52%{opacity:.25}68%,to{opacity:1}}@media(max-width:600px){header,footer{padding-left:22px;padding-right:22px}.edition{display:none}.wordmark{font-size:26px}.wordmark span{font-size:8px}.stage{min-height:0}.art{width:96vw;height:57svh;min-height:310px}.caption{padding-bottom:35px}header{padding-top:max(22px,env(safe-area-inset-top));padding-bottom:20px}.sequence{gap:6px;font-size:8px}.sequence b{margin:0 4px}footer{gap:16px}.subline{font-size:11px}}@media(prefers-reduced-motion:reduce){.portrait{animation:none}.art-fallback{opacity:.3}}