:root{color-scheme:dark;--pine:#100e0c;--lettering:#ffffff}*{box-sizing:border-box}html,body{margin:0;min-width:280px;min-height:100%;background:var(--pine)}body{color:var(--lettering);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}main{height:100svh;min-height:360px;position:relative;overflow:hidden;isolation:isolate}#landscape,#still{position:absolute;inset:0;width:100%;height:100%;z-index:-2}#landscape{opacity:0;transition:opacity 1.3s ease}.ready #landscape{opacity:1}#still{opacity:.7}header{position:absolute;top:max(27px,env(safe-area-inset-top));left:max(28px,env(safe-area-inset-left));right:max(23px,env(safe-area-inset-right));display:flex;align-items:flex-start;justify-content:space-between}.symbol{display:block;width:37px;height:37px;opacity:1}.symbol svg{display:block;width:100%;height:100%}button{padding:12px;border:0;background:transparent;color:#bda786;cursor:pointer;opacity:.6}button:hover,button:focus-visible{opacity:1}button[hidden]{display:none}button svg{width:14px;height:14px;display:block}button path{stroke:currentColor;stroke-width:1.15;fill:none}a:focus-visible,button:focus-visible{outline:1px solid #ead7b9;outline-offset:7px}footer{position:absolute;inset:auto max(29px,env(safe-area-inset-right)) max(26px,env(safe-area-inset-bottom)) max(29px,env(safe-area-inset-left));display:flex;align-items:flex-end;justify-content:space-between;gap:30px}footer p{font-size:11px;letter-spacing:.045em;line-height:1.4;color:#ffffff;margin:0}h1{margin:0;line-height:0;width:clamp(195px,20vw,285px)}h1 svg{width:100%;height:auto;overflow:hidden;opacity:1}@media(max-width:600px){header{top:max(24px,env(safe-area-inset-top));left:24px;right:16px}.symbol{width:33px;height:33px}footer{left:24px;right:24px;bottom:max(27px,env(safe-area-inset-bottom));align-items:flex-start;flex-direction:column-reverse;gap:17px}h1{width:224px}footer p{font-size:10px}}@media(prefers-reduced-motion:reduce){#landscape{transition:none}}

.symbol svg,h1 svg{filter:none}