@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Montserrat:wght@400;500;600;700&display=swap');
:root{--gold:#cba36b;--cream:#f2e0bf;--dark:#111511}*{box-sizing:border-box}body{margin:0;background:#090b0a;color:var(--cream);font-family:Montserrat,Arial,sans-serif}.wrap{max-width:1700px;min-height:100vh;margin:auto;background:radial-gradient(circle at 26% 43%,#2c2b24,#121713 56%,#0b0e0b);overflow:hidden}header{height:100px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cba36b30}.logo{display:flex;align-items:center;gap:12px}.icon{font-size:40px;color:var(--gold)}.logo b{display:block;font:600 29px/.9 'Cormorant Garamond',Georgia,serif;letter-spacing:.07em}.logo small{display:block;margin-top:8px;font-size:9px;letter-spacing:.29em}.topline{font-size:10px;letter-spacing:.25em;color:#d2b88c}main{display:grid;grid-template-columns:55% 45%;min-height:650px}.intro{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:75px 30px 85px}.kicker{font-size:11px;letter-spacing:.4em;color:var(--gold);margin-bottom:28px}h1{font:500 clamp(65px,7vw,120px)/.78 'Cormorant Garamond',Georgia,serif;letter-spacing:-.04em;margin:0}h1 em{font-weight:400;font-style:normal;font-size:.77em}.rule{width:200px;display:flex;align-items:center;gap:15px;color:var(--gold);margin:33px 0 18px}.rule:before,.rule:after{content:'';height:1px;flex:1;background:#ac8d5a}h2{font-size:23px;letter-spacing:.35em;font-weight:500;margin:0 0 24px}p{font-size:13px;line-height:2;color:#d6cbbb;margin:0 0 32px}.button{background:linear-gradient(135deg,#e2b77a,#b48345);color:#151612;text-decoration:none;font-weight:700;letter-spacing:.12em;font-size:11px;padding:20px 28px;border-radius:4px;transition:transform .2s}.button:hover{transform:translateY(-3px)}.footnote{font-size:9px;letter-spacing:.23em;color:#b9a68c;margin-top:42px}.art{position:relative;overflow:hidden;min-height:650px;background:linear-gradient(130deg,#413a2d,#171d18 70%);border-left:1px solid #cba36b38}.frame{position:absolute;inset:7% 7% 0;background:radial-gradient(circle at 50% 42%,#a77b49,#4b4636 43%,#202820 77%);border:15px solid #292e26;box-shadow:inset 0 0 80px #0009,0 0 0 1px #ad87514a}.arch{position:absolute;left:21%;width:58%;top:6%;height:87%;border:24px solid #b38b57;border-bottom:0;border-radius:48% 48% 0 0/30% 30% 0 0;background:linear-gradient(115deg,#382d23,#151d19);box-shadow:0 0 0 8px #2b2b24,0 0 40px #0008}.inner{position:absolute;inset:11% 9% 0;border:5px solid #6f5a3f;border-bottom:0;border-radius:48% 48% 0 0/30% 30% 0 0;background:linear-gradient(120deg,#8c663c,#222b25 65%)}.door{position:absolute;bottom:0;left:15%;width:70%;height:48%;border:10px solid #5d4832;background:linear-gradient(90deg,#1d2520,#82633f 52%,#18231e)}.lamp{position:absolute;top:20%;left:44%;height:75px;width:35px;border-radius:50% 50% 20% 20%;background:#f8d9a1;box-shadow:0 0 70px 35px #efbd6a55;z-index:1}.floor{position:absolute;bottom:0;left:0;right:0;height:12%;background:repeating-linear-gradient(100deg,#5b4936 0 4px,#2a2c24 5px 65px)}.pot{position:absolute;bottom:7%;height:95px;width:65px;border-radius:5px 5px 25px 25px;background:linear-gradient(90deg,#473b2e,#ad8b5b,#493e31);z-index:2}.pot.left{left:7%}.pot.right{right:7%}.pot i{position:absolute;bottom:80%;left:24px;height:180px;width:8px;background:#57694c;transform:rotate(-12deg)}.pot i:before,.pot i:after{content:'';position:absolute;top:15px;left:-60px;width:95px;height:25px;background:#526448;border-radius:100% 0;transform:rotate(30deg);box-shadow:15px 50px #627752,-4px 100px #3d5b43}.pot i:after{left:0;transform:scaleX(-1) rotate(30deg)}.caption{position:absolute;right:12%;bottom:22px;font-size:10px;letter-spacing:.24em;color:#e1c69b}footer{border-top:1px solid #cba36b30;padding:25px 6%;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.15em;color:#b8a98e}@media(max-width:800px){header{height:82px}.topline{display:none}main{grid-template-columns:1fr}.intro{padding:80px 20px}h1{font-size:clamp(60px,12vw,92px)}.art{min-height:430px;border-left:0;border-top:1px solid #cba36b38}footer{flex-direction:column;text-align:center;align-items:center}.frame{inset:4% 12% 0}}
