*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%}
body{
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
font-family:Inter,sans-serif;
background:
radial-gradient(circle at 78% 15%,rgba(255,240,185,.95)0%,rgba(245,197,78,.58)26%,transparent 58%),
radial-gradient(circle at 18% 82%,rgba(255,222,140,.22)0%,transparent 58%),
linear-gradient(135deg,#a96c12 0%,#c98a21 20%,#e9ba56 45%,#f5d07b 60%,#d2952b 82%,#9f6510 100%);
}
body:before{
content:"";
position:fixed;inset:0;
background:radial-gradient(circle,transparent 45%,rgba(0,0,0,.12)100%);
pointer-events:none;
}
.noise{
position:fixed;inset:0;opacity:.05;pointer-events:none;
background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="140" height="140"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency=".9" numOctaves="2"/></filter><rect width="100%" height="100%" filter="url(%23n)"/></svg>');
}
.wrap{text-align:center;padding:40px}
.logo{
width:min(340px,68vw);
aspect-ratio:1/1;
object-fit:contain;
display:block;
margin:0 auto 34px;
filter:drop-shadow(0 18px 40px rgba(0,0,0,.22));
}
h1{
font-family:"Playfair Display",serif;
font-size:clamp(40px,5vw,72px);
letter-spacing:.22em;
color:#2d2b28;
}
p{
margin-top:18px;
font-size:20px;
color:#3e372d;
}
.small{
font-size:14px;
letter-spacing:.35em;
text-transform:uppercase;
margin-top:30px;
opacity:.8;
}