@import url('../v2/fonts.css');
:root{color-scheme:dark;background:#050505;color:#d0c4ac;font-family:'Cormorant Garamond',Georgia,serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#050505}::selection{color:#050505;background:#bbaa87}.hero{height:100%;height:100svh;min-height:380px;position:relative;isolation:isolate;overflow:hidden;touch-action:manipulation}.atmosphere{position:absolute;inset:0;z-index:-5;background:radial-gradient(ellipse at 63% 44%,#1d1812 0,#100e0b 30%,#050505 72%)}.scene{position:absolute;inset:0;z-index:-4}.scene canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity 2.5s}.scene.ready canvas{opacity:1}.pawn-fallback{position:absolute;left:30%;top:0;width:65%;height:100%;object-fit:contain;filter:brightness(.38) saturate(.5);opacity:.7}.scene.ready .pawn-fallback{opacity:0;transition:opacity 2s}.vignette{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 54% 43%,transparent 20%,rgba(3,3,3,.12) 50%,rgba(3,3,3,.8) 100%),linear-gradient(0deg,rgba(3,3,3,.96),transparent 35%,transparent 75%,rgba(3,3,3,.4))}.grain{position:absolute;inset:0;z-index:2;pointer-events:none;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.identity{position:absolute;left:8%;top:50%;width:64%;text-align:center;transform:translateY(-33%);pointer-events:none;animation:arrive 2.8s both}.sigil{display:flex;gap:19px;align-items:center;justify-content:center;margin-bottom:30px;opacity:.65}.sigil span{height:1px;width:36px;background:linear-gradient(90deg,transparent,#a4916b)}.sigil span:last-child{transform:rotate(180deg)}.sigil i{width:5px;height:5px;transform:rotate(45deg);border:1px solid #bdab84}h1{font-size:clamp(48px,6.7vw,112px);line-height:1.04;font-weight:400;letter-spacing:.09em;text-transform:uppercase;margin:0;color:#d9ceb7;text-shadow:0 2px 30px #000,0 0 75px #000}h1 span{display:block;font-family:'Manrope',Arial,sans-serif;font-size:12px;font-weight:400;letter-spacing:.95em;padding-left:.95em;margin-top:27px;color:#baaa88}.identity p{font-family:'Manrope',Arial,sans-serif;font-size:9px;font-weight:400;letter-spacing:.38em;text-transform:uppercase;margin:35px 0 0;color:#988b70;text-shadow:0 1px 15px #000}#motion-toggle{position:absolute;right:30px;bottom:27px;width:36px;height:36px;border:1px solid rgba(184,166,126,.18);border-radius:50%;background:rgba(5,5,5,.2);color:#a99873;display:grid;place-items:center;cursor:pointer;transition:color .25s,border-color .25s;z-index:5}#motion-toggle[hidden]{display:none}#motion-toggle svg{fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round}#motion-toggle .play-icon{display:none}#motion-toggle[aria-pressed=true] .play-icon{display:block}#motion-toggle[aria-pressed=true] .pause-icon{display:none}#motion-toggle:hover{border-color:#a99873;color:#e5d1a9}#motion-toggle:focus-visible{outline:1px solid #dcc496;outline-offset:6px}@keyframes arrive{from{opacity:0;filter:blur(9px);transform:translateY(calc(-33% + 12px))}to{opacity:1;filter:blur(0);transform:translateY(-33%)}}
@media(max-width:700px){.identity{width:90%;left:5%;top:61%;transform:translateY(-33%)}h1{font-size:clamp(34px,9vw,62px);letter-spacing:.06em}h1 span{font-size:10px;margin-top:24px;letter-spacing:.8em;padding-left:.8em}.identity p{font-size:8px;letter-spacing:.28em;margin-top:28px}.sigil{margin-bottom:23px}.pawn-fallback{left:5%;width:100%;height:84%;top:2%}.vignette{background:radial-gradient(ellipse at 50% 36%,transparent 15%,rgba(3,3,3,.1) 50%,rgba(3,3,3,.8) 100%),linear-gradient(0deg,#030303,transparent 48%,transparent 75%,rgba(3,3,3,.5))}#motion-toggle{right:20px;bottom:20px}}
@media(max-height:500px) and (min-width:701px){.identity{top:46%}.sigil{margin-bottom:15px}h1{font-size:56px}h1 span{margin-top:14px}.identity p{margin-top:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.pawn-trigger{position:absolute;z-index:3;background:transparent;border:0;padding:0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.pawn-trigger[hidden]{display:none}.pawn-trigger:focus-visible{outline:1px solid rgba(199,174,128,.5);outline-offset:8px;border-radius:50%}.fallback-trigger{left:45%;top:15%;width:35%;height:70%}.identity{transition:opacity .7s,filter .7s}.shattering .identity{opacity:0;filter:blur(9px);animation:none}.epilogue{position:absolute;z-index:4;left:7%;right:7%;top:50%;transform:translateY(-45%);text-align:center;pointer-events:none;opacity:0;visibility:hidden;filter:blur(12px);transition:opacity 2s,filter 2s,visibility 2s;color:#d9c7a4}.epilogue-visible .epilogue{opacity:1;visibility:visible;filter:blur(0)}.epilogue blockquote{font-size:clamp(48px,7.4vw,120px);line-height:1.05;font-weight:400;font-style:italic;margin:0;letter-spacing:.015em;text-shadow:0 0 60px #000}.attribution{font-family:'Manrope',Arial,sans-serif;text-transform:uppercase;font-size:8px;letter-spacing:.38em;color:#9f8a65;margin:25px 0 0}.epilogue-brand{margin-top:62px;opacity:0;transform:translateY(15px);transition:opacity 2.2s,transform 2.2s}.epilogue-complete .epilogue-brand{opacity:1;transform:translateY(0)}.epilogue-rule{display:block;width:38px;height:1px;background:#766344;margin:0 auto 29px}.epilogue h2{font-weight:400;text-transform:uppercase;font-size:25px;letter-spacing:.18em;margin:0}.epilogue h2 span{font-size:12px;letter-spacing:.2em;margin-left:8px}.epilogue-brand p{font-family:'Manrope',Arial,sans-serif;font-size:7px;text-transform:uppercase;letter-spacing:.3em;margin-top:18px;color:#9f8a65}@media(max-width:700px){.epilogue blockquote{font-size:clamp(46px,11.5vw,76px)}.epilogue-brand{margin-top:50px}.epilogue h2{font-size:20px;letter-spacing:.12em}.epilogue h2 span{font-size:10px}.epilogue-brand p{font-size:6px}.attribution{font-size:7px}.fallback-trigger{left:17%;top:18%;width:66%;height:60%}}@media(max-height:500px){.epilogue{transform:translateY(-48%)}.epilogue blockquote{font-size:52px}.attribution{margin-top:12px}.epilogue-brand{margin-top:24px}.epilogue-rule{margin-bottom:18px}.epilogue-brand p{margin-top:12px}}