:root{--fs:clamp(2.5rem, 8.5vw, 7rem);--ink:#2b2620;--rx:0deg;--ry:0deg;--lx:30%;--ly:20%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{color:var(--ink);background:radial-gradient(at 50% 40%,#2d4a49 0%,#1c2f2f 75%),#243b3a;font-family:Baskerville,Iowan Old Style,Palatino Linotype,Georgia,serif}main{perspective:1100px;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}main:before,main:after{content:"";width:min(calc(var(--fs) * 8), calc(100vw - 1.5rem));height:calc(var(--fs) * 3);transform:rotate(-1.4deg) rotateX(var(--rx)) rotateY(var(--ry));pointer-events:none;border-radius:3px;grid-area:1/1}main:before{background:radial-gradient(circle at var(--lx) var(--ly), #ffffff8c, transparent 55%), repeating-radial-gradient(circle at 20% 30%, #78643c0a 0 1px, transparent 1px 3px), #f3ecdc;box-shadow:0 1px 1px #00000040,0 12px 28px #00000059,0 40px 80px #0000004d}main:after{box-shadow:inset 0 0 0 1px #78643c2e}h1{font-size:var(--fs);text-align:center;transform:rotate(-1.4deg) rotateX(var(--rx)) rotateY(var(--ry));text-shadow:0 1px #fffc,0 -1px #00000047;grid-area:1/1;margin:0;font-style:italic;font-weight:400;line-height:1.1;position:relative}