*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--midnight:#0A0E1A;--gold:#C9A84C;--silver:#B8C4D8;--navy:#1A2038;--champagne:#E8D5A3;--aged:#8B7340}
body{background:var(--midnight);color:var(--silver);font-family:'Raleway',sans-serif;font-weight:300;font-size:15px;line-height:1.8;letter-spacing:0.02em;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative}
.archway{position:absolute;width:400px;height:500px;top:50%;left:50%;transform:translate(-50%,-50%)}
.hero-content{text-align:center;position:relative;z-index:1}
h1{font-family:'Playfair Display',serif;font-weight:700;font-size:60px;color:var(--gold);letter-spacing:0.06em;text-transform:uppercase}
.hero-sub{font-family:'Raleway',sans-serif;font-weight:300;font-size:20px;color:var(--silver);margin-top:4px;letter-spacing:0.1em}
.deco-divider{display:flex;flex-direction:column;align-items:center;gap:4px;padding:40px 0}
.step{height:2px;background:var(--gold)}
.step-bottom{width:80px}
.step-mid{width:50px}
.step-top{width:30px}
.frame{max-width:900px;margin:0 auto;padding:48px 60px;position:relative;border:1px solid rgba(201,168,76,0.3);outline:1px solid rgba(201,168,76,0.6);outline-offset:8px}
.fan-corner{position:absolute;width:60px;height:60px}
.fan-tl{top:-8px;left:-8px}
.fan-tr{top:-8px;right:-8px}
.fan-corner svg{width:100%;height:100%}
.label{font-family:'Raleway',sans-serif;font-weight:600;font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:rgba(201,168,76,0.7);display:block;margin-bottom:8px}
h2{font-family:'Playfair Display',serif;font-weight:700;font-size:36px;color:var(--gold);letter-spacing:0.06em;text-transform:uppercase;margin-bottom:16px}
h3{font-family:'Playfair Display',serif;font-weight:700;font-size:24px;color:var(--gold);letter-spacing:0.04em;text-transform:uppercase;margin-bottom:12px}
.columns{max-width:900px;margin:0 auto;padding:48px 32px;display:flex;gap:0;justify-content:center}
.col{flex:1;padding:0 24px}
.col-divider{width:1px;background:var(--gold);opacity:0.4}
.diamond-list{list-style:none;padding:0}
.diamond-list li{position:relative;padding-left:20px;margin-bottom:8px}
.diamond-list li::before{content:'';position:absolute;left:0;top:8px;width:6px;height:6px;background:var(--gold);transform:rotate(45deg)}
.card-reveal{opacity:0.3;transform:scale(0.97);transition:opacity 0.5s ease-out,transform 0.5s ease-out}
.card-reveal.in-view{opacity:1;transform:scale(1)}
.zigzag-border{display:block;width:100%;height:20px;margin-top:60px}
.footer{text-align:center;padding:40px 32px 60px}
.archway-sm{width:200px;height:120px;margin:0 auto 16px;display:block}
.footer-name{font-family:'Playfair Display',serif;font-weight:700;font-size:16px;color:var(--gold);letter-spacing:0.06em;text-transform:uppercase}
@media(max-width:600px){h1{font-size:40px}.frame{margin:0 16px;padding:32px 24px;outline-offset:4px}.columns{flex-direction:column;gap:32px}.col-divider{width:100%;height:1px}h2{font-size:28px}}