*{box-sizing:border-box}html,body{margin:0;background:#080808;color:#eeece5;font-family:Arial,sans-serif}main{position:relative;min-height:620px;height:100svh;overflow:hidden}#portrait{position:absolute;inset:0;touch-action:pan-y}canvas{display:block;width:100%;height:100%}.identity,.contact,.studio{position:absolute;z-index:1}.identity{right:7%;top:8%;width:230px}.identity img{width:160px;height:auto;filter:brightness(0) invert(1)}.coordinates{font:9px/1.7 ui-monospace,monospace;letter-spacing:.1em;color:#8f8f88;margin:23px 0}.identity p{font-size:15px;line-height:1.45;margin:0;letter-spacing:-.015em}.contact{left:7%;top:48%;transform:translateY(-50%)}a{color:inherit;text-decoration:none}.email{font-size:13px;display:block;padding:12px 0}.socials{display:grid;grid-template-columns:1fr 1fr;gap:4px 22px;margin-top:14px}.socials a{font:10px/1.5 ui-monospace,monospace;color:#969690;padding:8px 0;min-height:32px}.studio{left:64%;bottom:11%;width:260px}.studio>a{font-size:19px;letter-spacing:-.025em;display:flex;justify-content:space-between;align-items:center;padding:14px 0}.studio p{font:10px/1.6 ui-monospace,monospace;color:#969690;margin:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}a:focus-visible{outline:1px solid #eee;outline-offset:6px}footer{position:fixed;bottom:12px;left:18px;z-index:2;font:8px ui-monospace,monospace;color:#62625f}@media(max-width:900px){.identity{right:5%;width:190px}.contact{left:5%}.studio{left:auto;right:5%;width:230px}}@media(max-width:600px){main{height:100svh;min-height:660px}.identity{top:6%;right:7%;width:190px}.identity img{width:145px}.coordinates{margin:15px 0;font-size:8px}.identity p{font-size:13px}.contact{left:7%;top:57%}.email{font-size:11px}.socials{gap:2px 17px;margin-top:7px}.socials a{font-size:9px}.studio{right:7%;bottom:9%;width:220px}.studio>a{font-size:17px}.studio p{font-size:9px}footer{font-size:7px;bottom:9px;left:7%}}.identity,.contact,.studio{text-shadow:0 1px 8px #080808,0 0 4px #080808}.studio:before{content:"";position:absolute;inset:-30px -40px;z-index:-1;background:radial-gradient(ellipse,rgba(8,8,8,.84),transparent 72%);pointer-events:none}@media(max-width:600px){.contact{top:53%}.contact:before{content:"";position:absolute;inset:-25px -20px;z-index:-1;background:radial-gradient(ellipse,rgba(8,8,8,.9),transparent 76%);pointer-events:none}.identity .coordinates{color:#aaa9a1}}.identity{text-align:right}.identity img{width:145px}.identity .coordinates{font-size:8px;line-height:1.6;margin:16px 0}.identity p{font-size:12px;line-height:1.5}.email{font-size:12px;padding:5px 0}.socials{gap:0 14px;margin-top:6px;grid-template-columns:max-content max-content}.socials a{padding:4px 0;min-height:24px}footer{left:7%;right:7%;bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:16px;font:8px/1.5 ui-monospace,monospace;letter-spacing:.045em;color:#99988f}@media(max-width:600px){.identity img{width:130px}.identity p{font-size:11px}.identity .coordinates{font-size:7px;margin:12px 0}.email{font-size:10px}.socials{margin-top:4px;gap:0 12px}.socials a{font-size:8px}footer{bottom:16px;font-size:6px;gap:8px}}@media(max-width:600px){main{min-height:100svh}.studio{bottom:70px}.contact{top:52%}}html,body{background:#002fa7;color:#fffdf5}.identity,.contact,.studio{text-shadow:none}.coordinates,.identity .coordinates,.socials a,.studio p,footer{color:#fffdf5b8}.studio:before,.contact:before{display:none}a:hover{color:#fff}a:focus-visible{outline-color:#fff}main{height:100dvh}@media(max-width:600px){.socials a,.email{min-height:44px;display:flex;align-items:center}.socials{gap:0 16px}.contact{top:52%}footer a{min-height:44px;display:flex;align-items:center}footer{bottom:8px}}@media(max-width:600px){.studio,.contact{text-shadow:0 1px 3px #002fa7,0 0 6px #002fa7}.studio p{color:#fffdf5}}