@font-face{font-family:RueBelle;src:url('assets/rue-belle.otf') format('opentype');font-weight:400;font-display:swap;}
:root{color-scheme:dark;--ink:#19252b;--brass:#ba945c;--paper:#f2e9d9;}
*{box-sizing:border-box;}
body{margin:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;color:var(--paper);background:radial-gradient(ellipse 60% 65% at 50% 46%,#ba945c2e 0%,#ba945c13 32%,#ba945c05 58%,transparent 80%),radial-gradient(ellipse at 5% 90%,#374b4a24,transparent 58%),#10191e;font:16px/1.7 Arial,Helvetica,sans-serif;}
body::before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.025;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='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");}
header{width:100%;padding:34px 6%;display:flex;align-items:center;justify-content:space-between;gap:30px;}
.brand{display:inline-flex;max-width:230px;}
.brand img{display:block;width:100%;height:auto;}
main{position:relative;isolation:isolate;flex:1;display:flex;flex-direction:column;justify-content:center;max-width:1060px;width:calc(100% - 12%);margin:28px auto 0;}
.wall-moth{position:absolute;z-index:-1;width:clamp(220px,33vw,360px);height:auto;right:3%;top:22%;opacity:.06;pointer-events:none;}
.entrance{padding:65px 0 70px;}
.eyebrow{color:#c9a974;font-size:11px;font-weight:600;letter-spacing:2.4px;text-transform:uppercase;margin:0 0 20px;}
h1{font:400 clamp(44px,6.7vw,78px)/1.08 RueBelle,Georgia,serif;letter-spacing:-1px;margin:0 0 25px;max-width:760px;}
h1 span{color:var(--brass);}
.intro{max-width:410px;color:#d1cdbf;font-size:16px;line-height:1.8;margin:0 0 30px;}
.play{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;min-height:50px;padding:12px 24px;background:var(--brass);border:1px solid #d1b486;border-radius:2px;color:#19252b;font-size:14px;font-weight:bold;text-decoration:none;}
.play:hover{background:#ceb082;}
a:focus-visible{outline:2px solid var(--paper);outline-offset:6px;}
footer{padding:28px 6% 24px;color:#9da79f;text-align:center;font-size:10px;letter-spacing:.8px;}
@media(max-width:600px){header{padding:25px 7%;}.brand{max-width:195px;}main{width:86%;margin-top:22px;}.entrance{padding:48px 0 52px;}h1{font-size:clamp(40px,9.2vw,58px);letter-spacing:-.5px;}.intro{font-size:15px;max-width:32ch;}.wall-moth{right:-5%;top:18%;width:230px;}footer{padding-block:28px 20px;}}