:root{color-scheme:dark;--bg:#151512;--text:#eeeae0;--muted:#aaa79d;--accent:#bfa681}
*{box-sizing:border-box}html{min-width:320px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:url('/assets/images/grain.svg');opacity:.12;z-index:4}.page{max-width:1920px;margin:auto;padding:42px 5.2vw 25px;min-height:100svh;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;z-index:2}.brand{color:var(--text);text-decoration:none;font-size:30px;letter-spacing:.25em;font-weight:500;line-height:1}.brand span{display:block;font-size:9px;letter-spacing:.38em;margin-top:12px}.status{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.19em;color:#c2bfb4}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #bfa68155}main{flex:1;position:relative;display:grid;place-items:center;min-height:650px;margin:36px 0 32px}.frame{position:absolute;inset:0 8%;overflow:hidden}.corner{position:absolute;width:27px;height:27px;border-color:#686759;border-style:solid;z-index:2}.top-left{top:0;left:0;border-width:1px 0 0 1px}.top-right{top:0;right:0;border-width:1px 1px 0 0}.bottom-left{bottom:0;left:0;border-width:0 0 1px 1px}.bottom-right{bottom:0;right:0;border-width:0 1px 1px 0}.frame-label,.frame-number{position:absolute;font-size:8px;letter-spacing:.24em;color:#969386;z-index:2}.frame-label{top:12px;left:46px}.frame-number{bottom:12px;right:46px}.light{position:absolute;width:80%;height:110%;left:25%;top:-25%;background:radial-gradient(ellipse,#9b886d28,transparent 64%);transform:rotate(-25deg)}.orb{position:absolute;width:340px;height:340px;left:50%;top:47%;transform:translate(-50%,-50%);border:1px solid #c8b18e19;border-radius:50%;background:radial-gradient(ellipse at 72% 22%,#c7a77b15,transparent 65%);box-shadow:40px -30px 100px #a0835820,inset -35px 25px 80px #b49b6d08}.horizon{position:absolute;width:80%;height:1px;left:10%;top:76%;background:linear-gradient(90deg,transparent,#c7b49124,transparent)}.focus{position:absolute;top:45px;left:50%;height:12px;width:12px;opacity:.45}.focus:before,.focus:after{content:"";position:absolute;background:#b3a58c}.focus:before{width:1px;height:11px;left:5px}.focus:after{height:1px;width:11px;top:5px}.intro{text-align:center;position:relative;z-index:1;padding:80px 20px;animation:reveal 1.2s ease-out both}.eyebrow{font-size:9px;letter-spacing:.24em;color:var(--accent);margin:0 0 32px}.eyebrow span{display:inline-block;width:20px;height:1px;background:var(--accent);vertical-align:middle;margin-right:12px}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,5.5vw,84px);line-height:1.13;font-weight:400;letter-spacing:-.045em;margin:0}h1 em{font-weight:400;color:#c9b699}.description{font-size:14px;line-height:1.9;font-weight:400;color:var(--muted);margin:30px 0 0;letter-spacing:.015em}.signature{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:42px;color:#8e806b}.signature span{width:34px;height:1px;background:#8e806b55}.signature svg{width:26px;height:26px;stroke:currentColor;stroke-width:.8}footer{border-top:1px solid #ffffff12;padding-top:23px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;letter-spacing:.15em;color:#a09d92}.footer-note{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:14px;letter-spacing:.02em;color:#b9b3a6}a:focus-visible{outline:1px solid var(--accent);outline-offset:8px}@keyframes reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){main{min-height:720px}}@media(max-width:700px){.page{padding:27px 22px 22px}.brand{font-size:24px}.brand span{font-size:8px}.status{font-size:7px;letter-spacing:.1em;gap:7px}main{min-height:580px;margin:35px 0 28px}.frame{inset:0}.frame-label{font-size:7px;left:35px}.intro{padding:80px 12px}.eyebrow{font-size:7px;letter-spacing:.14em;margin-bottom:30px}.eyebrow span{width:12px;margin-right:6px}h1{font-size:clamp(36px,7.4vw,52px);line-height:1.18}.description{font-size:12px;line-height:1.9;margin-top:25px}.orb{width:250px;height:250px}.signature{margin-top:32px}footer{flex-wrap:wrap;font-size:8px;gap:18px}.footer-note{order:3;width:100%;text-align:center;font-size:13px}footer>span:last-child{margin-left:auto}}@media(max-width:370px){.page{padding-inline:16px}.status{max-width:95px;line-height:1.7}h1{font-size:34px}.desktop-break{display:none}}@media(prefers-reduced-motion:reduce){.intro{animation:none}}