@charset "UTF-8";
:root{color-scheme:dark;--ink:#11120f;--paper:#f3efe6;--gold:#bca879}
*{box-sizing:border-box}html{min-width:280px;background:var(--ink)}body{margin:0;color:var(--paper);min-height:100svh;font-family:Arial,Helvetica,sans-serif;isolation:isolate;overflow-x:hidden}
.atmosphere{position:fixed;inset:0;z-index:-3;overflow:hidden;background:radial-gradient(ellipse at 50% 32%,#28291f 0%,#171813 38%,#10110f 75%)}
.glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.18;will-change:transform}.glow-one{background:#a09057;width:45vw;height:45vw;min-width:420px;min-height:420px;left:3%;top:-20%;animation:drift 40s ease-in-out infinite alternate}.glow-two{background:#6d7357;width:40vw;height:50vw;right:-15%;bottom:-28%;opacity:.12;animation:drift 47s ease-in-out -10s infinite alternate-reverse}
.grain{pointer-events:none;position:fixed;inset:0;z-index:3;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.94' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
main{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:45px 28px 34px;position:relative}
.logo-wrap{width:clamp(205px,29vw,365px);opacity:0;animation:rise 1.5s .15s cubic-bezier(.2,.8,.2,1) forwards}.logo{display:block;width:100%;height:auto}
.interlude{display:flex;align-items:center;gap:13px;margin:clamp(28px,4.5vh,48px) 0 clamp(21px,3vh,32px);opacity:0;animation:appear 1.4s .6s forwards}.interlude span{height:1px;width:45px;background:linear-gradient(90deg,transparent,#bca87966)}.interlude span:last-child{transform:rotate(180deg)}.interlude b{width:4px;height:4px;transform:rotate(45deg);background:var(--gold);box-shadow:0 0 15px #c9b07755}
h1{margin:0;max-width:900px;font-family:'Segoe UI',system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-weight:300;font-size:clamp(30px,4.1vw,55px);line-height:1.22;letter-spacing:-.035em;opacity:0;animation:rise 1.35s .55s cubic-bezier(.2,.8,.2,1) forwards}
.return{margin:23px 0 0;font-size:clamp(12px,1.2vw,15px);letter-spacing:.19em;font-weight:400;color:#d1d0c5;opacity:0;animation:rise 1.3s .8s forwards}
.corner{position:fixed;width:28px;height:28px;pointer-events:none;opacity:.4;border-color:#bca87966;border-style:solid}.corner-tl{top:24px;left:24px;border-width:1px 0 0 1px}.corner-tr{top:24px;right:24px;border-width:1px 1px 0 0}.corner-bl{bottom:24px;left:24px;border-width:0 0 1px 1px}.corner-br{bottom:24px;right:24px;border-width:0 1px 1px 0}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes appear{to{opacity:1}}@keyframes drift{to{transform:translate(35%,38%) scale(1.35);opacity:.1}}
@media(max-width:600px){main{padding:45px 26px}.logo-wrap{width:clamp(205px,63vw,300px)}h1{font-size:clamp(30px,7.4vw,42px);max-width:340px}.return{letter-spacing:.12em;font-size:12px}.corner-tl,.corner-tr{top:16px}.corner-bl,.corner-br{bottom:16px}.corner-tl,.corner-bl{left:16px}.corner-tr,.corner-br{right:16px}}
@media(max-height:700px) and (min-width:601px){main{padding:25px}.logo-wrap{width:240px}.interlude{margin:24px 0 20px}h1{font-size:42px}.return{margin-top:17px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.logo-wrap,.interlude,h1,.return{opacity:1}.glow{will-change:auto}}